@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,600');
body {
	font-style: normal;
	overflow-x: hidden;
}
.fixed-top{
	background-color: rgba(255, 255, 255, 0.9);
	   border-bottom: 2px solid rgba(0, 172, 228, 0.9);
	   width: 100vw;
}
.navitem{
	color: #111;
}
.hero{
	margin-top: -100px;
padding-bottom: 40vh;
 background-image: url("../../img/header photo-01.jpg");
	background-size:100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size:cover;
	margin-bottom: 7%;

}
#culture {
background-color: transparent;
}
.map {
	padding-top: 10%;
	padding-bottom: 10%;
	margin-top: -100px;
	padding-bottom: 5%;
	background-image: linear-gradient(#fff, #f8f9fa00, transparent, #fff), url("../../img/map.svg");
	background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: cover;
	margin-bottom: 7%;
}
.mapcl {
	padding-top: 10%;
	padding-bottom: 10%;
	margin-top: -100px;
	padding-bottom: 5%;
	background-image: linear-gradient(#fff, #f8f9facc, #fff9f9e6, #fff), url("../../img/mapcl.png");
	background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: cover;
	margin-bottom: 7%;
}
.svgbg {
	background-image: url('../../img/bg.svg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 5%;
}
select {
background-color: transparent;
}
.shadow {
	font-size: 50px;
	opacity: 0.1;
	position: absolute;
	top: -150px;
	left: -100px;
}
.footer{
	
	padding-top: 3%;
	background-color: #00ACE4;
	color: #fff;
}
.title {
	margin-top: 250px !important;
	text-shadow: 3px 2px 1px rgba(0, 0, 0, 1);

}
.subtitle {
	/*text-shadow: -1px 0 #565656, 0 1px #565656, 1px 0 #595959, 0 -1px #565656;*/
}
a{
	color: #00ACE4;
}
a:hover{
color: #f2bc48;
}

.highnav{
background-color: #f2bc48 !important;
color: #fff;
}
.special {
    padding-right: 5px !important;
    padding-left: 5px !important;
    background-color: transparent;
    color: #00ACE4;
    border-radius: 6px;
    border-color:  #00ACE4 !important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.btn{
	background-color: #00ACE4;
	color: #fff;
}
.btn:hover{
	background-color: #f2bc48;
	color: #fff;
	 -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
  transition:  1s; 

}
hr.style1{
	border-top: 1px solid #e4dddd;
	width: 60%;
	margin-top: 10%;
	margin-bottom: 10%;
}
hr.style2{
	border-top: 1px solid #e4dddd;
	width: 100%;
	
}
.blueprint{
	
	color: #00ACE4;
	
	

}
.x {
	text-align: justify;
}
.title2{
	margin-top: 0px !important;
}
.icon{
	max-width: 60%;
	
	float: right;
}


.linkicon{
	max-width: 15%;
	float: right;
}

.signuptitle{
	color: #00ACE4;
}
.faq{


}
.topic:hover >.col-8 > .tt {
color: #00ACE4 ;
font-size: 150%;
  -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
  transition:  1s; 

}

.topic:hover >.col-4 > .linkicon {
max-width: 20%;
  -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
  transition:  1s; 

}

.tstext{
position: absolute;
bottom: 10%;
padding: 3%;
width: 50%;
color: #fff;
font-size: 40px;
}

.tsauther{
position: absolute;
bottom: 5%;
padding: 3%;
width: 70%;
color: #fff;
margin-top: 1%;
}

.tstype{
position: absolute;
bottom: 5%;
right: 5%;
padding: 1%;
color: #fff;
background-color: #fff ;
}


.slider{
width: 100%;
}


  .progress{
	border-radius: 0px;
	height: 5px;
  }

  #spb{
	 -webkit-transition: 0.5s; 
  -moz-transition: 0.5s; 
  -ms-transition: 0.5s; 
  -o-transition: 0.5s; 
  transition:  0.5s; 
  background-color: #00ACE4;

  }

 .gold{
	color: #f2bc48;
	font-weight: 700;
	margin-bottom: 0px;
 }

.clients{
	background-color: #111;
	padding: 5%;

}
.cbox{
	background-color: #fff;
	margin-top: 5%;
	padding: 3%;
	height: 100%;

}
.cbox:hover{
	border-left-width: 5px;
	border-color: #f2bc48;
	border-left-style: solid;
	 -webkit-transition: 0.3s; 
  -moz-transition: 0.3s; 
  -ms-transition: 0.3s; 
  -o-transition: 0.3s; 
  transition:  0.3s; 
}
.ctext{
	font-size: 20px;
	color: #111;
}
.clogo{
	width: 120px;
	float: right;
}

.extralight{
	font-weight: 200;
}
.bold{
	font-weight: 600;
}

.lead {
	text-align: justify;
}

.signup{
	padding-right: 25px !important;
	padding-left: 25px !important;
background-color: transparent;
color: #00ACE4;
border-style: solid;
border-color: #00ACE4;
font-size: 25px;
margin-top: 5%;
border-width: 1px;
 -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
  transition:  1s; 	
}

.fthr{
	border-top: 4px solid #fff;
	opacity: 0.5;
}

#culture {
	border: 0px;
	
}

.whole {
overflow: hidden;
}


.form-control,
.form-group .form-control,
.bootstrap-select button:not(.btn-info) {
	-moz-appearance: none !important;
	border: 1px solid #DDDDDD !important;
	box-shadow: none !important;
}

	.form-control:focus {
		border-color: #02AAF3;
	}

.form-control, .form-group .form-control {
	border: 0;
	background-image: linear-gradient(#16abe3,#16abe3),linear-gradient(#d2d2d2,#d2d2d2);
	background-size: 0 2px,100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom,center calc(100% - 1px);
	background-color: transparent;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 6px;
	font-weight: 400;
}

.ttext {
	direction: ltr;
}


.nav-item {
    text-transform: uppercase !important;
    font-size: 14px;
    border: solid 2px transparent;

}