/*
Theme Name: FUGA
Author: Das Lab
Author URI: http://das-lab.com/
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html


@import url("//hello.myfonts.net/count/39a7ad");
*/
/** { box-sizing: border-box; }*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font-size:17px;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

* { box-sizing: border-box; }

  
@font-face {font-family: 'AvenirLTPro-Roman';src: url('webfonts/39A7AD_0_0.eot');src: url('webfonts/39A7AD_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39A7AD_0_0.woff2') format('woff2'),url('webfonts/39A7AD_0_0.woff') format('woff'),url('webfonts/39A7AD_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Medium';src: url('webfonts/39A7AD_1_0.eot');src: url('webfonts/39A7AD_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39A7AD_1_0.woff2') format('woff2'),url('webfonts/39A7AD_1_0.woff') format('woff'),url('webfonts/39A7AD_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Heavy';src: url('webfonts/39A7AD_2_0.eot');src: url('webfonts/39A7AD_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39A7AD_2_0.woff2') format('woff2'),url('webfonts/39A7AD_2_0.woff') format('woff'),url('webfonts/39A7AD_2_0.ttf') format('truetype');}
 
/*
.bg-green {	background-color:#80ff80; }
.bg-blue { background-color:#202e54; }
.bg-lightblue { background-color:#97d6f2; }
.bg-pink { background-color:#f7c8ce; }
*/


.grecaptcha-badge { display:none !important; } /* captchabadge van Google weghalen */


section {
	position:relative;
}
		
body {
	font-family: AvenirLTPro-Roman;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	font-size:17px;
	color:#fff;	
	line-height:140%;
}

html {
  scroll-behavior: smooth;
}

html, body {
	height:100%	;	
	min-width:325px;
	background-color:#121933;	
}
div {
	position:relative;
	line-height:140%;
	text-align: left;
}




	


h1, h2, h3, h4, h5, h6 {		
	font-family: AvenirLTPro-Roman;
	font-weight: normal;
	font-style: normal;
	color:#202e54;
	margin:0;
	/*text-transform:uppercase;*/
	font-weight:bold;	
	text-align: left;
	line-height: 100%;
}

strong {
	font-weight:bold;	
}

p {
    margin-bottom: 20px;
    
    line-height: 1.8;
}
span { line-height: 1.8; text-align:left }

em {	
	font-style: italic;
}
/*.bg-blue p, .bg-blue span, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6 { color: #fff; }*/ 

h1 {	
	
	font-family:AvenirLTPro-Heavy;
	font-size:34px;
	font-weight:300;
	/*letter-spacing: 2px;*/
	margin-bottom:0px;
	line-height: 120%;
}

h2 {
	font-size: 24px;
	font-weight:300;
    /*font-size: 20px;
	font-weight:400;
   /* letter-spacing: 2px;*/
   margin-bottom:20px;
   margin-bottom: 37px;
}
h3 {	
	/*font-weight:400;
	font-size:15px;	
	padding: 15px 15px 0 15px;*/
	/*letter-spacing:3px;*/
}

.anchors,
.anchor-trigger {
	display: block;
}

 a:focus, /* blauwe rand weg */ 
 .button:focus,
 header li a:focus,
 .rollover-fade:focus,
 .btn-client-login:focus,  
 .button-up-fixed:focus  {
	 outline:0;	 
 }


/* menu */ 
	.hamburger {
  width: 2em;
  height: 2em;
  position: fixed;
  top: 38px;
  right: 65px;
  z-index: 10000;
  background: transparent;
  cursor: pointer;
		
}
.hamburger.is-active .hamburger--container .hamburger--bars {
  background: white;
	 background: #80ff80;
}
.hamburger.is-active .hamburger--container .hamburger--bars:before, .hamburger.is-active .hamburger--container .hamburger--bars:after {
  background: #80ff80;
}
.hamburger.is-active .hamburger--container .hamburger--bars:before {
  left: 0.25em;
}
.hamburger.is-active .hamburger--container .hamburger--bars:after {
  left: -0.25em;
}
.hamburger .hamburger--container {
  width: 100%;
  padding: 0.25em;
  position: relative;
}
.hamburger .hamburger--container .hamburger--bars {
  height: 3px;
  width: 1.5em;
  background: #80ff80;
  position: absolute;
  top: 0.9em;
  transition: 0.3s ease;
}
.hamburger .hamburger--container .hamburger--bars:before, .hamburger .hamburger--container .hamburger--bars:after {
  content: "";
  display: block;
  height: 3px;
  width: 1.5em;
  background: inherit;
  position: absolute;
  left: 0;
  transition: 0.3s ease;
}
.hamburger .hamburger--container .hamburger--bars:before {
  top: -0.5em;
}
.hamburger .hamburger--container .hamburger--bars:after {
  top: 0.5em;
}

