* {margin: 0px; padding: 0px; outline: 0;}

:root {
	--u-dark: #063058;
	--u-normal: #e3ebef;
	--u-light: #f0f7fa;

	--text-header: #b5af7e;
	--text-body: #c3d9e6;
	--text-cyan: #65e7ff;
	--text-spot-bg:#b5af7e;
	--text-spot:#423f22;
	--text-content-header:#4b92be;
	--text-header-title: #b5af7e;
	--text-header-spot: #423f22;
	--btn-content:rgba(124,53,89);

	--u-background: #063058;
	--blue: #0171b2;
	--u-blue-light: #eaf2f5;
	--fushia: #c70e88;
	--fushia-light: #bb6da0;
	--intro: #284563;
	--gray: #666;
	--yellow-dark: #f2ca12;
	--white: #fff;

	--shadows1: 2px 2px white;
	--shadows2: 1px 1px white;
	--shadows3: 3px 3px white;
}

{scrollbar-color: auto !important;}


body {
	font-family: 'Barlow', sans-serif;
	color: var(--text-body);
	border:0;
	overflow-x: hidden;
	font-weight:400;
	font-size:24px;
	background-image:url('/img/bg.png');
	line-height: 1.42857143;
}


h1, h2, h3, h4, h5 {
	padding:0;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:400;

}


h1, h2, h3, h4, h5{font-family: 'Anton', sans-serif;}



h1 {font-size: 50px; margin-bottom:10px; color:var(--text-header);}
h2 {font-size: 42px; margin-bottom:10px; color:var(--text-content-header); text-align:left; opacity:0.7;}
h3 {font-size: 36px; color:var(--text-header);}
h4 {font-size: 26px; color:var(--u-dark);}
h5 {font-size: 15px;}

a {text-decoration:none;}

p {margin: 0 0 15px 0;}
p:last-child{margin-bottom:0px;}
p a{text-decoration:underline;}


ul{list-style:none;}

hr{border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));}

.uppercase{text-transform:uppercase;}


/*    -------------------- HEADER --------------*/

.transition{
	transition: all 0.15s ease-in-out;
}


.logo-bant, .logo-bant-w{
width:100vw;
	position:fixed;
	top:0px;
	padding:0px;
	min-width:320px;
}


.logo-bant{z-index:1030; height:90px; background:rgba(5,43,72,0);}

.logo-bant-w{z-index:1029; background:var(--u-dark); height:100vh; display:none; }

.logo-container{padding-top:20px; padding-bottom:15px; padding-left:5%; padding-right:5%;}

.lc-menu{padding-top:10px;line-height:10px; flex-grow:1; text-align:right;}

/*.company-logo{margin:0 auto; width:136px; height:120px;}*/

.logo{
	width:281px;
	height:50px;
		background-image:url('/img/unicon-logo-white.svg');
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
	line-height:0px;
	font-size:0px;
	margin-left:-15px;
	margin-top:-2px;
}

.inner{
padding-top:0px; position:relative; width:100%; height:100%; overflow:hidden; min-width:320px;
}

