/* ====================================================================================================================== */
/* MENU  */
/* ====================================================================================================================== */

	.navibox {padding: 20px 0px;}


	.bgnavout{position: relative;}
	
	@media(min-width:768px)	{.bgnav{position: none; z-index: 1012; margin: 20px auto 0px auto!important; background: #none;  width: 100%; border: 0px solid red;}}
	@media(min-width:992px)	{.bgnav{position: absolute; z-index: 1012; margin: 0px auto !important; background: #none;  width: 100%; border: 0px solid red;}}
	
	
	@media(min-width:100px) {.bgnav{display: none;}}
	@media(min-width:768px)	{.bgnav{top: 20px; display: block; background: #fff; height: 50px;}} /*top was -35*/
	@media(min-width:992px)	{.bgnav{top: 10px; display: block; background: none; height: 60px;}}
	@media(min-width:1600px){.bgnav{top: 10px; display: block;}}
	

	
	#maximenuCK {display: flex;flex-wrap : nowrap;align-items : center; justify-content : flex-end}
	
	
	
	

/**/
	@media(min-width:768px) {
	.menulink1 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink2 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink3 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink4 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink5 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink6 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink7 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;   padding:15px 15px 15px 15px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink8 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}

	}
	@media(min-width:992px) {
	.menulink1 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink2 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink3 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink4 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink5 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink6 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink7 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink8 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	
}  
	@media(min-width:1200px) {
	.menulink1 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink2 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink3 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink4 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink5 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink6 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink7 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}
	.menulink8 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 10px 0px 10px; float:left; font-size: 15px; font-weight: 400; color: #333;}

	}

	@media(min-width:1400px) {
	.menulink1 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 0px;  float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink2 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink3 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink4 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink5 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink6 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink7 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}
	.menulink8 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #333;}

	}
	@media(min-width:1600px) {
	.menulink1 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink2 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink3 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink4 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink5 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink6 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink7 a{border-right: 1px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 20px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}
	.menulink8 a{border-right: 0px solid #cccccc; margin-left: 0px; margin: 0px 0px 0px 0px;    padding:0px 0px 0px 20px; float:left; font-size: 16px; font-weight: 300; color: #fff;}

	}
	
	
	
	
	.menulink1 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink2 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink3 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink4 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink5 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink6 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink7 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}
	.menulink8 a:hover{border-bottom: 0px solid #333; color: #ec2222; text-decoration: none;}


/* ====================================================================================================================== */
/* Scroll menu  */
/* ====================================================================================================================== */
	
	#maximenuCK_small{Background: var(--bgblue); color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid var(--bgred); float:left; max-height: 120px; width: 100%; z-index: 1049;}


	.smallnavifix{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	
	
	
	
	@media(min-width:768px) {
	.menuitem1_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem2_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem3_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem4_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem5_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem6_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem7_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem8_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	}
	@media(min-width:992px) {
	.menuitem1_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem2_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem3_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem4_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem5_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem6_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem7_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem8_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	}
	@media(min-width:1200px) {
	.menuitem1_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem2_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem3_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem4_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem5_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem6_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem7_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	.menuitem8_small{float:right; border-right: 0px solid #fff; margin: 5px 0px 5px 0px; width: auto;}
	}

	/**/

	@media(min-width:768px) {
	.menulink1_small a{margin: 10px 15px 10px 0px;  font-size: 14px; color: #fff; font-weight: 400;}
	.menulink2_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}
	.menulink3_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}
	.menulink4_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}
	.menulink5_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}
	.menulink6_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}
	.menulink7_small a{margin: 10px 15px 10px 10px; font-size: 14px; color: #fff; font-weight: 400;}

	}
	@media(min-width:992px) {
	.menulink1_small a{margin: 10px 20px 10px 0px;   font-size: 16px; color: #fff; font-weight: 400;}
	.menulink2_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 400;}
	.menulink3_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 400;}
	.menulink4_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 400;}
	.menulink5_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 400;}
	.menulink6_small a{margin: 10px 20px 10px 10px; font-size: 16px; color: #fff; font-weight: 400;}
	.menulink7_small a{margin: 10px 20px 10px 10px; font-size: 16px; color: #fff; font-weight: 400;}
	
	}
	@media(min-width:1200px) {
	.menulink1_small a{margin: 10px 20px 10px 0px;   font-size: 16px; color: #fff; font-weight: 300;}
	.menulink2_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 300;}
	.menulink3_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 300;}
	.menulink4_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 300;}
	.menulink5_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 300;}
	.menulink6_small a{margin: 10px 20px 10px 10px;  font-size: 16px; color: #fff; font-weight: 300;}
	.menulink7_small a{margin: 10px 20px 10px 10px; font-size: 16px; color: #fff; font-weight: 300;}
	
	}

	.iconsmall{margin: 5px 0px 5px 0px;}

	.menulink1_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink2_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink3_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink4_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink5_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink6_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink7_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink8_small a:hover{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	/**/
	.menulink1_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink2_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink3_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink4_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink5_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink6_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink7_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}
	.menulink8_small a:active{border-bottom: 0px solid #333; color: #02a3da; text-decoration: none;}