.logo {
  width: 5em;
  height: 5em;
  position: absolute;
  top: 1.5em;
  left: 3em;
  z-index: 10000;
  filter: invert(1);
}
.logo img {
  width: 100%;
  display: block;
  transition: 0.3s linear 0.3s;
}
.logo.is-active img {
  filter: invert(100%);
}

.fsmenu {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  overflow: hidden;
  display: none;
}
.fsmenu .fsmenu--container {
  width: 0;
  height: 100vh;
  padding: 8em 3em 3em;
  padding: 3em 3em 3em;
  background: #000;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.fsmenu .fsmenu--container .fsmenu--text-block {
  width: 100%;
  height: 100%;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container {
  width: 100%;
  height: 100%;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
	    align-items: center;
    justify-content: center;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element {
  width: 100%;
  height: 80px;
  list-style-type: none;
  text-align: right;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: 0.2s ease;
	    color: #80ff80;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover {
    color: #fff;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span {
  font-size: 45px;
  font-weight: 700;
  /*letter-spacing: 10px;*/
  text-transform: uppercase;
  line-height: 1;
  /*height: 1em;*/
  display: inline-block;
  position: relative;
  z-index: 1002;
	    text-align: right;
	font-family: AvenirLTPro-Heavy;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  z-index: 1003;
}

.fsmenu.is-active, .fsmenu.close-menu {
  display: block;
}
.fsmenu.is-active .fsmenu--container {
  -webkit-animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
          animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
}
.fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
  -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
          animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
}
.fsmenu.close-menu {
  /*display: none;*/
}
.fsmenu.close-menu .fsmenu--container {
  width: 100vw;
  right: auto;
  left: 0;
  -webkit-animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
          animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
}
.fsmenu.close-menu .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
  left: auto;
  right: 0;
  background: black;
  -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
          animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
}

@-webkit-keyframes animMenuReveal {
  0% {    width: 0vw;  }
  100% {   width: 100vw;  }
}

@keyframes animMenuReveal {
  0% {  width: 0vw;  }
  100% {  width: 100vw;  }
}
@-webkit-keyframes animMenuRevealLinks {
  0% {  width: 100%;  }
  100% {  width: 0%;  }
}
@keyframes animMenuRevealLinks {
  0% {  width: 100%;  }
  100% {  width: 0%;  }
}
@-webkit-keyframes animMenuClose {
  0% {  width: 100vw;    padding: 8em 3em 3em;  }
  100% {  width: 0vw;    padding: 8em 0 0;  }
}
@keyframes animMenuClose {
  0% {  width: 100vw;    padding: 8em 3em 3em;  }
  100% {  width: 0vw;    padding: 8em 0 0;  }
}
@-webkit-keyframes animMenuCloseLinks {
  0% {  width: 0%;  }
  100% {  width: 110%;  }
}

