@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/*font-family: 'Open Sans', sans-serif;*/

body {background: #fff; margin: 0; font:14px 'Open Sans', sans-serif; line-height:18px; color:#666;}
.btm-space-md{padding-bottom:70px;}
.top-btm-space-sm {padding-bottom:50px; padding-top:50px;}
.top-btm-space-md {padding-bottom:70px; padding-top:70px;}

hr{margin:2rem 0; height:1px; border:0; background:#e0e0e0;}
a{text-decoration: none !important; color:inherit;}
a:hover, .addressbox a:hover{color:#333}
a , .header, .logo img, .menu, .btn, .header.full, .nav ul, .thumb, .header:before, .homegallery a:hover img, .homegallery a:hover:before, .grid-item p, .grid-item img{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.line, .line1{width:110px; height:1px; background:#ccc; margin:30px 0;}
.line1{width:66px; margin:15px 0;}
.white{color:#fff;}
h1 {font-size:35px;}
h2{font-size:30px; font-weight:700; text-transform:none; color:#000;}
h3{font-size:36px; color:#241611; font-weight:700; text-transform:uppercase;}
h5{font-size:20px; color:#000; margin:10px 0; font-weight:700;}
h5 span{font-weight:400; display:inline-block;}
h6{font-size:18px; margin:10px 0; color:#000;}

.header{width:100%; padding:22px 0; z-index:99; position:fixed; height:auto; background:#fff;}
.header:before{content:''; position:absolute; width:100%; height:10px; background:#0083b3; top:0;}
.header.full:before{height:0}
.header.full{
	background:#fff; padding:10px 0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.headerspace{height:100px;}
.logo img{max-width:250px;}
.header.full .logo img{max-width:150px;}
.header.full .nav ul{margin:0;}
.btn{font-size:18px; background:#29c1e0; padding:14px 45px; border-radius:0; border:0; position:relative; z-index:9; color:#fff; text-transform:uppercase; font-weight:700;}
.btn:hover{background:#000; color:#fff;}
.btn i{font-size:14px;}
.btn-md{padding:10px 20px;}
.blue{background:#0d2c4a; font-size:18px;}
.blue span{margin-left:10px;}
.btn-sm{padding:8px 20px; font-size:14px;}
.blue-sm{font-size:12px; color:#171d23 !important; padding:6px 10px; width:130px;}
.blue-sm:hover{color:#fff !important;}

.nav ul {list-style: none; padding: 0; margin:10px 0;width:100%;}
.nav li {display: inline-block; margin: 0;}
.nav li a {font-size:16px; color: #000; padding:0; text-decoration: none;  margin:0 0 0 20px; font-weight:700; text-transform:uppercase;}
.nav li a:hover, .nav li.active a{color: #1186b3;}
.banner{width:100%; position:relative;}
.carousel-caption{bottom:0;  text-transform:uppercase; left:56%; background:rgba(255, 255, 255, 0.9); text-align:left; width:35%; padding:50px;}
.carousel-caption h1{font-size:50px; font-weight:700; color:#333; line-height:47px;}
.carousel-caption h1 span{font-size:30px; color:#aeafad; display:block; font-weight:400;}
.mid-banner{width:100%; background:url(../images/mid-banner.jpg) no-repeat;background-size: cover;}
.thumb{padding:22px; border:1px solid #ccc;}
.thumb:hover{border:1px solid #fff; -webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.16);
-moz-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.16);
box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.16);}
.thumb:hover .btn{background:#29c1e0;}
.greybox{width:100%; background:#f7f7f7;}
.bg1{position:relative; width:100%; background:url(../images/bg1.jpg) no-repeat;background-size: cover;}
.innerbanner{position:relative; width:100%; background:url(../images/innerbanner.jpg) no-repeat; height:150px;background-size: cover;}



.testimonial{width:100%; background:url(../images/last-banner.jpg) no-repeat; height:500px;background-size: cover;}
.slickslider{margin-top:80px; font-size:14px; padding:0 30px; position:relative; font-size:18px;}

.slickslider span{font-weight:600; display:block; margin-top:10px; text-transform:uppercase;}

.fas.fa-angle-left, .fas.fa-angle-right{position:absolute; top:50%; transform:translate(0,-50%); font-size:30px; color:#fff; cursor:pointer;}
.fas.fa-angle-left{left:-14%;}
.fas.fa-angle-right{right:-14%;}
/*.slickinner :before{font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; content: '\f10d'; font-size:45px; top:85px;
color:#0083b3;}*/
.quote{color:#37b4cf; font-size:75px; position:absolute; top:0; left:40px; z-index:9; opacity:.8;}
.slickinner{position:relative; padding-top:90px; color:#fff; font-weight:400;}







.footer{font-size:12px; color:#8d9aa5; line-height:20px; padding:0; background:#171d23; width:100%; text-transform:uppercase;}
.footer a{color:#8d9aa5; display:block; text-transform:uppercase;}
.footer a:hover{color:#fff;}
.footer span{display:block; text-transform:none; color:#363e46;}
.last{color:#fff !important;}

.expand-btn{display:none;}
label{display:block;}
.label_error{color:#F00; font-size: 12px; display: inline-block;}
input[type="text"], textarea, .form-control{
	font-size: 13px;
    font-weight: 400;
    color: #333;
    width: 100%;
    line-height:45px;
    padding: 0 15PX;
    background:#fbfbfb;
    border:1px solid #e4e3e3;
	margin-bottom:10px;
}
textarea{height:140px;}
select.form-control:not([size]):not([multiple]) {
    height:45px; border-radius:none;}
#contactform{width:100%;}
.addressbox{line-height:28px; text-align:center; border:1px solid #CCC; font-size:16px;}
.addressbox i{background:#29c1e0;
    width: 65px;
    height: 65px;
    padding: 19px;
    color: #fff;
    font-size: 30px;
    border-radius: 50px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:-33px;
}
.addressbox span{ padding:40px; display:block;}
.error{display:inline-block; color:#ff0202; margin-left:10px; font-size:13px;}
.social a{margin:0 4px;color:#fff; display:inline-block; border-radius:50px; width:33px; height:33px; background:#1c445c; padding:8px;}
.social i{font-size:18px;}
.social a:hover{color:#fff; background:#29c1e0;}

.demo-gallery  ul {
              margin-bottom: 0;
            }
.demo-gallery  ul  li {
	float: left;
	margin-bottom: 15px;
}
.demo-gallery  ul  li a {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery  ul  li a  img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery  ul  li a:hover  img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery  ul  li a:hover .demo-gallery-poster  img {
  opacity: 1;
}
.homegallery{font-size:0;}
.homegallery a{display:inline-block; background:#16aacd; position:relative; border:1px solid #fff; cursor:pointer;}
.homegallery a:hover img{opacity:.2;}
.homegallery a:before{
	color: #fff;
    position: absolute;
    font-size:45px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00e";
    left: 0;
	right:0;
	text-align:center;
	z-index:9;
	opacity:0;}

.homegallery a:hover:before{
	top: 50%;
	transform:translate(0,-50%);
	opacity:1;
}
.gallery a{margin:0 5px 0 0;}
.gallery img{vertical-align:top; height:390px;}
/*.grid-item {width:24.4%;}
.grid-item {overflow:hidden; position:relative; margin-bottom:10px; background:#000;}
.grid-item p{color:grey; background:rgba(34,34,34,.8); border:1px solid #fff; color:#fff; font-size:18px; display:block; padding:5px 15px; position:absolute; top:40%; left: 50%;transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); opacity:0; white-space: nowrap; text-align: center;}
.grid-item:hover p{opacity:1; top:50%;}
.grid-item span{ display: block; font-size: 12px; color: #a7a7a7;}
.grid-item:hover img{opacity:.5; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.grid-item  i, .testimonials i{position:absolute; left: 15px; top: -26px; background:#000; height:50px; width:50px; border-radius:50%; color:#fff; text-align:center; padding-top: 14px; font-size: 20px;}*/



@media (min-width:1200px) {
.container {max-width: 1230px;}
#snav{display:none;}
}
@media (min-width:992px) and (max-width:1199px) {
#snav{display:none;}
.nav li a{font-size:14px; margin:0 14px;}
h1{font-size:35px;}
.blueboxinner {left:30px;}
}
@media (min-width:768px) and (max-width:991px) {
.carousel-caption{bottom:8%;}
.carousel-caption h1{font-size:60px; bottom:10%;}
#nav{display:none; background:#000; min-width:220px; padding:0; position:absolute; right:16px; top:43px;}
.expand-btn {background:none; color: #000; border: 0; font-size: 29px; padding: 0; display: inline-block !important; cursor: pointer}
.nav ul{width:100%; margin:0;}
.nav li{display:block; line-height:normal; padding:0;}
.nav li a{margin:0; line-height:46px; color:#fff; font-weight:500; padding:0 15px; display:block;}
.nav li a:hover, .nav li a.active{color: #fff; background:#0083b3;}
.footer{text-align:center;}
.footer a{display:inline-block; margin:0 5px;}
.top-btm-space-md{padding-top:30px; padding-bottom:30px;}
.slickslider{margin-top:120px;}
}
@media (min-width:200px) and (max-width:767px) {
#nav{display:none; background:#000; min-width:220px; padding:0; position:absolute; right:16px; top:51px;}
.expand-btn {background:none; color: #000; border: 0; font-size: 26px; padding: 0; display: inline-block !important; cursor: pointer}
.nav ul{width:100%; margin:0;}
.nav li{display:block; line-height:normal; padding:0;}
.nav li a{margin:0; line-height:46px; color:#fff; font-weight:500; padding:0 15px; display:block;}
.nav li a:hover, .nav li a.active{color: #fff; background:#0083b3;}
.logo img, .header.full .logo img{max-width:200px;}
.footer{text-align:center;}
.footer a{display:inline-block; margin:0 5px;}
.top-btm-space-md{padding-top:30px; padding-bottom:30px;}
.testimonial{height:300px;}
.slickslider{margin-top:20px;}

}

@media (max-width:430px) {
.logo img, .header.full .logo img{max-width:150px;}
.footer{padding:0;}
#nav{top:58px;}
.header.full #nav{top:46px;}
.footer{text-align:center;}
.carousel-caption{font-size:34px;}
.carousel-caption h1{font-size:28px; margin-top:10px;}
.testimonial{height:350px;}
}