/* CSS utf-8 ő */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap&family=Square+Peg&display=swap');


:root {
	--white:#fff;
	--dark:#242424;
	--dark-middle:#3e3e3e;
	--dark-light:#b1b1af;
	--dark-bright-shadow:rgb(24 22 23 / 8%);
	--dark-bright:#f5f5f5;
	--dark-towhite-shadow: rgb(51 51 51 / 13%);
	--orange:#f44727;
	--orange-bright:#ff9061;
	--orange-light:#f7803c;
	--orange-bright:#fbd3cc;
	--yellow:#efdc76;
	--yellow-dark:#f3ce63;
	--yellow-shadow:#e7bb4c;
	--yellow-bright-shadow:#e4d369;
	--blue: #018cd3;
	--blue-light:#32a1db;
	--rose:#ee247a;
	--rose-dark:#cc3a43;
	--rose-light:#f69aa0;
	--rose-light-shadow:#e2858b;
	--sea-green:#10c0b5;
	--sea-green-dark:#0c938c;
	--sea-green-light:#19cec5;
	--sea-green-bright-shadow:rgb(42 206 195 / 26%);

	--small:65%;
	--big:165%;

	--f56:56px;
	--f36:34px;
	--f34:34px;
	--f34m:34px;
	--f32:32px;
	--f32m:32px;
	--f24:24px;
	--f22:22px;
	--f20:20px;
	--f18:18px;
	--f16:16px;
	--f14:14px;
	--f13:13px;
	--f12:12px;
	
	--f56lh:1.32;
	--f36lh:1.32;
	--f34lh:1.52;
	--f34mlh_hw:0.9;
	--f32lh:1.42;
	--f32mlh:1.42;
	--f24lh:1.52;
	--f22lh:1.52;
	--f20lh:1.52;
	--f18lh:1.52;
	--f16lh:1.52;
	--f14lh:1.52;
	--f12lh:1.52;
	
	--aspr-prof-pic: 1 / 1;

	}

@media (max-width:768px) {
	
	:root {		
	--f56lh:1.28;
	--f36lh:1.42;
	--f34lh:1.42;
	--f32lh:1.34;
	--f24lh:1.48;
	--f22lh:1.48;
	--f20lh:1.48;
	--f18lh:1.48;
	--f16lh:1.48;
	--f14lh:1.48;
	--f12lh:1.48;
	}

}
	
@media (max-width:600px) {
	
	:root {	

	--f56:36px;
	--f36:28px;
	--f34:28px;
	--f32:22px;
	--f24:22px;
	--f22:18px;
	--f20:16px;
	--f18:16px;
	--f16:14px;
	--f14:14px;
	--f12:12px;	
		
	--f56lh:1.28;
	--f36lh:1.42;
	--f34lh:1.42;
	--f32lh:1.34;
	--f24lh:1.48;
	--f22lh:1.48;
	--f20lh:1.48;
	--f18lh:1.48;
	--f16lh:1.48;
	--f14lh:1.48;
	--f12lh:1.48;
	}	
	
}


	*{-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
	
	*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
	

html {
	position:relative;
	}
		
	
BODY {font-family:'Poppins', sans-serif; font-size:var(--f20); line-height:var(--f20lh); color:var(--dark); padding:0px; margin:0px; text-align:center; position:relative; display:block;  height:100%; background: var(--yellow); 
overflow-x: hidden;
height:100%;
}


html, BODY {
	
	scroll-behavior: smooth;
	min-width: 347px;
    	
	display:block;
	padding:0px; margin:0px;

	 -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
	}


	
/* body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
  overflow: hidden;
} */

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}