@keyframes animMenuCloseLinks {
  0% {  width: 0%;  }
  100% {  width: 110%;  }
}
@-webkit-keyframes animMenuRevealImg {
  0% {  width: 0;  }
  100% {  width: 720px;  }
}
@keyframes animMenuRevealImg {
  0% {  width: 0;  }
  100% {  width: 720px;  }
}
@-webkit-keyframes animMenuCloseImg {
  0% {  width: 720px;  }
  100% {  width: 0;  }
}
@keyframes animMenuCloseImg {
  0% {  width: 720px;  }
  100% {  width: 0;  }
}
@-webkit-keyframes animScrollingContactTextLeft {
  0% {  transform: translate(-20%, -100%);  }
  100% {  transform: translate(-40%, -100%);  }
}
@keyframes animScrollingContactTextLeft {
  0% {  transform: translate(-20%, -100%);  }
  100% {  transform: translate(-40%, -100%);  }
}
/* einde menu */ 



		h1 {
			color: #80ff80;
			color: #fff;
			margin-bottom:60px;
			font-weight: 700;
		}
		#video-header {
			width:100%;
			height:100vh;
			min-height: 400px;
			
		}
		
		.animate-section {
			transform: translate(0px, 0px);
			opacity: 0;
		}
		.animate-in {
			opacity: 0;
		}

		strong, b {
			color: #80ff80;
		}
		.greenfont {
			color: #80ff80;
		}
		.green-asterisk {
			color: #80ff80;
			line-height:1;
		}
			
		.vimeo-wrapper {
		 /*  position: fixed;*/
		   top: 0;
		   left: 0;
		   width: 100%;
		   height: 100%;
		   /*z-index: -1;*/
		   pointer-events: none;
		   overflow: hidden;
		}
		.vimeo-wrapper iframe {
		   width: 100vw;
		   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
		   min-height: 100vh;
		   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
		   position: absolute;
		   top: 50%;
		   left: 50%;
		   transform: translate(-50%, -50%);
		}
		
		.animated-arrow,
		.animated-arrow:before {
		  position: absolute;
		  left: 50%;
		}

		.animated-arrow {
		  width: 40px;
		  height: 40px;
		  bottom: 65px;
		  margin: -20px 0 0 -20px;
		  -webkit-transform: rotate(45deg);
		  border-left: none;
		  border-top: none;
		  border-right: 2px #80ff80 solid;
		  border-bottom: 2px #80ff80 solid;
		}

		.animated-arrow:before {
		  content: "";
		  width: 20px;
		  height: 20px;
		  top: 50%;
		  margin: -10px 0 0 -10px;
		  border-left: none;
		  border-top: none;
		  border-right: 1px #80ff80 solid;
		  border-bottom: 1px #80ff80 solid;
		  animation-duration: 2s;
		  animation-iteration-count: infinite;
		  animation-name: animate-arrow;
		}

		@keyframes animate-arrow {
		  0% {
			opacity: 1;
		  }
		  100% {
			opacity: 0;
			transform: translate(-10px, -10px);
		  }
		}



		@media screen and (max-height: 850px) {	
			.animated-arrow {
				/*bottom: 75px;*/
			}
		}
		
		@media screen and (max-width: 1300px) {	
			.animated-arrow {
				bottom: 25px;
			}
		}

		
		
			
		a.btn-squares-wrap {
			position: relative;
			display:block;
			width:262px;
			height: 78px;
			line-height: 78px;
			text-align:center;
			color: #80ff80;
			font-size:19px;
			margin: 0 auto;
			margin-top:45px;
			text-decoration: none;
			border: 3px solid #80ff80
		}
		a.btn-squares-wrap:hover {				
			color: #3d793d;
		}

		.btn-squares {
			border:2px solid #9cf0e1; /*#9cf0e1; */
			position: absolute;
			top:0;
			left:0;
			width:inherit;
			height:inherit;    
			top: 6px;
			left: 6px;
		}
			
			.btn-squares:hover{
			  animation: wiggle 1s linear infinite;
			}
			
			@keyframes wiggle {
			  0% {	transform:translate(-2px,-2px); }
			  10% {	transform:translate(-2px,2px); }
			  30% {	transform:translate(2px,-2px); }
			  40% {	transform:translate(2px,2px); }
			  50% {	transform:translate(-2px,-2px); }
			  60% {	transform:translate(2px,2px); }
			  70% {	transform:translate(2px,-2px); }
			  80% {	transform:translate(-2px,2px); }
			  90% {	transform:translate(2px,2px); }
			  100% {	transform:translate(-2px,-2px); }
			}
				

		
		
		
		.animate-section {
			/*transform: translate(0px, 0px);*/
			opacity: 0;
		}
		.content-section {
			box-sizing: border-box;
			width: 100%;
			overflow: hidden;
		}
		.section-center-and-limit {
		max-width: 100%;
		margin: 0 auto;
	}
		

	.content-section .bg-wrap {
		max-width: 1920px;
		margin: 0 auto;
	}


		.content-section .bg-wrap .content-wrap {
			box-sizing: border-box;
			padding: 100px 130px;
			
			padding: 160px 155px;
		}
		
		.blue-bar.content-section .bg-wrap .content-wrap {
			padding: 120px 155px;
		}
		.image-column {
			width: 100%;
			height: auto;
			display: flex;
		}
		
		#contentblock_sayhi	 {
			background-color:#0d1224;
			
		}

		#contentblock_hightlights	 {
			background-color:#0d1224;
			
		}


		.footer-logo {
			width:186px;
			height:auto;
			transition: opacity 0.2s;
		}
		.footer-logo:hover {
			opacity:0.7;
		}
		#contentblock_ourclients {
			 padding-bottom: 280px;
			
		}
		
		footer {
			background: transparent linear-gradient(0deg, #0C1120 0%, #0C1120B5 100%) 0% 0% no-repeat ;
			background: rgb(12,17,32);
            background: linear-gradient(180deg, rgba(12,17,32,0.71) 0%, rgba(12,17,32,1) 100%);
			margin-top: -250px;
   			min-height: 250px;
			position: relative;
		}
		
		
		/* link effects  */

				 	
	.cl-effect-1 a::before,
	.cl-effect-1 a::after {
		display: inline-block;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
		-moz-transition: -moz-transform 0.3s, opacity 0.2s;
		transition: transform 0.3s, opacity 0.2s;
	}

	.cl-effect-1 a::before {
		margin-right: 10px;
		content: '[';
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
	}

	.cl-effect-1 a::after {
		margin-left: 10px;
		content: ']';
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	.cl-effect-1 a:hover::before,
	.cl-effect-1 a:hover::after,
	.cl-effect-1 a:focus::before,
	.cl-effect-1 a:focus::after {
		opacity: 1;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
	}
		
		
		
	
		
		.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	margin: 0px 7px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #80ff80;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	/*font-family: 'ecoicon';*/
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {content: ">"; }
		
		
		
					
	footer .hi-icon-effect-8 .hi-icon {
		background: rgba(32,46,84,1) !important;
		-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
		-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
		transition: transform ease-out 0.1s, background 0.2s;

		/*height: 80px;
		width: 80px;
		color:#80ff80*/
	}
	footer .hi-icon-effect-8 .hi-icon span {
		line-height: 79px;
	}

	footer .hi-icon-effect-8 .hi-icon:after {
		top: 0;
		left: 0;
		padding: 0;
		z-index: -1;
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1);
		opacity: 0;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	footer .hi-icon-effect-8 .hi-icon:hover {
		background: rgba(32,46,84,0.05);
		-webkit-transform: scale(0.93);
		-moz-transform: scale(0.93);
		-ms-transform: scale(0.93);
		transform: scale(0.93);

		color:#80ff80
	}

	footer .hi-icon-effect-8 .hi-icon:hover:after {
		-webkit-animation: sonarEffect 1.3s ease-out 75ms;
		-moz-animation: sonarEffect 1.3s ease-out 75ms;
		animation: sonarEffect 1.3s ease-out 75ms;
	}
		
		


@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.7;
	}
	40% {
		opacity: 0.9;
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);

	}
	100% {
		box-shadow: 0 0 0 2px rgba(32,46,84,0.1), 0 0 10px 10px #202e54, 0 0 0 10px rgba(32,46,84,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}
		
		
		
		.header-logo {
			width:186px;
			height:auto;
			position: absolute;
			z-index: 1;
			top:45px;
			left:58px;
		}
		.uk-accordion-title {
			font-size: 34px
		}
		.uk-accordion-title, .uk-accordion-title:focus, .uk-accordion-title:hover {
			color:#fff;	
			    font-weight: 600;
			padding: 20px 0 10px 0;
			padding: 18px 0 5px 0;
			padding: 19px 0 6px 0;
			border-top:2px solid #fff;
		}
		
		.uk-accordion-content ul {
			margin-bottom:20px;
		}
		.uk-accordion-content {
			margin-bottom:40px;
			
		}
		
		
		.uk-accordion-content ul li::before {
			color: #80ff80;
			content: "\2022";
			font-weight: bold;
			display: inline-block;
			width: 1em;
			/*margin-left: -1em;*/
		}
		
		
					
		.wireimg-wrap {
			min-width:1300px;
			width:100%;
			height:100%;
			position: absolute;
			display: block;
			left: 50%;
			transform: translateX(-50%);

		}
		.wireimg-wrap img {
			position: relative;
			width:100%;
			height:auto;
			top:60%;
			left:0;
		}

		.wireimg-wrap img {
			/*top: 35%;*/
			top: 53%;
		}
		#contentblock_hightlights .wireimg-wrap img {
			top: 64%;
			
		}


		@media screen and (max-width: 960px) {				
			#contentblock_sayhi .wireimg-wrap img {
				top: 76%;
			}
			#contentblock_ourclients .wireimg-wrap img {
				top: 50%;
			}

			#contentblock_hightlights .wireimg-wrap img {
				top: 58%;
				top: 69%;
			}


		}

		
		
		
		
		
		.magical-orbs-wrap {
		 	width:100%;	
			overflow: hidden;
		}
		
		.magical-orbs {
			width:600px;
			height:600px;	
			position:absolute;
			border-radius: 200px;
			background-color:#3e2674;
			
			 -webkit-filter: blur(120px);
			filter: blur(120px);
			transform: translate3d(0, 0, 0);
			
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);			
			
			-webkit-perspective: 1000;
			-webkit-transform: translate3d(0,0,0);
			-webkit-transform: translateZ(0);
			backface-visibility: hidden;
			perspective: 1000;
			transform: translate3d(0,0,0);
			transform: translateZ(0);			
			/*will-change: filter*/
		}
		#orb1 {
			top:150px;
			background-color:#3e2674;
			right:-150px;	
			width:500px;
		}
		
		
		#orb2 {
			top:350px;
			background-color:#202c7e;
			right:150px;			
			width:500px;
			height:400px;			
		}
		
		#orb3 {
			top:25%;
			background-color:#3e2674;
			left:-75px;	
			width:700px;
			height:500px;
			
			left: -425px;
    		width: 1010px;
			opacity: 0.8;
		}
		
		
		#orb4 {
			top:39%;
			background-color:#202c7e;
			right:-150px;			
			width:600px;
			height:600px;
			opacity: 0.8;
		}
			
		
		
		#orb5 {
		    bottom: 40%;
			background-color: #202c7e;
			left: 25%;
			width: 60%;
			height: 300px;
			filter: blur(150px);
		
		}
		
		
		
		#orb6 {
			bottom:450px;
			background-color:#3e2674;
			right:-150px;	
			width:700px;
		}
		
		
		#orb7 {
			bottom:550px;
			background-color:#202c7e;
			left:90px;			
			width:500px;
			height:400px;
			opacity: 0.6;
		}
		
		
		
		#contentblock_hightlights .uk-grid-large .uk-width-1-1 > div,
		#contentblock_sayhi .uk-grid-large .uk-width-1-1 > div{
			text-align: center;	
		}
		
		.logos,
		.logos-mobile {
			margin:0 auto;
			display: block;    
			position: relative;
		}
		.logos-mobile {
			display:none
		}
		
		
		.social-ul {
			position: absolute;
			right:0;
			top:0;
		}
		.social-ul li {
			display: inline-block;
		}
		
		
		footer .content-section .bg-wrap .content-wrap {
   
   			padding: 70px 130px;
		}
			
		footer a, footer a:hover, footer a:visited,footer a:active  {
			color:#fff;	
		}
			
		.footer-links    {
			min-width:340px;
			max-width:430px;
			max-width: 460px;
			line-height:30px
		 }
		
		
		
		.uk-accordion-title::before {

			background-image: url(images/as/Plus.svg);
			top: 4px;
    		position: relative;
		}
		
		
		.uk-open>.uk-accordion-title::before {
			background-image: url( );
		}

				.uk-open>.uk-accordion-title::before {
			background-image: url(images/as/Minus.svg);
		}
		
	
		
		
		@media screen and (max-width: 1200px) {	
			.content-section .bg-wrap .content-wrap {
   				padding: 160px 100px;
			}
			.blue-bar.content-section .bg-wrap .content-wrap {
				padding: 120px 100px;
			}
	}
		
		
		@media screen and (max-width: 1100px) {	
			.restrict-width {
				max-width: unset;
			}
		}
		
		
		@media screen and (max-width: 960px) {	
		
			 .footer-links    {
				padding-top: 30px;
		    	left: -20px;
				min-width: unset;
			}
		}
		
		@media screen and (max-width: 900px) {	
		
			
			 #contentblock_ourclients {
				padding-bottom: 302px;
			}
			 footer {
				 margin-top: -302px;
			 }
			
			.content-section .bg-wrap .content-wrap {
				padding: 100px 130px;

			}
			
			
			
		}

	 @media screen and (max-width: 740px) {	
		 .footer-logo {
   			 width: 100px;

		 }
	}
		
	 @media screen and (max-width: 640px) {	
		 
		 
		 .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span {
  			font-size: 28px;
		 }
		 
		 
		 .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element {
			/*height: 80px;*/
		 }
		 
		 
		
		 
	
		
		 
		 .logos-mobile {
			display:block;
		}
		  .logos {
			display:none;
		}
		 
		 .header-logo {
			width: 100px;
			top: 27px;
			left: 21px;
		 }
		
	
		
		 
		 .hamburger {
			top: 27px;
			right: 27px;
			width: 22px;
		 }
		 
		 .hamburger .hamburger--container .hamburger--bars,
		 .hamburger .hamburger--container .hamburger--bars:before, 
		 .hamburger .hamburger--container .hamburger--bars:after {			
			width: 22px;
			 height: 2px;
		 }
		 
		 .hamburger .hamburger--container .hamburger--bars:before {
			top: -0.45em;
		}
		 .hamburger .hamburger--container .hamburger--bars:after {
			top: 0.45em;
		}
		
		.content-section .bg-wrap .content-wrap {
			padding: 100px 35px;
		 }
		 .blue-bar.content-section .bg-wrap .content-wrap {
			 padding: 120px 35px; 
		}
		 footer .content-section .bg-wrap .content-wrap {
			padding: 70px 35px;
		}
		 
		.uk-accordion-title	{
			font-size: 28px;
		 }
		 .uk-accordion-title::before {
    		top: 0px;
		 }
		 h1 {
			 
			font-size: 29px;
			 width:100%;
			 text-align: center;
			 
		 }
	}
		
		
		
		
		#contentblock_services hr {
			max-width:1100px;
			width:100%;
			height:2px;
			background-color:#fff;
			margin:0 auto;
			margin-top: 20px;
		}
		
	
		.highlight-caption {
			text-align: center;
			top: 45px;
    		height: 110px;
		}
		.highlight-title {
			font-size: 23px;
			text-align: center;
			top: 35px;
		}

		.video-overlay {
			position: absolute;
			width: 100%;
			height:100%;
			top:0;
			left:0;
			opacity:0;
		}
		.video-kaders {
			margin: 0 auto;
			display: block;
			width:100%;
			height:auto;
		}
		.slider-div-wrap {
			max-width: 325px;
			margin: 0 auto;
			padding-bottom: 50px; 
		}
		
		


		#slider-hightlights iframe {
			position:absolute;	
			position: absolute;
			margin-top: -24px;
			margin-top:-45px;
			margin-left: 2px;
			width: 85%;
			height: 100%;
			top:0;
			left: 50%;
			transform: translateX(-50%);
			padding-bottom:110px;
			padding-bottom: 150px;
		}

		#slider-hightlights iframe.video-iframe1 {
			
			margin-top: -19px;			
			margin-top:-34px;
		}
		
		.highlight-title.kader1 {  margin-top: -9px; }
		
		


	@media screen and (max-width: 1200px) and (min-width: 960px)  {	
		#slider-hightlights iframe {
			margin-top: -16px;
			margin-top: -37px;
		}
		#slider-hightlights iframe.video-iframe1 {							
			margin-top: -29px;
		}
	}

	@media screen and (max-width: 900px) and (min-width: 640px)  {	
		#slider-hightlights iframe {
			/*margin-top: -16px;*/
		}
		#slider-hightlights iframe.video-iframe1 {							
			margin-top: -11px;
			margin-top: -28px;
		}
	}