.content-section{
	/*background-image:url('/img/bg-bottom.jpg');*/
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/***************** LANGUAGE OPTIONS **************/

.lng-options{position:relative;}

.icon-globe-big{display:block; padding-top:10px; cursor:pointer; position:relative;}
.icon-globe-big a{font-size:38px; color:#ccc;}

.icon-globe-sm a{font-size:32px; line-height:39px; cursor:pointer; color:#999;}

.selectlng{
margin-top:4px;
font-size:15px;
text-transform:uppercase;
color:#BED3D2;
}

.toggleLng{display:block;}

.toggleLng a{color: #c5c5c5; font-size:18px; border-right:1px solid #e5e5e5; line-height:12px; padding-right:8px; padding-left:8px; text-transform:uppercase;}
.toggleLng a:last-child{border-right:0px;}
.toggleLng a:hover{color:#666;}

.chgLngBig{position:absolute; right:0px; top:62px; display:none; line-height:10px;}
.chgLngBig li{display: inline; padding:0px 15px; border-right:1px solid #dddddd;}
.chgLngBig li:last-child{border-right:0px; padding-right:0px;}
.chgLngBig a{font-family:'Barlow Condensed'; color: #CCB6A3; font-size:18px; text-transform:uppercase;}
.chgLngBig a:last-child{border-right:0px;}

.chgLngSm{padding-top:20px; display:none; margin-top:20px; line-height:10px;}
.chgLngSm li{display: inline; border-right:1px solid #dddddd;}
.chgLngSm li:last-child{border-right:0px; padding-right:0px;}
.chgLngSm a{color: #FFF; font-size:22px; text-transform:uppercase; padding:25px 25px;}
.chgLngSm a:last-child{border-right:0px;}



/* ---------------  MAIN MENU */

.nav{padding-top:12px;}
.nav li{display: inline-block; padding:0px 15px; border-right:1px solid #d5d5d5;}
.nav li:first-child img, .nav li:last-child img{margin-top:-6px; height:12px; width:41px;}
.nav li:last-child{border-right:0px; padding-right:0px;}
.nav a{font-size:19px; color:var(--white); text-transform:uppercase;}
.nav a:hover{color:var(--text-body);}
.nav li:last-child{border-right:0px;}
.nav a.visited{color:var(--text-header);}

/* change language*/
.chgLng{position:absolute; right:40px; top:30px; display:none;}
.chgLng li{display: inline;padding:0px 10px;}
.lng a{width:32px; height:32px; display:inline-block; font-size:18px; padding:9px 5px; border:1px solid #a78b57; color:#a78b57; border-radius:50%; }
.lng.selected-lng a{background:#a78b57; color:#fff;}

.collapse{height:37px;}


.navmain-toggle{position: absolute; top:12px; right:30px; padding: 10px; text-align:center; cursor:pointer;}


.navmain-toggle .icon-bar {background-color: var(--text-header); width: 40px; height:3px; border-radius: 10px; display:block;}
.navmain-toggle .icon-bar + .icon-bar {
    margin-top: 8px;
}

.navmain-toggle .icon-bar:nth-child(2){background-color: var(--text-header);}


.navmain-toggle:focus {outline: 0;}

.nav-toggle a{text-decoration:none;}

/*---------------------------- SHOWCASE ***************** */

.showcase {position:relative;}

.slider img{width:100%;}

.slidebox{position:relative;}
.slidebox-title{position:absolute; color:#fff; font-size:18px; padding:10px; padding-left:110px; bottom:10%; }

.slideboxImgPer{
width: 100vw; height: calc(100vw * (640/1920)); min-height:340px; background-repeat: no-repeat; background-position: center; background-size: cover;
}

.videoFrame{
width: 100vw; height: calc(100vw * (1080/1920)); min-height:340px; 
}

.videoContentFrame{
width: 100vw; height: calc(100vw * (640/1920)); min-height:340px; 
}

.videoSecond{
width: 100%; height: calc(100vw * (720/1920)); background-color:#333; min-height:260px;
}

.videoPlayer{object-fit: cover; object-position:0 90%; background-size: cover; width: 100%; height: 100%; }

iframe{width:100%; height:100%;}
.videos{padding:25px;}
.map{width: 100vw; height: calc(100vw * (640/1920)); min-height:300px; filter: grayscale(60%);}


/* CUSTOMIZE SLICK */
.slick-dotted.slick-slider {margin-bottom: 0px;}
.slick-list {margin:auto;}
.slick-prev{left:-15%;} 
.slick-next{right:-15%;}

/*--------------------------*/

/* COLUMNS ********************/


.cols-rule, .cols-no-rule{z-index:2; position:relative;}

.cols-no-rule div, .cols-rule > div, cols-no-rule p, .cols-rule p, .cols-rule li, .cols-rule ul{
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

}

.cols-no-rule .one, .cols-rule .one{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.cols-no-rule .two, .cols-rule .two{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.cols-no-rule .three, .cols-rule .three{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.cols-no-rule .four, .cols-rule .four{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.cols-no-rule .five, .cols-rule .five{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;}

.cols-no-rule > div{
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	text-align:center;
}

.two-rule{
text-align:left !important;
}

.two-rule p{
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
/*background:rgba(181,175,126,0.5); padding:15px;/*/
}

.two-rule p:last-child{padding-top:15px;}

.cols-rule > div{
text-align:left;
 -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
	column-rule-style: dashed;
	-webkit-column-rule-style: dashed;
	-moz-column-rule-style: dashed;
	column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-color: #c7d4da;
	-webkit-column-rule-color: #c7d4da;
	-moz-column-rule-color: #c7d4da;
}

.cols-no-rule > div h4, .cols-rule > div h4{margin-bottom:5px; }

.cols-no-rule > div h3, .cols-rule > div h3{display:block; text-align:left; padding:0px; margin-bottom:15px;}

/*.cols-rule p:first-of-type{color:var(--blue);}*/

.cols-rule li::before{content: "● ";}

.cols-rule li::first-letter{color:var(--text-header);}

.cols-rule p b{font-weight:400; color:var(--text-header);}


/*------------- columns */



/* /******************************* CONTENT /////////////////////////////////////////////////*/

.logos{z-index:2; text-align:center; margin-top:0px;}
.logos ul{margin-top:0px; margin-bottom:0px; margin-left:-20px; margin-right:-20px;}
.logos li{display:inline; padding:0px 20px;}
.logos img{height:120px; }


.content-section{
position:relative; 
overflow:show; 
z-index:2; 
margin:0 auto; 
text-align:center; 
}

.bg-grad{
background: radial-gradient(circle, rgba(6,48,88,1) 0%, rgba(1,6,12,1) 100%);
}



header, .explore{display:none;}
.content-section,  .v-intro-header, .v-content-header{display:none;}


.container{position:relative; padding:40px 5%;}
.container-narrow {padding:15px 5%; margin:0 auto;}


/* spot */
.v-spot{margin:0px; padding:0px; font-size:2.2vw; line-height:1.5;}
.v-spot span{padding:0px 5px; display:inline; background:var(--text-header-title); color:var(--text-header-spot); box-decoration-break: clone;
-webkit-box-decoration-break: clone;}

/*home header & spot */
.v-intro-header {position:absolute; z-index:2; top:50%; width:100%; padding:0 5%; transform:translateY(-50%); mix-blend-mode: screen;}  
.v-intro-header h1{font-size:8vw; color:var(--text-header-title);}
.v-intro-header .v-spot{font-size:2.5vw;}

/*content header & spot */
.v-content-header {position:absolute; z-index:2; padding:0 5%; bottom:3vw; width:100%; mix-blend-mode: screen;}  
.v-content-header > div{position:relative; width:74%;}
.v-content-header h1{font-size:6vw; color:var(--text-header-title);}

.header{padding:24px 0px;}

.services{position:relative; z-index:2; margin-bottom:30px;}
.services:last-child{margin-bottom:0px;}

/* content features*/
.img-box{width:50%; position:relative; }
.solution-box{width:50%; position:relative;}
.text-box{width:50%; }
.img-box-img{
background-position: center; background-size: cover; width:100%; height:100%; position:relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: hidden;
}
.text-box.left{padding-left:15px; padding-right:7vw; text-align:left;}
.text-box.right{padding-right:15px; text-align:right;}
.text-box span{color:var(--text-header); font-weight:900; font-size:42px; line-height:42px;}
.text-box p{font-size:24px;}
.text-box p:last-child{margin:15px 0px;}
.text-box a{background:var(--text-header); color:#fff; font-size:20px; text-decoration:none; padding:10px; border-radius:5px; text-transform:uppercase;}

.solution-box > div{border-top:2px dashed var(--text-header); padding:20px; border-radius:10px; display:inline-block;}
.solution-box.left{text-align:left; padding-left:15px;}
.solution-box.right{text-align:right; padding-right:15px;}
.solution-box.left > div{margin-top:8px; border-left:2px dashed var(--text-header);  background: linear-gradient(320deg, rgba(6,48,88,0) 0%, rgba(2,26,47,0.8) 100%);}
.solution-box.right > div{margin-top:8px; border-right:2px dashed var(--text-header); background: linear-gradient(55deg, rgba(6,48,88,0) 0%, rgba(2,26,47,0.8) 100%);}
.solution-box li{color:var(--text-header); }
.solution-box li::before{content: "● ";}
.solution-box.right li{direction:rtl;}

/*------------*/


.intro-box{text-align:center; position:relative; padding:0px 30px 30px 30px; overflow: hidden;}
.intro-box img{width:260px; }
.intro-box-bg{padding:0px; margin:0px; margin:0 auto; transition: all .5s;}
.intro-box-info{padding:0px 0px;}
.intro-box-btn{margin-top:15px;}
/*.intro-box:hover  .intro-box-bg{transform: scale(1.1);}*/
.content-title{color:var(--text-header); font-size:36px; line-height:32px; display:block;}
.intro-box-description{padding-bottom:15px;}
a.btn-content{text-decoration:none; background:rgba(124,53,89,0.7); color:var(--white);font-size:18px; padding:10px; border-radius:5px; margin-top:10px; text-transform:uppercase;}
a.btn-content:hover{background:rgba(124,53,89,0.4);}


#uniconstarcontainer img{position:absolute; z-index:0; opacity: 0;}
#uniconstarcontainer img:nth-child(1){animation: fade 1s linear infinite;}
#uniconstarcontainer img:nth-child(2){animation: fade 2.5s linear infinite;}
#uniconstarcontainer img:nth-child(3){animation: fade 3s linear infinite;}
#uniconstarcontainer img:nth-child(4){animation: fade 4.3s linear infinite;}
#uniconstarcontainer img:nth-child(5){animation: fade 2s linear infinite;}
#uniconstarcontainer img:nth-child(6){animation: fade 3s linear infinite;}
#uniconstarcontainer img:nth-child(7){animation: fade 2.5s linear infinite;}
#uniconstarcontainer img:nth-child(8){animation: fade 5.8s linear infinite;}
#uniconstarcontainer img:nth-child(9){animation: fade 3.5s linear infinite;}
#uniconstarcontainer img:nth-child(10){animation: fade 4.5s linear infinite;}
#uniconstarcontainer img:nth-child(11){animation: fade 3.5s linear infinite;}
#uniconstarcontainer img:nth-child(12){animation: fade 2.2s linear infinite;}
#uniconstarcontainer img:nth-child(13){animation: fade 4.5s linear infinite;}
#uniconstarcontainer img:nth-child(14){animation: fade 1.7s linear infinite;}
#uniconstarcontainer img:nth-child(15){animation: fade 5.7s linear infinite;}
#uniconstarcontainer img:nth-child(16){animation: fade 2.4s linear infinite;}
#uniconstarcontainer img:nth-child(17){animation: fade 6.6s linear infinite;}
#uniconstarcontainer img:nth-child(18){animation: fade 1.2s linear infinite;}
#uniconstarcontainer img:nth-child(19){animation: fade 3.3s linear infinite;}
#uniconstarcontainer img:nth-child(20){animation: fade 5.9s linear infinite;}
#uniconstarcontainer img:nth-child(21){animation: fade 2.9s linear infinite;}
#uniconstarcontainer img:nth-child(22){animation: fade 3.3s linear infinite;}
#uniconstarcontainer img:nth-child(23){animation: fade 2.7s linear infinite;}
#uniconstarcontainer img:nth-child(24){animation: fade 4.5s linear infinite;}


#skyellow img:nth-child(1){animation: fade 1.2s linear infinite;}
#skyellow img:nth-child(2){animation: fade 2.3s linear infinite;}
#skyellow img:nth-child(3){animation: fade 1.5s linear infinite;}
#skyellow img:nth-child(4){animation: fade 2.7s linear infinite;}
#skyellow img:nth-child(5){animation: fade 3.1s linear infinite;}
#skyellow img:nth-child(6){animation: fade 4.2s linear infinite;}
#skyellow img:nth-child(7){animation: fade 6s linear infinite;}
#skyellow img:nth-child(8){animation: fade 2.3s linear infinite;}
#skyellow img:nth-child(9){animation: fade 0.8s linear infinite;}
#skyellow img:nth-child(10){animation: fade 1.9s linear infinite;}
#skyellow img:nth-child(11){animation: fade 5s linear infinite;}
#skyellow img:nth-child(12){animation: fade 3s linear infinite;}
#skyellow img:nth-child(13){animation: fade 2.4s linear infinite;}
#skyellow img:nth-child(14){animation: fade 1.4s linear infinite;}
#skyellow img:nth-child(15){animation: fade 2s linear infinite;}
#skyellow img:nth-child(16){animation: fade 1.3s linear infinite;}
#skyellow img:nth-child(17){animation: fade 2.7s linear infinite;}
#skyellow img:nth-child(18){animation: fade 2.3s linear infinite;}
#skyellow img:nth-child(19){animation: fade 2.8s linear infinite;}
#skyellow img:nth-child(20){animation: fade 3.2s linear infinite;}
#skyellow img:nth-child(21){animation: fade 4.2s linear infinite;}
#skyellow img:nth-child(22){animation: fade 2.5s linear infinite;}
#skyellow img:nth-child(23){animation: fade 1.6s linear infinite;}
#skyellow img:nth-child(24){animation: fade 2.6s linear infinite;}


#sky, #skyellow{
  position: absolute;
}

#sky img, #skyellow img{position:absolute; z-index:0;}

#space {
  position: absolute;
}
.space-particle, .space-particle::after {
  position: absolute;
left:-50px;
}
.space-particle::after {
  content: "";
  right: 100vw;
}
/*.space-particle:nth-child(1){
   animation: fade 2s linear infinite;
  z-index: 3;
}
.space-particle:nth-child(2){
 animation: fade 3s linear infinite;
  z-index: 2;
}
.space-particle:nth-child(3){
 animation: fade 1s linear infinite;
  z-index: 1;
}*/
.space-particle:nth-child(1), .space-particle:nth-child(1)::after{
  box-shadow: var(--shadows1);
  width: 2px;
  height: 2px;
    border-radius: 50%;
}
.space-particle:nth-child(2), .space-particle:nth-child(2)::after{
  box-shadow: var(--shadows2);
  width: 1px;
  height: 1px;
    border-radius: 50%;
}
.space-particle:nth-child(3), .space-particle:nth-child(3)::after{
  box-shadow: var(--shadows3);
  width: 3px;
  height: 3px;
    border-radius: 50%;
}

@keyframes fade {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}

.particles-js {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.waves{
position: absolute;
z-index: 1;
left:0px;
top:0px;
}

.waves > div{
left:0px;
top:0px;
position: absolute;
width: 100vw; 
min-height:360px; 
background-repeat: no-repeat; 
background-position: center; 
background-size: cover;
top:-8vw;
}

.w-top{background-image:url('/img/waves/w-top.png'); height: calc(100vw * (800/1920));}
.w-body-l{background-image:url('/img/waves/w-body-l.png'); height: calc(100vw * (640/1920));}
.w-body-r{background-image:url('/img/waves/w-body-r.png'); height: calc(100vw * (640/1920));}
.w-bottom{background-image:url('/img/waves/w-bottom.png'); height: calc(100vw * (388/1920));}

.content-box{
margin:0 auto;
width:78%;
}


.title_content{color:var(--text-header); font-size:23px;}

.footer{position:relative; text-align:center; margin:0 auto; padding-right:5%; padding-left:5%; color:#fff; background:rgba(176,73,155,0.4);}
.credits{position:relative; z-index:2; padding:30px 0px; font-size:18px;}

.cityscape{
margin-top:-90px;
position:relative;
background-image:url('/img/cityscape.png'); height: calc(100vw * (180/1920)); min-height:80px;
background-repeat: no-repeat; 
background-position: center bottom; 
background-size: cover;
min-height:100px;
}

.contact-us-form{width:460px; margin:0 auto; position:relative; z-index:2;}
.contact-us-form h2{margin-bottom:0px;}

.hyp{word-wrap: break-word; overflow-wrap: break-word;}

.box-shadow-01{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);}

#ifloader {width:100%; text-align:center;}
#NLframe {width:100%;  height:100%; min-width:270px; overflow: hidden; border:0; display:none; padding:0px !important; margin:0px !important;}


/* ------------------------------------------- */

/* *************** BACKGROUNDS---------------------------------------------*/

.bg-top{
background-image:url('/img/bg-top-220.png'); width: 100vw; height: calc(100vw * (220/1920)); min-height:120px; background-repeat: no-repeat; background-position: center top; background-size: cover;
}

.bg-footer{
background-image:url('/img/waves/w-bottom.png'); height: calc(100% * (388/1920)); background-repeat: no-repeat; background-position: center; background-size: cover;
}

/* -----------------------------------******** BOX DESIGN************* --------------------------------- */

.masonryboxes{
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left:-25px !important; margin-right:-25px !important;
}
.bricklayer-column-sizer {
  width: 33.33%;
  display: none;
}
.bricklayer-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bricklayer-column > div{padding:5%;}

.table-boxes{
display:table-cell;
}

.flex-container{
display: -ms-flexbox;
display: -webkit-flex;
  display: flex;
}

.flex-jcc{justify-content: center;}
.flex-aic{align-items:center;}

.flex-center-xy{
justify-content: center;
align-items:center;
}

.flex-left-middle{
justify-content: left;
align-items:center;
}

.flex-row{
flex-direction: row; flex-wrap: wrap;
}

.flex-center{align-items:center;}
.flex-v-b{align-items:flex-end;}
.flex-top{justify-content: flex-start;align-items:flex-start;}
.flex-left{justify-content: left;}
.flex-right{justify-content: right;}
.flex-self-center{align-self:center;}
.flex-sp-bw{justify-content: space-between;}
.flex-sp-ev{justify-content:space-evenly;}
.flex-sp-ar{justify-content:space-around;}
.flex-bottom{align-items:flex-end;}

.after::after {
content: '';
flex: auto;
-webkit-flex:auto;
display:inline-block;
}

.after-box{height:0px;}

.end{margin:0;}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  margin:0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed, .embed-responsive iframe,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.er16-9{padding-top: 56.25%;}

/* ---------------------- TOOLS ********************** */

.loading{
width:100%;
height:43px;
margin-top:30px;
background-image: url(/img/loading.svg);
background-position: center;
background-repeat: no-repeat;
display: block;
}

.mailbox{
position:absolute;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.7);
z-index:2000;
}

.modal span{font-size:16px;color:#375668;}

.modal{top:35%;padding:30px;}

form{margin-top:20px; margin-bottom:0px;}
form h3{margin-top:0px !important; padding-top:0px !important;}

.btn-primary {background:var(--btn-content) !important; font-family:'Barlow Condensed', sans-serif; text-transform:uppercase; font-size:18px; font-feight:700;}

input, select, textarea{opacity:0.7;}

.form-control{color:var(--intro); font-size:18px; font-family:'Barlow Condensed', sans-serif;}

.help-block.with-errors{color:var(--text-body); font-size:16px;}

.lightbox{
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index:1040;
	min-width:320px;
	background-color: rgba(0,0,0,0.6);
display:none;
 width:100%;
height:100%;
padding:0px;
margin:0px;
overflow:hidden;
}

.lightbox-container{
margin:0 auto;
position:relative;
 width:100%;
 height:100%;
 min-width:320px;
 overflow:hidden;
}

.lightbox-content{
margin: 0 auto;
text-align:center;
position:relative;
height:auto; 
max-width:980px;
min-width:320px;
max-height:100%;
 overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

.lightbox-content-box{
margin: 0 auto;
position:relative;
padding:20px;
background-color: rgba(255,255,255,1);
border-radius:10px;
width:30vw; height:auto; min-width:280px;
}


.lightbox-close--z{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	line-height: 25px;
	border:none;
	border-radius:5px;
	cursor: pointer;
	background: var(--u-dark);
	color: #fff;
	padding: 5px;
	margin:15px;
	width:60px;
}

.lightbox-close{
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
	background: #fff;
	border:none;
	cursor: pointer;
}

.lightbox-close img{width:20px;}

#userpass{display:none;}

.messagebox{text-align:center; margin-top:15px;}
.mod-msg{text-align:center; vertical-align:middle; color:var(--u-dark);}

#valid-msg, #error-msg{
    color: #9e5275;
}

/* -----------------************************* EFFECTS****************/

.boxshadow{box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);}

.boxshadow2{box-shadow: 3px 3px 24px -12px rgba(0,0,0,0.5);}

.grey{filter: grayscale(0.3);}

.blend{mix-blend-mode: luminosity;}

.blink-on{
 animation: blinker 0.3s linear infinite;
}

.fixed{position:fixed; animation: toFix 0.8s;}
.absolute{animation: toAbs 0.3s; position:absolute;}

@keyframes toAbs {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes toFix {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/*  LOADER ---------------------------*/

.video-loading{position: absolute;  left:50%; top:50%; z-index:2; transform: translate(-50%, -50%);}


.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.circle {
    border:2px solid white;
    height: 12px;
    border-radius: 50%;
    width: 12px;
	margin-bottom:12px;
	transform: translateX(50%);
}


.explore{
position:absolute; left:50%; bottom:5vw; z-index:2; transform: translateX(-50%);
}


/* ------------------------- ******* WINDOW SIZE ************** ------------------------------------------  */

@media(min-width: 1024px) {

			.nav-toggle{display:none;}

			.navbar-collapse.collapse {
				display: block!important;
				padding-bottom: 0;
				overflow: visible!important;
			}

}


@media(max-width: 1350px) {
.content-box{width:100%;}
}

@media(max-width: 1200px) {
.intro-single{width:auto;}
.intro-single div:last-child{width:auto;}
.lightbox-content-box{width:50vw;}

}


@media(max-width: 1023px) {

.container{padding:25px 5%;}
.content-section{padding-bottom:0px;}
.flex-container{flex-direction: row; flex-wrap: wrap; margin:0px;}

.text-box{width:100%; order:1; display:block;}
.solution-box{width:100%; order:2; display:block; padding-top:20px; padding-bottom:30px;}

.solution-box.right{text-align:left;}
.solution-box.left{padding-left: 0px;}
.solution-box.right{padding-right: 0px;}
.solution-box.right > div{margin-top:8px; border-right:0px; border-left:2px dashed var(--text-header);  background: linear-gradient(320deg, rgba(6,48,88,0) 0%, rgba(2,26,47,0.8) 100%);}
.solution-box.right li{direction:ltr;}

.text-box.left{
padding-left: 0px;
padding-right: 0px;
}
text-box.right{padding-right: 0px;}
.text-box.right{text-align:left;}

.text-box span{font-size:32px; line-height:28px;}
.text-box p{font-size:24px;}
.text-box p:last-child{margin-bottom:0px;}

.intro-box{margin-bottom:30px;}
.intro-box:last-child{margin-bottom:0px;}

.v-intro-header{transform:translateY(-30%);}
.v-content-header h1, .v-intro-header h1{font-size:60px;}
.v-spot, .v-intro-header .v-spot{font-size:24px; line-height:34px;}

.v-content-header > div{width:100%;}

.explore{display:none;}

.lng-options{display:none;}

.icon-globe-big a{font-size:40px; margin-left:14px; margin-top:-5px;}

.lc-menu {position: absolute; top: 120px; left:0px; width:100vw; text-align:center; padding-right:0px;}

.nav{text-align:center; margin:0 auto;}

.nav li{text-align:center; display:block; padding:5px; border-right:0px; line-height:16px;}
.nav li:last-child{border-bottom:0px;}

.nav li a{display: inline-block; padding:15px;}
.nav span {color: #fff;}

.chgLng{position:relative; margin:0 auto; padding-top:20px; right:auto; top:auto;}
.lng a{border:1px solid #fff; color:#fff; border-radius:50%; }
.lng.selected-lng a{background:#fff; color:#71B2BC;}

.logos img{height:90px;}
}


@media(max-width: 800px) {

.v-content-header h1, .v-intro-header h1{font-size:50px;}
}


@media(max-width: 600px) {

.contact-us-form{width:100%;}
.cols-no-rule > div{font-size:20px;}
.solution-box li{font-size:18px;}
.text-box p{font-size:22px;}
.credits{font-size:16px;}

.img-box-img{min-height:220px;}
.v-content-header h1, .v-intro-header h1{font-size:42px;}
.v-spot, .v-intro-header .v-spot{font-size:18px; line-height:24px;}

.content-title{font-size:26px;}
.intro-box-description{font-size:20px;}

.logo{width:220px; height:39px;}

.logo-bant{height:67px;}
}


@media(max-width: 479px) {
.container{padding:25px 15px;}
.logo-container{padding:15px;}
.v-content-header{bottom:15px;}
.logo{margin-left:-10px;}
.v-intro-header{padding:0px 15px;}
.v-content-header h1, .v-intro-header h1{font-size:34px;}
h2, h3{font-size:34px;}
.cols-no-rule > div{font-size:18px;}
.waves > div{
background-position: 80%;
}

.logos img{height:70px;}
.logos li{padding:0px 10px;}
.text-box p{font-size:18px;}
.credits{font-size:15px;}
.intro-box{padding:0px 0px 40px 0px;}
}


@media(max-width: 375px) {
.v-spot, .v-intro-header .v-spot{font-size:18px;}
.slideboxImgPer.services{background-position: 80%;}
.slideboxImgPer.about-us{background-position: 83%;}
.slideboxImgPer.contact-us{background-position: 40%;}
.slideboxImgPer.projects{background-position: 100%;}
#showcase-about-us .v-content-header{bottom:50px;}
#showcase-about-us .v-header{width:80%;}
}

@media(max-width: 360px) {
.navmain-toggle{right:10px;);
.logos ul {margin-left: -10px; margin-right: -10px;}
}