.clearfix {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.mbm_multi {mix-blend-mode: multiply;}

A {color:var(--blue); text-decoration:none; display:inline;}
A:HOVER {color:var(--sea-green-dark); text-decoration:none;}

H1 {font-size: var(--f56);
    line-height: var(--f56lh);
    color: var(--dark);
    font-weight: 900;}
H2 {font-size:var(--f34); line-height:var(--f34lh); color:#ff9061; font-weight:400;}
H3 {font-size:var(--f20); line-height:var(--f20lh); color:var(--dark); font-weight:700;}

.nodisplay {display:none;}
.nounder {text-decoration:none;}
.hand {cursor:pointer;}
.small {font-size:9px;}
.clear {clear:both;}
.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}
.hidden {display:none;}


@keyframes button_ecl_border_1 {
  	0% {
		    transform: translate(-50%, -50%) rotate(-2deg);
			border-top: 1px solid #21201e;
			border-bottom: 3px solid #21201e;
			border-left: 1px solid #21201e;
			border-right: 3px solid #21201e;		   
	} 
	
	50% {
			
			transform: translate(-50%, -50%) rotate(1deg);
			border-top: 3px solid #21201e;
			border-bottom: 1px solid #21201e;
			border-left: 3px solid #21201e;
			border-right: 1px solid #21201e;
	}
  
	100% {
		  
		   transform: translate(-50%, -50%) rotate(-2deg);
			border-top: 1px solid #21201e;
			border-bottom: 3px solid #21201e;
			border-left: 1px solid #21201e;
			border-right: 3px solid #21201e;
	} 
}

@keyframes button_ecl_border_2 {
  	0% {
		        border-top: 1px solid #21201e;
				border-bottom: 3px solid #21201e;
				border-left: 1px solid #21201e;
				border-right: 3px solid #21201e;
				transform: translateX(-50%) rotate(3deg);
	} 
	
	50% {
		
	 border-top: 3px solid #21201e;
    border-bottom: 1px solid #21201e;
    border-left: 3px solid #21201e;
    border-right: 1px solid #21201e;
    transform: translateX(-50%) rotate(-5deg);
	}
  
	100% {
		 		 border-top: 1px solid #21201e;
				border-bottom: 3px solid #21201e;
				border-left: 1px solid #21201e;
				border-right: 3px solid #21201e;
				transform: translateX(-50%) rotate(3deg);
	} 
}



.button1, .button_ecl {
	position: relative;
	min-width: 157px;
    display: inline-block;
    color: var(--dark);
    background-color: var(--yellow);
    font-size:var(--f18);
    line-height:var(--f18lh);
    font-weight: 900;
    padding: 15px 40px;
	margin: 10px 5px;
    text-transform: uppercase;
    border: 0px;
    cursor: pointer;
    border-radius: 12px;
	transition: all .1s ease-in-out;}
	
.button1:before,
.button_ecl:before {content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 19px;
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-mask-image: url(/images/sand_bg_but1.svg);
    mask-image: url(/images/sand_bg_but1.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: rgb(219 185 89 / 35%);
    z-index: 4;
    mix-blend-mode: multiply;
	transition: all .1s ease-in-out;}	


.button_ecl span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

.button_ecl span:after {
	content: attr(data-content);
	font-size:85%;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
	
.button1:HOVER:before,
.button_ecl:HOVER:before {
    bottom: 0;
    left: 19px;
    width: 120px;
    height: 100%;
	transition: all .1s ease-in-out;}
	
.button1:after,
.button_ecl:after {position: absolute;
    content: '';
    display: block;
    top: 39%;
    left: 51%;
    width: 95%;
    height: 104%;
    z-index: 2;
    transform: translate(-50%, -50%);
    border-top: 1px solid #21201e;
    border-radius: 12px;
    border-bottom: 1px solid #21201e;
    border-left: 3px solid #21201e;
    border-right: 5px solid #21201e;
	transition: all .1s ease-in-out;}

.hlogin .button1, .hloginmobile .button1 {
	min-width: 20px;
	}

.hlogin .button1:after,
.hloginmobile .button1:after {
	border-radius:0;
    border-left: none !important;
    border-right: none !important;
	}
	
	
.button1:HOVER,
.button_ecl:HOVER {/* padding: 15px 30px; margin: 10px 15px; */ text-decoration:none; color:var(--dark); background-color:#f3ce63; transition: all .1s ease-in-out;
    }
	
.button1:HOVER:after,
.button_ecl:HOVER:after { top: 50%; width: calc(100% + 15px); transition: all .1s ease-in-out;
    animation: button_1_border .3s ease-in-out infinite;}

.button1.invert:HOVER:after {
animation: button_1_border_invert .3s ease-in-out infinite;
}
	
@keyframes button_1_border {
  	0% {
		        border-top: 1px solid #21201e;
   				border-right: 5px solid #21201e;
				border-bottom: 1px solid #21201e;
    			border-left: 1px solid #21201e;
	} 
	
	20% {
		
				border-top: 1px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 5px solid #21201e;
    			border-left: 1px solid #21201e;
    			transform: translate(-50%, -50%) rotate(3deg);
	}
	
	40% {
		
				border-top: 1px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 5px solid #21201e;
    			border-left: 1px solid #21201e;
	}
	
	60% {
		
				border-top: 1px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 1px solid #21201e;
    			border-left: 5px solid #21201e;
    			transform: translate(-50%, -50%) rotate(-5deg);
	}
  
	80% {	
				border-top: 5px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 1px solid #21201e;
    			border-left: 1px solid #21201e;
	} 
}


@keyframes button_1_border_invert {
  	0% {
		        border-top: 1px solid var(--sea-green-dark);
   				border-right: 5px solid var(--sea-green-dark);
				border-bottom: 1px solid var(--sea-green-dark);
    			border-left: 1px solid var(--sea-green-dark);
	} 
	
	20% {
		
				border-top: 1px solid var(--sea-green-dark);
   				border-right: 1px solid var(--sea-green-dark);
				border-bottom: 5px solid var(--sea-green-dark);
    			border-left: 1px solid var(--sea-green-dark);
    			transform: translate(-50%, -50%) rotate(3deg);
	}
	
	40% {
		
				border-top: 1px solid var(--sea-green-dark);
   				border-right: 1px solid var(--sea-green-dark);
				border-bottom: 5px solid var(--sea-green-dark);
    			border-left: 1px solid var(--sea-green-dark);
	}
	
	60% {
		
				border-top: 1px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 1px solid #21201e;
    			border-left: 5px solid #21201e;
    			transform: translate(-50%, -50%) rotate(-5deg);
	}
  
	80% {	
				border-top: 5px solid #21201e;
   				border-right: 1px solid #21201e;
				border-bottom: 1px solid #21201e;
    			border-left: 1px solid #21201e;
	} 
}

.button2 {color:#999999; background-color:#f1f1f1;}
.button2:HOVER {text-decoration:none; color:#ffffff; background-color:var(--sea-green-dark);}

.pagecontainer {width:100%; max-width:1280px; min-width: 300px; margin:0 auto; text-align:left;}

header {position: sticky; top: 0px; display: block; width: 100%; height: 68px; z-index:1000;  transition:top .5s ease;}

.headcontainer {background-color:rgb(36 36 36 / 95%); height:80px; width:100%; position:relative; top:0px; left:0px;}
.head {position:relative; height:80px;}
.head .hlogo {position:absolute; top:0px; left:0px;}


.head .hlogo A {display:flex; position: relative; z-index:4; align-items:baseline; height:100px; width:298px; font-size:var(--f16); line-height:var(--f16lh); text-transform:uppercase; font-weight:900; padding-left:120px; transition: all .1s ease; color:var(--sea-green);}

.head .hlogo A:HOVER {text-decoration:none; color:var(--sea-green-dark); transition: all .1s ease;}
.head .hmenu {position:absolute; top:0px; right:57px; display:flex; height:80px; align-items:center;}
.head .hmenu .hlogin, .mobilemenuinner .hlogin {padding-top: 18px;}
.head .hmenu .hlogin .button1,  .head .hloginmobile .button1, .mobilemenuinner .hlogin .button1 {font-size:13px; padding:7px 15px; border-radius:4px; margin:2px; overflow: hidden;}

.head .button1.invert,
.mobilemenuinner .button1.invert {
	text-transform: capitalize;
    background-color: transparent;
    color: var(--yellow);
	font-style: italic;}

.head .button1.invert:after,
.mobilemenuinner .button1.invert:after {
	border-top: 1px solid var(--sea-green-dark);
    border-bottom: 1px solid var(--sea-green-dark) }

.head .hloginmobile {display:none;}

	.head .hlogo A span {margin-top: 32px;}
	.head .hlogo A span i {font-style:normal; font-weight:100;}
	.head .hlogo A span strong {font-weight: 900;}
	/* .head .hlogo A:before {content: ''; display:block; position:absolute; top:5px; left:10px; width:97px; height:97px; overflow:hidden; background-size:cover; background-image:url(/images/fibeczuszoiskola_logo_capa.png); z-index:4;} */

.head .hlogo .svg-container,
  .mobilemenulogo .svg-container {
	position: absolute;
    top: 5px;
    left: 12px;
	z-index: 5;
}

 .mobilemenulogo .svg-container {
	position: relative;
	z-index: 5;
}

.head .hlogo svg,
  .mobilemenulogo svg {
	position:relative;
	width:104px;
	overflow: visible;
}

.mobilemenulogo svg {
	position:relative;
	width:20vh;
	height:20vh;
	min-height:200px;
	overflow: visible;
}



.head .hlogo svg .uszo_b,
  .mobilemenulogo svg .uszo_b {
	position: absolute;
    transform: translate(0px, 0px) rotate(0deg);
}

.head .hlogo:HOVER svg .uszo_b,
  .mobilemenulogo svg .uszo_b {
animation: hl_cp_usz_b .2s ease-in-out infinite;
}

.head .hlogo svg .uszo_j,
  .mobilemenulogo svg .uszo_j {
	position: absolute;
    transform: translate(0px, 0px) rotate(0deg);
}

.head .hlogo:HOVER svg .uszo_j,
  .mobilemenulogo svg .uszo_j {
animation: hl_cp_usz_j .3s ease-in-out infinite;
}

.head .hlogo svg .uszo_h,
  .mobilemenulogo svg .uszo_h {
	position: absolute;
    transform: translate(0px, 0px);
}

.head .hlogo:HOVER svg .uszo_h,
  .mobilemenulogo svg .uszo_h {
animation: hl_cp_usz_h .2s ease-in-out infinite;
}

.head .hlogo svg .capa,
  .mobilemenulogo svg .capa {
	position: absolute;
    transform: translate(0px, 0px) rotate(0deg) scale(1);
    transform-origin: center;
}

.head .hlogo:HOVER svg .capa,
  .mobilemenulogo svg .capa {
animation: hl_cp_capa 2s ease-in-out infinite;
}

.head .hlogo svg .szembog,
  .mobilemenulogo svg .szembog {
	  position: absolute;
	  transform-origin: center;
animation: hl_cp_szembog 2s ease-in-out infinite;
}

.head .hlogo:HOVER svg .szembog,
  .mobilemenulogo:HOVER svg .szembog {
    transform: translate(0px, 0px) rotate(0deg);
	animation-play-state: paused;    
}

.mobilemenulogo:HOVER svg .szembog {
transform: translate(0px, 2px) rotate(0deg) !important
}


.head .hlogo #bg_x5F_bubi circle,
  .mobilemenulogo #bg_x5F_bubi circle  {
	position: absolute;
    transform: translate(0px, 0px) scale(1);
	
}

.head .hlogo:HOVER #bg_x5F_bubi circle,
  .mobilemenulogo #bg_x5F_bubi circle {
	opacity:0;
animation: hl_cp_bub 2s ease-in-out infinite;
}

.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(1),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(1) {
	animation: hl_cp_bub_b1 2s linear infinite;
    animation-delay: 0s;
  }

.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(2),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(2) {
    animation-delay: 0.1s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(3),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(3) {
	animation: hl_cp_bub_b2 2s ease-in-out infinite;
    animation-delay: 0.2s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(4),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(4) {
    animation-delay: 0.3s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(5),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(5) {
    animation-delay: 0.4s;
  }

.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(6),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(6) {
    animation-delay: 0.5s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(7),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(7) {
    animation-delay: 0.6s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(8),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(8) {
    animation-delay: 0.7s;
  }
.head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(9),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(9) {
    animation-delay: 0.8s;
  } 
  
 .head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(10),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(10) {
    animation-delay: 0.9s;
  }  
  
  .head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(11),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(11) {
    animation-delay: 1s;
  } 
  
  .head .hlogo:HOVER #bg_x5F_bubi circle:nth-child(12),
  .mobilemenulogo #bg_x5F_bubi circle:nth-child(12){
	  animation: hl_cp_bub_b2 3s linear infinite;
    animation-delay: .1s;
  } 




@keyframes hl_cp_usz_b {
  	0% {
		    transform: translate(0px, 0px) rotate(0deg);		   
	} 
	
	50% {
			
			transform:translate(-2px, 7px) rotate(-6deg);
	}
  
	100% {
		  
		  transform: translate(0px, 0px) rotate(0deg);
	} 
}

@keyframes hl_cp_usz_j {
  	0% {
		    transform: translate(0px, 0px) rotate(0deg);		   
	} 
	
	50% {
			
			transform: translate(-16px, 12px) rotate(-21deg);
	}
  
	100% {
		  
		  transform: translate(0px, 0px) rotate(0deg);
	} 
}

@keyframes hl_cp_usz_h {
  	0% {
		    transform: translate(0px, 0px);		   
	} 
	
	50% {
			
			transform: translate(-8px,0px);
	}
  
	100% {
		  
		  transform: translate(0px, 0px);
	} 
}

@keyframes hl_cp_capa {
  	0% {
		   transform: translate(0px, 0px) rotate(0deg) scale(1);		   
	} 
	
	25% {
			
		transform: translate(5px, 2px) rotate(-20deg) scale(1.1);
	}
  
	50% {
		  
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	} 
	
		
	75% {
		  
		  transform: translate(5px, 2px) rotate(-20deg) scale(1.1);
	}
	

		
	100% {
		  
		  transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@keyframes hl_cp_szembog {
  	0% {
		   transform: translate(0, 0px) rotate(0deg);		   
	} 
	
	12% {
		 transform: translate(-4px, -2px) rotate(10deg);	   
	} 
	
	25% {
			
		transform: translate(-4px, -2px) rotate(10deg);
	}
	
	32% {
			
		transform: translate(-4px, -2px) rotate(10deg);
	}
  
	50% {
		  
		transform: translate(1px, -2px) rotate(0deg);
	} 
	
	62% {
		  
		 transform: translate(1px, -2px) rotate(0deg);
	}
	
		
	75% {
		  
		 transform: translate(1px, -2px) rotate(0deg);
	}
	
	82% {
		  
		  transform: translate(1px, -2px) rotate(0deg);	
	}
		
	90% {
		  
		  transform: translate(0px, 0px) rotate(0deg);
	} 
}

@keyframes hl_cp_bub {
	
  	0% {
		    transform: translate(0px, 4px) scale(1);		
			opacity:0;   
	} 
	
	0% {
		    transform: translate(0px, -4px) scale(1.1);	
  
	} 
	
	50% {
			
			transform: translate(5px,-8px) scale(1.2);
			opacity:1;
	}
  

	90% {
		  
		  transform: translate(0px,-12px)  scale(1.1);
		  
	} 
  
	100% {
		  
		  transform: translate(0px,-16px) scale(1);
		  opacity:0;
		  
	} 
}

@keyframes hl_cp_bub_b1 {
	
  	0% {
		    transform: translate(10px, 0px) scale(.3);		
			opacity:0;   
	} 
	
	25% {
		    transform: translate(0px, 0px) scale(1);	
			opacity:1;
  
	} 
	
	50% {
			
			transform: translate(30px,32px) scale(.7);
			opacity:1;
	}
  

	75% {
		  
		  transform: translate(74px,44px)  scale(.4);
		  opacity:1;
		  
	} 
  
	100% {
		  
		  transform: translate(105px,30px) scale(.1);
		  opacity:0;
		  
	} 
}

@keyframes hl_cp_bub_b2 {
	
  	0% {
		    transform: translate(0px, 0px) scale(.3);		
			opacity:0;   
	} 
	
	25% {
		    transform: translate(0px, 0px) scale(1);	
			opacity:1;
  
	} 
	
	50% {
			
			transform: translate(40px,32px) scale(.7);
			opacity:1;
	}
  

	75% {
		  
		  transform: translate(54px,44px)  scale(.4);
		  opacity:1;
		  
	} 
  
	100% {
		  
		  transform: translate(115px,30px) scale(.1);
		  opacity:0;
		  
	} 
}
	
	.head .hlogo:before {content: ''; display:block; position:absolute; top:80px; left:19px; width:86px; height:26px; overflow:hidden; -webkit-mask-image:url(/images/logo_circ.svg); mask-image:url(/images/logo_circ.svg); -webkit-mask-size:cover; mask-size:cover; background:rgb(36 36 36 / 95%); z-index: 4;}


.head .hlang { position:relative; display:block; margin:0 10px 0 auto; top:28px; width:33px;
    z-index: 1001;
    padding: 0;
	border-radius: 50px;
    padding: 0;}
.head .hlang .hlselected {position: relative;
    top: 4px;
    left: 4px;
    display: block;
    width: 25px;
    height: 25px;
    border: solid 3px transparent;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 3px rgb var(--sea-green-dark);
    -moz-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    -webkit-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    -o-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    overflow: hidden;}
.head .hlang .hlselected SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
.head .hlang .hlselected IMG {width: 100%; height:auto; position:absolute; top:0; display: block; mix-blend-mode: luminosity;}
.head .hlang .hlpanel {display:none;}
.head .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
.head .hlang .hlpanel UL LI {margin: 15px 0 0 0;}
.head .hlang .hlpanel UL LI A {    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    border: solid 3px #FFF;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    -moz-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    -webkit-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    -o-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);
    overflow: hidden; margin:0 auto;}
.head .hlang .hlpanel UL LI A SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
.head .hlang .hlpanel UL LI A IMG {    display: block;
    width: 100%;
    height: auto;}
.head .hlang .hlpanel UL LI A:HOVER {}
.head .hlang:HOVER {background-color: var(--sea-green-dark)}
.head .hlang:HOVER .hlselected {box-shadow: 0px 0px 0px 3px var(--sea-green-dark); -moz-box-shadow: 0px 0px 0px 3px var(--sea-green-dark); -webkit-box-shadow: 0px 0px 0px 3px var(--sea-green-dark); -o-box-shadow: 0px 0px 0px 3px var(--sea-green-dark);}
.head .hlang:HOVER .hlselected {cursor:pointer;}
.head .hlang:HOVER .hlpanel {display:block;}
.head .hlang .hlpanel UL LI:HOVER A {    position: relative;
	border: solid 3px var(--sea-green-dark);
   }

/* text nelkul */
/*.head .hlang {position:absolute; display:block; right:0px; top:21px; width:30px; z-index:1001; padding:2px 10px 2px 10px; border:1px solid transparent;}
.head .hlang .hlselected {display:block; border-bottom:0px; padding:0px 5px 0px 0px; }*/
.head .hlang .hlselected SPAN {display:none;}
.head .hlang .hlpanel UL LI A SPAN {display:none;}

	.menutabs {padding-top:0; margin-right: 13px; height:24px; overflow:visible;}
	
	.headcontainer .sa_hbanner {position:relative; min-width: 330px; z-index: -1; transition:top .8s ease;}
	.headcontainer .sa_hbanner:before {content:''; display:block; position:absolute; width:100%; height: 126px; top: -80px; z-index: 1; padding:0; margin:0; background:var(--blue); opacity:.9; transition: all .5s ease;}
	.headcontainer .sa_hbanner:after {content:''; display:block; position:absolute; top:0; width:100%; height: 126px; top: -80px; z-index: 2; padding:0; margin:0; background-image: url('/images/header_banner_sporttabor_bg.svg'); background-repeat: repeat; background-size: 51%; background-position: 41% 80%;  webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.headcontainer .sa_hbanner:hover:after {background-size: 81%; background-position: 41% 99%;}
	.headcontainer .sa_hbanner:hover:before {opacity:1;}
	.headcontainer .sa_hbanner a {display:block; position:relative; z-index:3; width:100%; max-width:1280px; min-width:290px; margin:0 auto; padding:11px 20%; color:#FFF; text-transform:uppercase; font-size:var(--f16); font-weight:100; text-align:right; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none;}
	.headcontainer .sa_hbanner a strong {font-weight:900;}
	.headcontainer .sa_hbanner a sup {font-size: 60%; padding: 0 0 0 1px;}
	.headcontainer .sa_hbanner a strong:last-child {color:var(--orange); white-space: nowrap;}
	
	.headcontainer .sa_hbanner a:after {
	    content: 'MEGTELT!';
    display: inline-block;
    position: absolute;
    background: var(--orange);
    color: var(--white);
    transform: translate(-82px, 3px) rotate(-8deg);
    font-size: 65%;
    font-weight: 900;
    padding: 0 6px;
		} 
	



.menutabs UL {margin:0; padding:0 5px; font-size:var(--f16); line-height:var(--f16lh); font-weight:bold; list-style-type:none;}
.menutabs LI {float:left;}
.menutabs LI:after {display:block; content:''; height:6px;}
.menutabs LI .menuitem {display:block; text-decoration:none; padding:5px 10px 5px 10px; margin-right:0; color:#ffffff; text-transform:uppercase; border-bottom:0px solid var(--sea-green-dark);}
.menutabs LI .homeiconlink {padding:2px 10px 5px 10px;}
.menutabs LI .homeiconlink .homeicon {}
.menutabs LI .selected {background: transparent; color:#ffffff; border-bottom:3px solid var(--sea-green-dark); transition:all .1s ease;}
.menutabs LI .selected .homeicon {}

.menutabs LI .menupanel {display:none; position:absolute; margin-top:0px; width:0px; background:#0dabe2; padding:10px 13px 13px 13px; z-index:330; width:256px;}
.menutabs LI:HOVER .menuitem, .mobilemenu .mobilemenuinner > UL > LI:HOVER > A {background-color:transparent; color:#ffffff; border-bottom:3px solid var(--blue); transition:all .1s ease;}
.menutabs LI:HOVER .menuitem.selected, .mobilemenu .mobilemenuinner > UL > LI > A.selected { background-color:transparent; color:#FFF; border-bottom:3px solid var(--sea-green);}
.menutabs LI:HOVER .issubmenu {}
.menutabs LI .menupanel {margin-top:0;}
.menutabs LI:HOVER .menupanel {display:block; margin-top:6px;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL {margin:0; padding:0; list-style-type:none;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI {float:none; padding: 5px 10px 0px 10px;
    margin: 0;
	background: transparent;
	}

 /* .menutabs LI:HOVER > a {zoom:1.1;}  */

.menutabs LI:HOVER .menupanel .mpmenuitems UL LI:HOVER {
	background: #49b9ed;
	}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-size:var(--f14); line-height: var(--f14lh); font-weight:normal; color:#ffffff; text-transform:none; transition:all .1s ease}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI:HOVER .mpmenuitem {font-weight:900; transition:all .1s ease}

.menutabs LI:HOVER .menupanel .mpmenuitems UL LI a {display:block; transition:all .1s ease}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI:HOVER > a {zoom:1 !important; transition:all .1s ease}

.menutabs LI .menuitem, .menutabs LI.m5:HOVER .menuitem {}

.menutabs LI a:HOVER {text-decoration:none;}

.menutabs LI.m5 .menuitem i{text-transform: capitalize; font-size:var(--f13); font-weight: 400; font-style: italic;}
.menutabs LI.m5 .menuitem, .menutabs LI.m5:HOVER .menuitem {}

.mobilemenuinner UL LI a i {
text-transform: capitalize;
    font-size: var(--f13);
    font-weight: 400;
    font-style: italic;
}

.mobilemenu .mobil_call_container {
	display: block;
    position: relative;
    margin: 40px 0;
	} 

.mobilemenu .mobil_call_container a {	
	display: block;
    width: 60px;
    height: 60px;
    color: transparent;
    background: #23c0b5;
    border-radius: 100%;
    margin: 0 auto;	
	position: relative;
}

.mobilemenu .mobil_call_container a:hover {	
    background: var(--rose);
}

.mobilemenu .mobil_call_container a:after {
	position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 55%;
    height: 55%;
    -webkit-mask-image: url(/images/contact_tel_call.svg);
    mask-image: url(/images/contact_tel_call.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: var(--white);
    transform: translate(-50%, -50%);
	}
	
.mobilemenu .mobil_call_container a:hover:before {
	content: attr(data-content);
    position: absolute;
    top: -13px;
    right: -33px;
    display: block;
    width: 55%;
    height: 55%;
    color: var(--sea-green-dark);
    font-size: var(--f13);
	}	

.contentholder {height:50px; background: var(--white);}
.content {padding-bottom:100px;}

.boxlist1 {display:grid; grid-template-columns:repeat(3,330px); column-gap:20px; row-gap:20px;}
.boxlistfull1 {display:grid; grid-template-columns:repeat(4,330px); column-gap:20px; row-gap:20px;}

.box1 {margin:0 auto; width:100%; height:auto;}
.box1 .pic {display:block; width:100%; height:auto; margin:0 auto; background-color:transparent; margin-bottom:10px;}
.box1 .title {font-size:var(--f24); line-height:var(--f24lh); padding:20px 0 14px; font-weight:900;}
.box1 .title A {text-decoration:none;}
.box1 .text {font-size:var(--f20); line-height:var(--f20lh); font-weight:900; color:#353535;}
.box1 .text2 {font-size:var(--f16); line-height:var(--f16lh); }
.box1 .more {display:none;}

.boxlist1partnerlogo {display:grid; grid-template-columns:repeat(4,240px); column-gap:30px; row-gap:30px;}
.box1partnerlogo {width:240px; height:240px;}
.box1partnerlogo .pic {width:200px; height:200px; background-color:transparent; margin:0 auto;}
.box1partnerlogo .pic IMG {width:200px; height:200px; object-fit:contain;}
.box1partnerlogo .text {display:none;}
.box1partnerlogo .title {display:nonex; text-align:center; font-size:18px; line-height:24px; font-weight:400;}

.breadcrumb {padding:20px 20px 0px 20px; font-size:var(--f16); line-height:var(--f16lh); margin:0px 0px 30px 0px; font-weight:400;}
.breadcrumb OL {display:inline-block; list-style:outside none none; margin:3px 0px 0px 0px; padding:0px;}
.breadcrumb OL LI {display:inline; padding:0px;}
.breadcrumb OL LI:first-child {margin-left:0px;}
.breadcrumb OL LI A {color:#636363;}
.breadcrumb OL LI A:HOVER {text-decoration:underline;}
.breadcrumb OL LI .currentpostitle {display:inline; color:#b7b7b7; text-decoration:none;}
.breadcrumb OL LI:AFTER {content:'\203A'; margin:0 5px;}
.breadcrumb OL LI:last-child:AFTER {content:''; margin:0;}

/* HOME boxes ----------------------------------------------------------------*/
.bigpromocontainer {position:relative; width:100%; height:100vh; margin-top: -80px; overflow:hidden; background-color: rgb(36 36 36 / 100%);}
.bigpromocontainer .bigpromopic {position:absolute; width:100%; height:100vh; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bigpromocontainer .bigpromocover {position:absolute; width:100%; height:100vh; background-color:rgba(0,79,112,0.5);}
.bigpromo {position:relative; width:100%; height:90vh; display:flex; justify-content:center; text-align:center; align-items:center; padding-top:116px;}
.bigpromo .info {width:980px;}
.bigpromo .info .logo {margin-bottom:50px;}
.bigpromo .info .title {font-size: clamp(36px, 9vw, 105px); line-height: clamp(52px, 9vw, 120px); text-transform:uppercase; font-weight:900; color:#ffffff; margin-bottom:20px;}
.bigpromo .info .title A {color:#ffffff; text-decoration:none;}
.bigpromo .info .text {font-size: clamp(16px, 2.1vw, 26px); line-height: clamp(26px, 3.2vw, 36px); color:#ffffff; margin-bottom:42px; font-weight:100;}
.bigpromo .info .more {z-index: 0; position: relative;}
.bigpromo .info .more .button1 {}
.bigpromocontainer .bigpromomouse {position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 50px;
    border: 2px solid #ffffff;
    border-radius: 60px;
    z-index: 100;}
.bigpromocontainer .bigpromomouse::BEFORE {content:''; width:10px; height:10px; position:absolute; top:0px; background:#ffffff; left:50%; transform:translateX(-50%); border-radius:50%; opacity:1; animation:mouse 2s infinite;}

.homeabout {text-align:center; padding: 0 5vw;}
.homeaboutcontainer {padding: 50px 0px 90px; background: var(--white);}
.homeabout .title H1 {font-size:var(--f56);
    line-height:var(--f56lh);
    color: var(--orange);
    font-weight: 900;}
.homeabout .text {font-size:var(--f22); line-height:var(--f22lh); font-weight:400; margin-bottom:80px; padding:0px 20px;}

.homeservicescontainer {background-color:#f3f3f3; padding:50px 0px 90px}
.homeservices {text-align:center; padding: 0 5vw;}
.homeservices .title H1 {font-size:48px; line-height:60px; color:#ff9061; font-weight:400;}
.homeservices .title H2 {font-size:var(--f56);
    line-height:var(--f56lh);
    color: var(--dark);
    font-weight: 900;}
.homeservices .text {font-size:var(--f22); line-height:var(--f22lh); font-weight:400; margin-bottom:80px; padding:0px 20px;}
.homeservices .boxes {display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:20px; /* SA Mod margin-bottom:60px; */}

	/* SA MOD-START*/
	.homeservices .box1 .text, .hometeam .box1 .text {font-size:var(--f14); line-height:var(--f14lh); font-weight:400; margin-bottom:60px; padding:0px 10px; }
	/* SA MOD-END*/

.hometeamcontainer {padding: 50px 0px 50px; background: var(--white);}
.hometeam {text-align:center; padding: 0 5vw;}
.hometeam .title H2 {font-size:var(--f56);
    line-height:var(--f56lh);
    color:var(--orange);
    font-weight:900;}
	
.hometeam .box1 .title {	
	font-family: "Square Peg", cursive;
    font-size: var(--f34m);
    line-height: var(--f34mlh_hw);
    padding: 20px 0 8px;
	}
.hometeam .text {font-size:var(--f22); line-height:var(--f22lh); font-weight:400; margin-bottom:80px; padding:0px 20px; }
.hometeam .boxes {display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    margin: 0px auto;
    max-width: 60%;}
.hometeam .boxes .pic IMG {border-radius: 100%;
    max-width: 225px;
    height: auto;  box-shadow: 2px 4px 0px 8px var(--dark-bright-shadow);}

.hometeam_profile_pic {
	position: relative;
    display: block;
    margin: 0 auto;
    width: 155px;
    float: none;
    z-index: 1;
    overflow: visible;
	}
	
.hometeam_profile_pic .container {
	 border-radius: 100%;
    box-shadow: 0px 0px 0px 8px var(--sea-green-bright-shadow);
    display: block;
    position: relative;
    margin: 0 auto 0 0;
    height: 0;
    padding-bottom: calc(100% /(var(--aspr-prof-pic)));
}

.hometeam_profile_pic .container:before {
	position: absolute;
    content: '';
    display: block;
    z-index: 1;
    overflow: hidden;
    -webkit-mask-image: url(/images/profil_pic_aqua_shadow.svg);
    mask-image: url(/images/profil_pic_aqua_shadow.svg);
    -webkit-mask-size: 177%;
    mask-size: 177%;
    background: var(--sea-green-bright-shadow);
    padding: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
	transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;
	pointer-events: none;
}

.hometeam .boxes > div:nth-child(2n) .hometeam_profile_pic .container:before {
	mask-position: center -11%;
	
	}

.hometeam .boxes > div:nth-child(3n) .hometeam_profile_pic .container:before {
	mask-position: center 40%;
	
	}	

.hometeam_profile_pic .container .img-container {
	border-radius: 100%;
    position: relative;
    display: block;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    content: '';
    padding-bottom: 100%;
    z-index: 2;
	}

.hometeam_profile_pic .container img{
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
	border-radius: 100%;
}

.hometeam_profile_pic a:hover .container img {width:125%; }

.hometeam .boxes > div:nth-child(2n) .hometeam_profile_pic  a:hover .container:before,
.hometeam .boxes > div:nth-child(3n) .hometeam_profile_pic  a:hover .container:before,
.hometeam_profile_pic a:hover .container:before {
	padding:70%;
	mask-position: left;
	}
	
	
.hometeam_profile_pic a:hover .container {
    box-shadow: 0px 0px 0px 12px var(--sea-green-bright-shadow);
}

.contentcontainer {padding: 0 30px; background:var(--white); overflow: hidden;}
.breadcrumbconatiner {background:var(--white); overflow: hidden;}

/* SLIDESHOW OVERLAY PANEL ---------------------------------------------------*/
.ici_slideshow_window {cursor:pointer;}
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:2001; top:0; background:rgba(237,237,237,.97);}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:10px; z-index:1;}
.ici_slideshow_window .ici_slideshow_window_close:hover::before, 
.ici_slideshow_window .ici_slideshow_window_close:hover::after {background: #EE3E36;}
.ici_slideshow_window .ici_slideshow_window_close::before, 
.ici_slideshow_window .ici_slideshow_window_close::after {position:absolute; height:3px; width:100%; top:50%; left:0; margin-top:-1px; background:#666666; content:'';}
.ici_slideshow_window .ici_slideshow_window_close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_content {display:table; border:none; height:100vh; width:100vw;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container {display:table-cell; vertical-align:middle; text-align:center;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic {display:inline-block; max-width:1600px;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic IMG {max-width:100%; max-height:100%;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_text {display:inline-block; max-width:1200px; font-size:16px; line-height:22px; color:#333333; padding:10px 50px 10px 50px;}

.ici_slideshow_window .ici_slideshow_window_next {height:100%; width:200px; position:absolute; right:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container {position:absolute; right:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container .ici_slideshow_arrow {margin-top:20px; height:45px; width:45px; cursor:pointer; border-right:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_next:HOVER .ici_slideshow_arrow {border-right:2px solid #333333; border-top:2px solid #333333;}

.ici_slideshow_window .ici_slideshow_window_previous {height:100%; width:200px; position:absolute; left:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container {position:absolute; left:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container .ici_slideshow_arrow {height:45px; width:45px; margin-left:30px; margin-top:20px; cursor:pointer; border-left:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_previous:HOVER .ici_slideshow_arrow {border-left:2px solid #333333; border-top:2px solid #333333;}

.cookieaccept {position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding-top:20px; padding-bottom:20px;}
.cookieaccept .cookieaccept_content {display:flex; justify-content:space-between; align-items:center; position:relative;}
.cookieaccept .cookieaccept_content .cookieccepttext {display:block; font-size:16px; line-height:22px; color:#ffffff; text-align:left;}
.cookieaccept .cookieaccept_content .cookieccepttext A {color:#ffffff; text-decoration:underline;}
.cookieaccept .cookieaccept_content .cookiecceptnav {margin-left:20px;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {font-size:16px; line-height:20px; font-weight:500; padding:10px 25px; text-decoration:none; cursor:pointer;}

.footercontainer {background-color:var(--yellow); padding:50px 20px 90px; overflow: hidden;}
.footer {color:var(--dark);}
.footer .boxes {display:grid; grid-template-columns:2fr 1fr 1fr; grid-column-gap:40px;}
.footer .boxes .fbox1 {z-index: 2; position: relative;}
.footer .boxes .fbox1:first-child {z-index: 1;}
.footer .boxes .fbox1 A {color:var(--orange);}
.footer .boxes .fbox1 A:hover {font-weight:900; color:var(--orange); text-decoration:none; }
.footer .boxes .fbox1 .title {position: relative; margin-bottom:20px; font-size:var(--f22); line-height:var(--f22lh); font-weight:100; text-transform:uppercase;}
.footer .boxes .fbox1 .title .fibse_style {transform: rotate(-25deg);
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 11px;
    width: 2em;
    line-height: .84em;
    font-weight: 900;
    margin: 0 5px 0 0;
    zoom: 9.81;
    z-index: -1;
    color: var(--yellow-bright-shadow);}
.footer .boxes .fbox1 .title .fibse_style b {	
	margin: 0 0 0 -.012em;
    display: inline-block;
    vertical-align: top;
    letter-spacing: -0.03em;
    font-weight: 900;}
.footer .boxes .fbox1 .title .fibse_style sup {	
	font-weight: 100;
    font-size: .6em;
    line-height: 0;
    display: inline-block;
    margin: .45em 0 0 -.25em;}
.footer .boxes .fbox1 .title .fibse_style:after {	
	content: '';
    width: 2.7em;
    height: 2.7em;
    display: block;
    background: transparent;
    border-radius: 100px;
    border: .12em solid var(--yellow-bright-shadow);
    position: absolute;
    top: -.46em;
    left: -.46em;
    border-left: none;
    transform: rotate(45deg);
}

.footer .boxes .fbox1 .title H4 {    position: relative;
    z-index: 2; font-weight:100; margin: 0;}
.footer .boxes .fbox1 .title H4 b {font-weight: 900;}	

.footer .boxes .fbox1 .title .motto A, .footer .boxes .fbox1 .title .motto A:hover {
    font-weight: 700;
    font-size:var(--f12);
	color: var(--dark);
	}

.footer .boxes .fbox1 .title .motto {
    margin: 5px 0 0 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size:var(--f12); }
	
.footer .boxes .fbox1 .title .motto sub {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    background: var(--dark);
    color: transparent;
    width:1px;
	overflow:hidden;}
	
.footer .boxes .fbox1 .text {font-size:var(--f16); line-height:var(--f16lh); font-weight:400; position: relative;
    z-index: 2;}
.footer .boxes .fbox1 .text .label {font-weight:300; font-style:italic;}
.footer .boxes .fbox1 .links {font-size:var(--f16);
    line-height:var(--f16lh);
    position: relative;
    z-index: 2;}

.footer .boxes .fbox1 .links UL LI A {	
	padding: 5px 0;
    display: inline-block;
}

.footer .boxes .fbox1 .links UL.contact LI A {	
	padding: 2px 0;
}
	
.footer .boxes .fbox1 .links UL {list-style-type:none; margin:0px; padding:0px;}
.footer .boxes .fbox1 .links UL LI:not(:last-child) {border-bottom: 1px solid var(--yellow-dark);}
.footer .boxes .fbox1 .links UL.contact {list-style-type:none; margin:0px; padding:0px;}
.footer .boxes .fbox1 .links UL.contact LI {position:relative; left:38px; border-bottom:none;}
.footer .boxes .fbox1 .links UL.contact LI.tel:before {
	content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: -31px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    -webkit-mask-image: url(/images/contact_tel.svg);
    mask-image: url(/images/contact_tel.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: var(--dark);
    z-index: 0;
	}
.footer .boxes .fbox1 .links UL.contact LI.email:before {
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -31px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    -webkit-mask-image: url(/images/contact_email.svg);
    mask-image: url(/images/contact_email.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: var(--dark);
    z-index: 0;
	transform: translateY(-50%);
	}	

.footer .legal {position: relative;
    z-index: 2;
    margin: 40px auto 0;
    display: block;
    font-size: var(--f12);
    text-align: right;
	color:var(---orange);}

.footer .legal A {
	color:var(--yellow-shadow);
	text-decoration:none;
	}

.footer .legal A:hover {
	color:var(--yellow-dark);
	text-decoration:none;
	}
	
	

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/


.formdone {font-size: var(--f16);
    line-height: var(--f16lh);
    padding: 0 10vw;}


@media (min-width:1024px) and (max-width:1280px) {
  
  
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

.mobilemenu {display: block; height:0; overflow:hidden;}

@media (max-width:1077px) {
	
	.contentholder {height:30px;}
	
	.mobilemenu {display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3000;
    text-align: center;
    padding: 0;
    overflow: auto;
	overflow-X: hidden;}
    .mobilemenu .mobilemenuinner {min-height: 100vh;
    width: 100%;
    position: relative;}
	.mobilemenu .mobilemenuinner:before {position:absolute; content:''; top:0; left:0; display:block; width:100%; height: 105%; min-height: 105vh; background-color: rgb(36 36 36 / 97%);}
	.mobilemenu .mobilemenuinner .mobilemenuclose {  position: sticky;
    top: 0;
    right: 0;
    left: auto;
    z-index: 22;
    text-align: right;
    padding: 20px;}
	.mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}
	
	.mobilemenu .mobilemenuinner .mobilemenuclose div.hburger {    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    width: 20px;
    height: 30px;
    padding: 10px 0 0;
    cursor: pointer;}
	.mobilemenu .mobilemenuinner .mobilemenuclose a.hburger {display:block; position:relative; width:100%; height:100%; cursor:pointer;}
	.mobilemenu .mobilemenuinner .mobilemenuclose .hburger SPAN {display:inline-block; width:100%; height:2px; background:#ffffff; position:relative; transform: rotate(45deg); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.mobilemenu .mobilemenuinner .mobilemenuclose .hburger SPAN:BEFORE {content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: #ffffff;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    backface-visibility: hidden;
    transform: rotate(90deg);}
	.mobilemenu .mobilemenuinner .mobilemenuclose .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:6px; width:100%; height:2px; background:#ffffff00; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.mobilemenu .mobilemenuinner .mobilemenuclose a.hburger:hover SPAN, .mobilemenu .mobilemenuinner .mobilemenuclose .hburger:hover SPAN:BEFORE, .head a.hburger:hover SPAN:BEFORE, .head a.hburger:hover SPAN:AFTER {background:var(--sea-green-dark);} 
	
	
    .mobilemenu .mobilemenuinner .mobilemenulogo {display: block;
    margin-top:10px;
    box-sizing: border-box;
    min-height: 200px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    position: relative;
    z-index: 2;
	z-index: 25;}
	.mobilemenu .mobilemenuinner .mobilemenulogo > A {display: block;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--sea-green);
    font-weight: 900;
    z-index: 0;
    padding: 0 13vw;
    cursor: pointer;
    width: 100%;
    margin-bottom: clamp(-70px, -9vw, -105px);
    font-size: clamp(41px, 9vw, 105px);
    line-height: clamp(51px, 9vw, 120px);}
	.mobilemenu .mobilemenuinner .mobilemenulogo A span i {font-style: normal;
    font-weight: 100; text-transform: uppercase;}
    .mobilemenu .mobilemenuinner .mobilemenulogo A IMG {}
	.mobilemenu .mobilemenuinner UL {list-style-type:none; margin:0; padding:0; position:relative; z-index: 2;}
	.mobilemenu .mobilemenuinner UL LI {margin: 3px 0;
    padding: 0px;
    height: 100%;
    position: relative;
    display: block;}
	.mobilemenu .mobilemenuinner UL LI A {position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--f22);
    line-height: var(--f22lh);
    font-weight: 800;
    color: #ffffff;
    padding: .75vh;
    white-space: nowrap;}
	.mobilemenu .mobilemenuinner UL LI A:HOVER {zoom:1.1; color:#ffffff;}
	.mobilemenu .mobilemenuinner UL LI A.menusign {}
	.mobilemenu .mobilemenuinner UL LI A.nomenusign {display:inline-block; width:20px; height:20px; margin-right:5px;}
	.mobilemenu .mobilemenuinner UL LI A.selected .sub0menusign {}
	.mobilemenu .mobilemenuinner UL LI UL {margin: 5px 0px 25px 0px;
    background-color: var(--blue);
    padding: 10px 0px 10px 0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI {margin: 5px 0; padding:0px; border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A {display: block;
    font-size: var(--f18);
    line-height: var(--f18lh);
    padding: 5px 0;
    font-weight: 600;
    color: var(--white);
    text-transform: none;}
	.mobilemenu .mobilemenuinner UL LI UL LI A.menusign {}
	.mobilemenu .mobilemenuinner UL LI UL LI A.nomenusign {}
	.mobilemenu .mobilemenuinner UL LI UL LI A.selected {}
	.mobilemenu .mobilemenuinner UL LI UL LI UL {font-size:0.8em; font-weight:400; line-height:1.5em; color:#666666; margin-top:1.6em; margin-bottom:1.6em; background-color:#ee9c22; padding:10px 0px 10px 60px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI {margin:0 0 0.7em 0; padding:0; border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI A {text-transform:none; padding-left:0px; padding-bottom:0em;}
	.mobilemenu .mobilemenuinner .mobilemenufooter {position:relative; font-size:14px; line-height:20px; color:#ffffff; padding:30px 10px 50px 10px;}
	.mobilemenu .mobilemenuinner .mobilemenufooter A {color:#ffffff;}

	.head {height:67px;}
	
	.head .hlang {display:none;}

	.head div.hburger {display:block; position:absolute; top:14px; right:10px; width:20px; height:30px; cursor:pointer;}
	.head a.hburger {display:block; position:relative; width:100%; height:100%; cursor:pointer;}
	.head .hburger SPAN {display:inline-block; width:100%; height:2px; background:#ffffff; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.head .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-6px; width:100%; height:2px; background:#ffffff; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:6px; width:100%; height:2px; background:#ffffff; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head a.hburger:hover SPAN, .head a.hburger:hover SPAN:BEFORE, .head a.hburger:hover SPAN:AFTER {background:var(--sea-green-dark);} 

	.head .hmenu {display:none;}  
	
	.head .hloginmobile {display:block; position:absolute; top:19px; right:50px;}
	.head .hloginmobile .button1 {}

	.headcontainer {height:67px; width:100%;}
	.headcontainermobile {display:none; height:64px; width:100%;} 
	
	.head .hlogo A {padding-left: 85px; height:67px; width:285px;}
	.head .hlogo A:before {top:5px; left:0px; width:77px; height:77px;}
	.head .hlogo A span {margin-top: 27px;}
	.head .hlogo:before {top:67px; left:10px; width:60px; height:18px;}
	
	.head .hlogo .svg-container { top: -3px; left: 3px;}
	.head .hlogo svg {width: 80px;}
	
	.pagecontainer {width:100%; padding:0px 10px 0px 10px; margin:0 auto; text-align:left;} 
	
	.bigpromocontainer {margin-top: -67px; }
	

}

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {
	
	.button1 {padding:12px 30px;}

	.head .hlogo A {padding-left: 85px; height:67px;}
	
	.head div.hburger {top:19px;}

	.cookieaccept {box-sizing:border-box; padding:20px;}
	.cookieaccept .cookieaccept_content {display:block;}
	.cookieaccept .cookieaccept_content .cookieccepttext {margin-bottom:20px;}
	.cookieaccept .cookieaccept_content .cookiecceptnav {margin-left:0px;}

	.footer .boxes {display:block;}
	.footer .boxes .fbox1 {margin-bottom:40px;}
	
	.box1 {display:block; margin-bottom:40px;}
	.box1 .pic {margin:0 auto;}
	.box1 .pic img {max-width:100%; height:auto;}
	.box1 .info {}
	.box1 .info .title {text-align:center;}
	.box1 .info .text {text-align:center;}

	.box2 .info .more {text-align:center;}
	
	
/* HOME boxes ----------------------------------------------------------------*/

	.bigpromo .info {width:100%;}
	.bigpromo .info .logo IMG {height:120px; width:auto;}
	.bigpromo .info .title {}
	.bigpromo .info .text {}
	.bigpromo .info .more .button1 {padding: 15px 40px;}
	
	.homeabout {margin-bottom: 30px;}
	.homeabout .title H1 {}
	.homeabout .text {
    padding: 0px 20px;
    margin: 0 0 42px;}
	
	
	.homeservices {}
	.homeservices .title H2 {}
	.homeservices .text {
    padding: 0px 20px;
    margin: 0 0 42px;}
	.homeservices .boxes {display:block; margin-bottom:60px;}
	.homeservices .more .button1 {margin-bottom:10px; display:inline-block;}
	
	.hometeam {margin-bottom: 30px;}
	.hometeam .title H2 {}
	.hometeam .text {
    padding: 0px 20px;
    margin: 0 0 82px;
}
	.hometeam .boxes {display:block;  max-width: 100%;
}
	

}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

/* @media (min-width:481px) and (max-width:767px) { */
@media (max-width:767px) {
	
	BODY {background: var(--dark); }
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width:600px) {
.formdone {
    padding: 0;}
}

@media (max-width:530px) {
	

}

@media (max-width:466px) {

.bigpromocontainer {margin-top: -140px; }

	.headcontainer .sa_hbanner:before, .headcontainer .sa_hbanner:after {height:143px;}
	.headcontainer .sa_hbanner:after {background-size: 117%; background-position: 41% 20%;}
	.headcontainer .sa_hbanner:hover:after, .headcontainer .sa_hbanner a:hover ~ .sa_hbanner:after {background-size: 201%; }
	
		.contentholder {height: 54px;}
	.contentcontainer {
			padding: 0px 20px;
		}

}



@media (max-width:480px) {

	
}


/* SA START */
@media (max-width:403px) {

.head .hlogo A span i {display:none;}
.head .hlogo A { width: 150px; }
	
}
/* SA END */


@keyframes mouse {
  from{
    opacity: 1;
    top: 7px;
  }
  to{
    opacity: 0;
    top: 30px;
  }