@media screen and (max-width: 460px) {

	.social-ul {
		position: relative;
		top:unset;    left: -10px;
    	margin-top: 20px;
	}
}
	@media screen and (max-width: 360px) {
			#slider-hightlights iframe {
			margin-top: -19px;
			margin-top: -40px;
		}
		#slider-hightlights iframe.video-iframe1 {							
			margin-top: -14px;			
			margin-top: -31px;
		}
		
		 
		 
		/* .footer-social-img {
			width:28px;	 
		 }
		.hi-icon {
			width: 28px;
			height: 28px;
		}*/
	}





/* Testimonials */
.testi-quote {				
	margin-top:24px;
	color: #FFF;
	font-size: 22px;
	font-weight: 400;
	line-height: 40px; /* 181.818% */
	max-width: 550px;	
	font-family: "Avenir Next", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.testi-title {
	color: #80FF80;
	font-size: 40px;
	line-height: 40px; /* 100% */				
	font-family: "Avenir Next", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.testi-subtitle {
	color: #9CF0E1;
	font-size: 23px;
	line-height: 40px; /* 173.913% */	
	font-family: "Avenir Next", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.testi-bg-desktop {
	display:block;				
}
.testi-bg-mobile {
	display:none;			
}


.testi-wrap {
	padding	: 0 35px 0 31px;
	padding	: 0 31px 0 31px;
	position:absolute;
	top: 89px;
	top: 69px;
	left: 363px;
}


.testi-img {
	height: 312px; 
	width: 312px; 				
	border-radius: 200px;
	position:absolute !important;
	top:55px;
	left:0;				
	will-change: transform, opacity;
}

.testi-slides {
	width:1100px;					
}


.testi-slideshow {			
	max-width: 1100px;
	width: 1100px;
	height:428px;
	margin: 0 auto;
}
.testi-slideshow .uk-slideshow-items {				
	min-height:428px !important;
}	

.no_select {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;				
	pointer-events: none; 
}


.testi-slideshow .uk-dotnav>*>* {
	border: 1px solid #fff;
	background: #fff;				
	transition: all .6s ease;
	top: 0px;
}			

.testi-slideshow .uk-dotnav>  a {
	transition: all .6s ease;
}
.testi-slideshow .uk-dotnav> .uk-active a {
	position: relative;
	width: 16px;
	height: 16px;
	background: #9CF0E1;
	top: -3px;
}	



.testi-bg-desktop,
.testi-bg-mobile {
  position: relative;
  will-change: transform, opacity;
}



/* Animate in backgrounds (desktop + mobile) */
.testi-slideshow .uk-slideshow-items > div.uk-active .testi-bg-desktop,
.testi-slideshow .uk-slideshow-items > div.uk-active .testi-bg-mobile {
  animation: testiSlideIn 900ms ease both;
}

/* Animate in testi-img */
.testi-slideshow .uk-slideshow-items > div.uk-active .testi-img {
  animation: testiImgInRight 900ms ease 300ms both; /* delayed */
}

/* Optional: animate text after the images */
.testi-slideshow .uk-slideshow-items > div.uk-active .testi-wrap {
  animation: testiTextIn 600ms ease 500ms both;
}






/* MOBILE  testimonials*/			
@media screen and (max-width: 1160px) {				

	.testi-bg-desktop {
		display:none;				
	}
	.testi-bg-mobile {
		display:block;	
		top:85px;
		position: relative;
	}


	.testi-slides {
		width:343px;
		height:510px;	
	}

	.testi-slideshow {
		max-width: 343px;
		width: 343px;
		height:510px;
		margin: 0 auto;
	}

	.testi-slideshow .uk-slideshow-items {		
		height:510px;
	}

	.testi-slideshow .uk-slideshow-items {
		 height: 100%; 
	}

	.testi-wrap {
		left:0;	
		top:161px;	
	}


	.testi-img {
		/*width: 161px;*/
		height: 162px;				
		width: 162px;					
		border-radius: 200px;
		top:0px;
		left:calc(50% - 80px);
	}
	.testi-quote {

		margin-top:32px;
		margin-top: 18px;
		font-size: 16px;
		line-height: 29px; 
	}

	.testi-title {
		margin-top:24px;
		font-size: 26px;
		line-height: 40px; 
	}

	.testi-subtitle {
		margin-top: -8px;
		font-size: 18px;
		line-height: 40px; 			
	}	

	.testi-slideshow .uk-slideshow-items > div.uk-active .testi-img {
		animation: testiImgInRight_small 900ms ease 300ms both;


	  }
} /* max-width: 1160px */


/* Keyframes */
@keyframes testiSlideIn {
  from { transform: translateX(200px); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}

@keyframes testiImgInRight {
  from { transform: translateX(200px); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}

@keyframes testiImgInRight_small {
  from { transform: translateX(75px); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}


@keyframes testiTextIn {
  from { transform: translateY(12px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

@keyframes testiImgInTop {
	from { transform: translateY(-50px); opacity: 0; }
	to   { transform: translateY(0);      opacity: 1; }
  }