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

:root {
	--dark: #d5e0e6;
	--normal: #e3ebef;
	--light: #f0f7fa;

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

body {
	font-family: 'Barlow Condensed', sans-serif;
	color: #3b505f;
	background:var(--white);
	border:0;
	overflow-x: hidden;
	font-weight:400;
	font-size:20px;
}


h1, h2, h3, h4, h5 {
	color:var(--fushia);
	padding:0;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:400;
}


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


h1 {font-size: 50px; margin-bottom:10px;}
h2 {font-size: 42px; margin-bottom:10px;}
h3 {font-size: 34px;}
h4 {font-size: 26px; color:var(--blue);}
h5 {font-size: 24px; margin-bottom:0px;}

a {text-decoration:none;}

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

h1{text-align:center;}

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 --------------*/

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


.logo-bant{z-index:1030; height:180px; background:#fff; text-align:center;}

.logo-bant-w{z-index:1029; background:#fff; height:100vh; display:none; }

.logo-container{padding-top:12px; padding-bottom:0px; padding-left:5%; padding-right:5%; text-align:center;}

.lc-menu{padding-top:10px;line-height:10px; text-align:center;}

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

.logo{
	width:136px;
	height:120px;
		background-image:url('/img/crossroads-logo.svg');
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center; 
	display: block;
	line-height:0px;
	font-size:0px;
}

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

/***************** 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;
font-family:'Barlow Condensed', sans-serif; 
}

.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;}
.nav a{font-family: 'Barlow Condensed', sans-serif; font-size:22px; color:#888; text-transform:uppercase;}
.nav a:hover{color:var(--fushia-light);}
.nav a.visited{color:var(--fushia-light);}


/* 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:15px; right:15px; padding: 10px; text-align:center; cursor:pointer;}


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

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


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

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

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

.showcase {
	background:#fff;
	color:#3d3d3d;
	padding-top:180px;
	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 * (360/1920)); min-height:280px; background-repeat: no-repeat; background-position: center; background-size: cover;
}

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

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

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-no-rule div, .cols-rule div, .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:left;
}

.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(--fushia);}

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


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



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

.course-banner{position:relative; margin:0 auto; text-align:center; padding-right:15px; padding-left:15px; z-index:5;}
.course-banner > div{color:#fff; display:inline-block; border-radius:5px; padding:25px; font-size:26px;}
.course-banner h2{ color:#fff; font-weight:500; margin-bottom:10px;}
.course-banner span{ color:var(--yellow-dark); font-weight:500;}

.course-full-banner{position:relative; margin:0 auto; text-align:center; padding-right:15px; padding-left:15px; z-index:5;}
.course-full-banner > div{color:#fff; display:inline-block; border-radius:5px; font-size:26px;}
.course-full-banner h2{ color:#fff; font-weight:500; margin-bottom:10px;}
.course-full-banner span{ color:var(--yellow-dark); font-weight:500;}

.course-banner-flat-bg{background:#365575;}

.btnMore{margin-top:15px; padding:3px 12px; border-radius:5px; display:inline-block; text-transform:uppercase; cursor:pointer; background:#fff;}

.btnMore.gray{background:var(--gray); color:#fff;}
.btnMore.fushia{background:var(--fushia); color:#fff; font-size:20px; }
.btnMore.dark{background:var(--intro); color:#fff;}
.btnMore.stroke{border:1px solid var(--fushia); color:var(--fushia); font-size:18px; margin-bottom:10px;}
.btnMore.detail{font-size:18px; font-family: 'Roboto Condensed', sans-serif; text-transform:none;}

.more-detail h4{color:var(--blue); margin-bottom:0px; font-size:24px;}
.more-detail .btnMore{margin-top:5px;}
.more-detail{padding-top:25px;}

.container {position:relative;  padding:30px 5%; margin:0 auto; text-align:center; z-index:5;}
.container-narrow {padding:15px 5%; margin:0 auto;}

.contact-banner{position:relative; margin:0 auto; text-align:center; padding-right:15px; padding-left:15px; padding-bottom:30px; z-index:5;}
.contact-banner > div{color:#fff; display:inline-block; border-radius:5px; padding:25px; font-size:18px;}

.header {position:relative; padding:50px 5%; margin:0 auto; text-align:center; z-index:5;}
.header-spot{width:65%; margin:0 auto; font-size: 26px; text-align:center; color:var(--intro);}
.seperator-spot{width:65%; margin:0 auto; font-size: 23px; text-align:center; color:var(--intro); margin-top:-5px; margin-bottom:10px;}


h3{display:inline-block; padding:10px 30px; margin-top:0px; margin-bottom:0px;}
h3.h-center{text-align:center; margin:0 auto; display:inline-block;}

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

.listing-box{
margin:0 auto;
width:100%;
}

.introbot{padding-bottom:30px;}

.banner-pos{margin-top:-45px;}

.bgwhite{background:#fff;}


.insdetail{display:none; text-align:left; padding:15px 0px;}
.insdetail h4{margin-bottom:15px;}
.insdetail p{font-size:18px;}

.online{margin-bottom:30px;}
.online > div{padding:15px; background:rgba(220,233,241,0.4); border:1px solid #dae7ee;}
.online p:first-of-type{color:inherit;}
.online h3{margin-bottom:0px !important;}
.online h4{margin-bottom:15px !important;}
.online span{display:block; font-size:24px; color:var(--fushia);}

.content-item{padding-top:15px; padding-bottom:15px; text-align:left;} 
.content-item:last-child{border-bottom:0px;}
.content-item img{margin-bottom:10px; height:90px;}

.content-item.right{text-align:right; }
.content-item.left{text-align:left;}
.content-item.space{padding-top:90px;}
.content-item.borderhide{border-bottom:0px;}

.training-boxes{padding:15px; background:rgba(255, 255, 255, 0.4); border:1px solid rgba(1, 113, 178, 0.4); border-radius:8px; margin-bottom:30px; font-size:18px;}
.training-boxes h4{font-size:22px;}
.training-boxes.man{border:1px solid rgba(199, 14, 136, 0.4);}

h5{text-align:right; text-transform:uppercase; color:rgba(1, 113, 178, 0.8); font-size:15px; margin-bottom:20px;}
h5.man, .training-boxes h4.man{color:rgba(199, 14, 136, 0.85);}

.title_content{color:var(--fushia); font-size:23px;}
.offered{border:2px dashed rgba(1, 113, 178, 0.4); border-radius:10px; padding:15px; font-size:18px;}

.btnMore.training{background:rgba(1, 113, 178, 0.8); color:#fff;}
.btnMore.training.man{background:rgba(199, 14, 136, 0.85); color:#fff;}

.footer{position:relative; text-align:center; padding:40px 5%; color:#fff; font-size:17px; z-index:15;}

.contact-us{width:460px; margin:0 auto;}
.contact-us h2{margin-bottom:0px;}

.open-courses, .instructors{width:290px; margin:0 auto; margin-top:-10px;}
.open-courses h2{margin-bottom:0px; padding:0px;}
.tinyspot{font-size:16px;}


.responsibility div{margin-top:-10px;}
.responsibility p{padding:0 10%; margin-top:5px; font-size:20px;}
.responsibility-spot{color:var(--intro); font-size:30px;}

.seperator{color:var(--intro); font-size:26px;}

.addbg{background:rgba(206, 226, 234, 0.4);}
.addtop{margin-top:30px;}

.brands{text-align:center; margin-top:0px;}
.brands li{display:inline; padding:0px 20px;}
.brands img{height:80px;}
.brands ul{margin-top:0px; margin-bottom:0px; margin-left:-20px; margin-right:-20px;}


.social{padding-bottom:20px;}
.social p{font-size:26px; margin-bottom:10px; text-transform:uppercase;}
.social ul{line-height:12px;}
.social li{font-size:24px; display:inline-block; padding:0px 15px; }
.social li:first-child{border-right:1px solid #fff;}
.social a{text-decoration:underline; color:#fff;}

.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---------------------------------------------*/

.course-banner-bg{background-color: #365575;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23274461' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}

.box-bg-02{background-color: rgba(228, 241, 247, 0.6);
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23c1d1d8' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");}

.box-bg-02-lighter{background-color: rgba(228, 241, 247, 0.3);
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23c1d1d8' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");}

.box-bg-02-lighterman{background-color: rgba(245, 232, 240, 0.2);
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23e0c3d6' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");}



.box-bg-01{
background-color: #BED3D3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%236b8a92' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%2389aab1' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%236b8a92' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%2389aab1' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23A9CAD2' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23788e94' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%2398afb5' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23B9D1D7' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%2398afb5' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23788e94' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23B9D1D7' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23788e94' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23B9D1D7' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%2398afb5' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23B9D1D7' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");
}

:root {
  --u: 11px;
  --hue: hue-rotate(0deg); /* change color hue*/
  --grad1: repeating-conic-gradient(
      from -56.7deg at 50% 16.5%,
      var(--light) 0% 31.5%,
      #fff0 0% 50%,
      #fff0 0% 100%
    )
    50% / calc(var(--u) * 10) calc(var(--u) * 20);
  --grad2: repeating-conic-gradient(
      from -90deg at 50% 50%,
      var(--light) 0% 9.25%,
      var(--dark) 0% 25.05%,
      var(--normal) 0% 40.75%,
      var(--light) 0% 50%,
      #fff0 0% 100%
    )
    50% / calc(var(--u) * 10) calc(var(--u) * 20.05);
  --pos: calc(var(--u) * -5) calc(var(--u) * 10);
}

.header-cubes {
  filter: var(--hue);
  background: var(--grad1), var(--grad2), var(--grad1), var(--grad2),
    var(--light);
  background-position: 0 0, 0 0, var(--pos), var(--pos);
}


/* -----------------------------------******** 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%;}


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

.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;}


.btn-primary {background:var(--fushia) !important;}

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:#9e5275; 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: #9e5275;
	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;}

#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 ---------------------------*/

.iloader{position: absolute; left:50%; top:50%; z-index:2; margin-left:-12px; margin-top:-12px;}

.vploader{position: absolute; left:50%; top:50%; z-index:1; margin-left:-40px; margin-top:-40px;}

.spinner{position: absolute; left:50%; top:50%; z-index:2; margin-left:-50px; margin-top:30px;}

.spinner {
  width: 100px;
  height: 60px;
  text-align: center;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


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

@media(min-width: 1200px) {

			.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;}
.header-spot{width:100%;}
.lightbox-content-box{width:50vw;}
.logo-container{margin-left:-4%; margin-right:-4%;}
}


@media(max-width: 1024px) {

}

@media(max-width: 920px) {
h1{font-size:36px;}
h3{font-size:28px;}
}

@media(max-width: 1199px) {
.company-logo, .logo{
	width:102px;
	height:90px;
	}
.logo-container{padding:15px;}
.logo-bant{height:120px;}
.inner{padding-top:120px;}

.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; color:var(--intro);  padding:10px;}
.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;}


}

@media(max-width: 799px) {
:root {
  --u: 7.6px;
}


h2{font-size:30px;}
.header, .container{padding:25px 5%;}

.header-spot, .responsibility-spot{font-size:22px;}
.responsibility p{font-size:18px; padding:0px 0px;}
.seperator-spot{width:100%; font-size:18px;}
.training-boxes:last-child{margin-bottom:0px;}

.intro-single div:first-child p span {font-size:20px; line-height:24px;}
.intro-single div:last-child {font-size:19px;}

.h-content{width:auto;}
.h-content p:first-child{width:auto;}
.h-content p:last-child{width: auto;}



.logo-container {border-left: 0px; border-right: 0px;}

.lng-options{display:none;}

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

}


@media(max-width: 600px) {

.cube-06{display:none;}
.contact-us{width:100%;}
body{font-size:20px;}
.intro-single div:first-child p span {font-size:18px; line-height:28px;}
.intro-single div:last-child {font-size:18px;}
h4{font-size:24px;}
.cols-no-rule > div{font-size:18px;}
.bg-01{background-size:50%;}
}


@media(max-width: 479px) {
.header, .container{padding:25px 15px;}
.header-spot{font-size:20px;}
h1 {font-size: 32px; margin-bottom:8px;}
.brands img{height:70px;}
.brands li{padding:0px 10px;}
}



@media(max-width: 320px) {
/*.logo-container, .logo-bant{text-align:left;}
.company-logo{ padding-left:15px; margin:0px;}*/
brands ul {margin-left: -10px; margin-right: -10px;}
}