@charset "utf-8";
/* CSS Document */
/* Imported CSS Files */
@import url('fonts.css');
@import url('bootstrap.min.css');

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
:focus { outline: none; }
html { height: 100%; -webkit-text-size-adjust: none; }
body { height: 100%; line-height: 1.42857; background: #fff; font-family: 'Lato-Regular'; font-size: 16px; color: #808080; }
a { text-decoration: none; outline: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
a:hover { text-decoration: none; }
*:focus, *:active, a:active, a:focus, input:focus, input:active {-moz-outline-style: none !important; outline:none !important; outline: 0 !important;}
img { max-width: 100%; border: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p { display: block; clear: both; font-weight: normal; padding: 0; margin: 0; }
ul, ul li, ol, ol li, dl, dl dt, dl dd { list-style: none; padding: 0; margin: 0; }
p { font-size: 18px; line-height: 26px; color: #1d2a3c;}
.pull-left { float: left; }
.pull-right { float: right; }
.clear { clear: both; }
.block { float: left; width: 100%; }
.container { padding: 0; width:1146px; }
.table-container { display: table; width: 100%; height: 100%; z-index: 99; }
.align-container { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* HEADING CSS */
h1 {margin:0; font-size: 60px; line-height: 65px; color: #fff; font-family: 'Lato-Bold';}
h2 {font-size:30px; color:#005f8a; font-family: 'Lato-Black';}
h3 {font-size:20px; color:#000; font-family: 'Lato-Black'; line-height: 24px;}
h4 {font-size:18px; color:#8a8a8a;}
h5 { font-size:20px; color:#8a8a8a; text-transform:uppercase; }
h6 { font-size:18px; color:#8a8a8a;}

/* SECTION TITLE CSS */
.section-title{display: block; width:100%; text-align: center; font-size: 40px; color: #00608a; font-family: 'Lato-Black'; margin-bottom: 50px;}
.section-title span{display: inline-block; padding: 0 10px; height: 68px; color: #fff; background: #00a291; line-height: 66px; margin-left: 5px;}

/*BORDER TITLE CSS*/
.border-title{float: left; width: 100%; font-size: 28px; color: #010101; font-family:'Lato-Light'; padding-bottom: 22px; margin-bottom: 22px; line-height: 34px; position: relative;}
.border-title:after{position: absolute; bottom: 0; left: 0; z-index: 1; background: #00a392; content: ""; width: 45px; height: 3px;}

/* INPUT'S CSS */
[placeholder] {
color:#9f9f9f !important;
opacity: 1;
}

body textarea { resize: none; height:115px; padding: 12px 18px; border-radius:0; -webkit-border-radius:0; text-align:left; font-size:16px; color:#9f9f9f;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus{border-color: #00bca8;}
label { cursor: pointer; font-family: 'Lato-Italic'; font-weight: normal; color: #000; margin-bottom: 15px;}
label span{color: #d43528;}
input, textarea, button { appearance: none; -webkit-appearance: none; }
input[type="submit"], button { border: none; cursor: pointer; white-space: normal; }
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea { float: left; width: 100%; background:#fff; border: none; padding: 5px 20px; color: #9f9f9f; font-size: 16px; outline: medium none; height: 51px; margin-bottom: 15px; border-radius: 0; -webkit-border-radius: 0; border:2px solid #eeeeee; font-family: 'Lato-Light';}
select { cursor: pointer; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url(../images/select-bg.png) #fff; background-repeat: no-repeat; background-position: 90% 50%; border: 1px solid #e6e6e6; float: left; width: 100%; color: #939393; font-size: 18px; outline: medium none; padding: 12px 20px;  height: 55px; margin-bottom: 14px; border-radius: 4px; -webkit-border-radius:4px; color: #57585a; box-shadow: 0 0.5px 0 1px #d7dae4;}
select option { padding: 6px 15px; background:#fff; }

/* BUTTON'S CSS */
.btn {padding:5px 30px; display:inline-block; text-align:center; color:#fff; border-radius:0; -webkit-border-radius:0; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; background: #00a392; border-radius: 40px; -webkit-border-radius: 40px; height: 56px; min-width: 213px; font-size: 20px; line-height: 40px;}
.btn:hover, .btn:focus { color:#fff; background: #00bca8; }

/* HEADER CSS */
header{float: left; width: 100%;}
.logo{float:left; padding: 13px 0;}
.contact-info{float: left; margin-left: 30px;}
.contact-info ul li{float: left; padding: 30px 35px; border-right: 1px solid #e5e5e5;}
.contact-info ul li:last-child{border-right: none; padding-right: 0;}
.contact-info li i{font-family: 'Font Awesome 5 Brands';}
.contact-info ul li img{float: left;}
.contact-info ul li .align-right{display: block; overflow: hidden; padding-left: 15px;}
.contact-info ul li span{display: block; clear: both; color: #000000; font-size: 18px; font-family: 'Lato-Bold';}
.contact-info ul li a{font-size: 18px; color: #767676; font-family: 'Lato-Light';}

/*NAV CSS*/
.navbar{float: left; width: 100%; background: #00608a; -webkit-border-radius: 0; border-radius: 0; margin: 0; min-height: inherit;}
.navbarul{float: left;}
.navbar ul li{float: left; padding-right: 10px;}
.navbar ul li a{float: left; height: 62px; line-height: 62px; padding: 0 20px; font-size: 20px; color: #fff;}
.navbar ul li a:hover, .navbar ul li a:active{background: #00a392;}
.social-link{float: right;}
.navbar .social-link ul li{padding-right: 0; border-right: 1px solid #3380a1;}
.navbar .social-link ul li:last-child{border-right:none;}
.navbar .social-link ul li a{width: 57px; background-color: #004361; text-align: center; padding: 0; line-height: 62px;}
.navbar .social-link ul li a svg{font-size: 25px; color: #27d1bf;}
.navbar .social-link ul li a:hover svg, .navbar .social-link ul li a:focus svg{color: #fff;}
.navbar .social-link ul li a.twitter{background-position: 15px -118px}
.navbar .social-link ul li a.twitter:hover, .navbar .social-link ul li a.twitter:focus{background-position: 15px -184px;}
.navbar .social-link ul li a.instagram{background-position: 15px -249px}
.navbar .social-link ul li a.instagram:hover, .navbar .social-link ul li a.instagram:focus{background-position: 15px -318px;}
.navbar .social-link ul li a:hover, .navbar .social-link ul li a:focus{border-right-color: #00a392; background-color: #00a392; background-position: 15px -51px;}

/*TOGGLE MENU CSS*/
.navbar-toggler { display: none; position: absolute; top: 21px; right: 25px; z-index: 99; width: 40px; height: 40px; border-radius:100%; padding:12px 10px; background: #005f8a; }
.navbar-toggler:hover, .navbar-toggler:focus{background:#00a392;}
.navbar-toggler span { float: left; width: 100%; height: 3px; background: #fff; margin-bottom: 4px; border-radius: 3px; -webkit-border-radius: 3px; }
.navbar-toggler span:last-child { margin-bottom: 0; }

/*TOP BANNER CSS*/
.top-banner{float: left; width: 100%; height: 500px; background-image: url('../images/banner.jpg'); background-size: cover;}
.top-banner .container{height: 100%;}
.top-banner .middle-block{width: 540px; margin: 0 auto; text-align: center;}
.top-banner p{text-align: center; font-size: 25px; color: #27d1bf; line-height: 30px; padding: 20px 0 35px;}

/*ABOUT US CSS*/
.about-us{float: left; width: 100%; padding: 80px 0 60px;}
.about-us p{font-size: 18px; line-height: 25px; color: #6c6c6c;}

/*ABOUT BOX INFO CSS*/
.about-box-info{float: left; width: 100%; padding: 60px 0; background: #eff6f9; text-align: center;}
.about-box-info h2{margin: 30px 0;}
.about-box-info p{color:#656565; padding: 0 10px;}
.box-img{display: inline-block; width: 309px; height: 309px; border:10px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; box-shadow: -3px 0 7px 1px rgba(0, 0, 0, 0.2);}
.box-img img{width: 100%; height: 100%; border-radius: 100%; -webkit-border-radius: 100%; object-fit: cover;}

/*OUR SERVICES CSS*/
.our-services{float: left; width: 100%; padding: 80px 0 0; border-bottom: 1px solid #e1e1e1;}
.our-services p{color: #656565; line-height: 24px;}
.download-report-block{float: left; width: 100%; padding: 30px 0 0;}
.download-report-block span{float: left; font-size: 18px; color: #005880; line-height: 22px; font-family: 'Lato-Bold'; padding-left: 25px; position: relative;}
.download-report-block span:before{position: absolute; top: 9px; left: 0; z-index: 1; content: "";  width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 10px solid #00a291;}
.download-report-block a{float: right; min-width: 220px; height: 49px; line-height: 35px;}

/*ALL SERVICES BLOCK*/
.all-services-block{float: left; width: 100%; padding: 60px 0; background: url('../images/services-bg.jpg') no-repeat 0 0 #fff; background-size: cover; background-position: 0 100%; text-align: center; background-attachment: fixed;}
.all-services-block h3{margin: 15px 0 30px;}

/*OTHER SERVICES CSS*/
.other-services{float: left; width: 100%; padding: 60px 0; background: url('../images/other-service-bg.jpg') no-repeat 0 0 #fff; background-size: cover; background-position: 0 0;}
.other-services .border-title, .newsletter .border-title{font-size: 45px; font-family: 'Lato-Black'; line-height: 40px; color: #fff; margin-bottom: 0; padding-bottom: 30px;}
.other-services .border-title:after{background: #005880;}
.other-services ul{float: left; width: 60%;}
.other-services ul.space{padding-left: 70px;}
.other-services .col-md-10 ul:last-child{width: 40%;}
.other-services ul li{font-size: 18px; color: #fff; line-height: 26px; list-style-type: disc;}

/*PICTURE SERVICES CSS*/
.picture-service{float: left; width: 100%;}
.service-block{float: left; width: 50%; position: relative;}
.service-block img{width: 100%;}
.rollover{position: absolute; bottom: 0; left: 0; z-index: 11; width: 100%; padding: 60px 32px 55px; background: url('../images/overlay-black.png') no-repeat 0 0; background-size: cover; background-position: 0 0;}
.rollover .pull-right{padding-right: 55px;}
.rollover h3{float: left; background: rgba(0, 163, 146, 0.8); padding: 8px 15px; text-transform: uppercase; color: #fff;  margin-bottom: 10px;}
.rollover p{font-size: 28px; color: #fff; font-family: 'Lato-Light';}

/*NEWSLETTER CSS*/
.newsletter{float: left; width: 100%; padding: 60px 0; background: url('../images/newsletter-bg.jpg') no-repeat 0 0; background-size: cover; background-position: 0 0;}
.newsletter h4{color: #fff; margin-bottom: 15px;}
.newsletter form input[type="email"]{width: 66%; margin-bottom: 0;}
.newsletter form input.btn{min-width: 220px; height: 49px; line-height: 36px; margin-left: 25px;}

/*MAP CSS*/
#map{float: left; width: 100%; height: 423px;z-index: 0}

/*FOOTER CSS*/
footer{float: left; width: 100%; padding: 30px 0; background: #005880;}
footer p{font-size: 16px; color: #87b4ca; line-height: 22px; margin: 15px 0 25px;}
footer .social-link{float: left; width: 100%;}
footer .social-link ul li{float: left; padding-right: 14px;}
footer .social-link ul li a{float: left; width: 55px; height: 55px; background: url('../images/footer-socials.png') no-repeat 0 0;}
footer .social-link ul li a:hover, footer .social-link ul li a:focus{background-position: 0 -105px;}
footer .social-link ul li a.twitter{background-position: 0 -210px;}
footer .social-link ul li a.twitter:hover, footer .social-link ul li a.twitter:focus{background-position: 0 -315px;}
footer .social-link ul li a.instagram{background-position: 0 -420px;}
footer .social-link ul li a.instagram:hover, footer .social-link ul li a.instagram:focus{background-position: 0 -525px;}
footer .contact-info{margin: 0;}
footer .contact-info ul li{padding: 0 0 30px; border:none;}
footer .contact-info ul li span{color: #fff;}
footer .contact-info ul li a{color: #87b4ca; font-family: 'Lato-Regular';}
.copyright{float: left; width: 100%; text-align: center; padding: 40px 0 10px;}
.copyright span{font-size: 18px; color: #79afc9; font-family: 'Lato-Light';}
.copyright span small{color: #fff; font-size: 18px;}
.copyright span a{color: #fff; font-family: 'Lato-Bold';}
.copyright span img{vertical-align: top; margin: 2px 0 0 5px;}
.contact-form{float: left; width: 100%; background: #fff; padding: 25px 40px 40px; border-top: 6px solid #00a392; margin-top: -150px;}
.form-title{float: left; width: 100%; text-align: center; font-size: 45px; color: #005880; font-family: 'Lato-Black'; margin-bottom: 15px;}
.contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="tel"], .contact-form input[type="search"], .contact-form input[type="email"], .contact-form textarea{background: #ecedef; font-size: 16px; color: #9f9f9f;}
.contact-form .center{text-align: center;}
.contact-form input.btn{min-width: 220px; height: 49px;}
.contact-form [class*="col-"]{padding-left: 7px; padding-right: 7px;}
.contact-form .row{margin-left: -7px; margin-right: -7px;}

/*BACK TOP CSS*/
.back-top { display: none; position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; z-index: 999; text-align: center; }
.back-top a { display: block; width: 100%; height: 100%; font-size: 22px; color: #fff; background: #00a392; line-height: 38px; border-radius: 100%; -webkit-border-radius: 100%; font-family: 'Lato-Bold'; }
.back-top a:hover { line-height:33px; background:#00b9a6;}


/*RESPONSIVE CSS*/
@media screen and (max-width:1200px) { 
	.container{width: 1000px; padding: 0 25px;}
	.other-services ul.space{padding-right: 40px;}
	.rollover p{font-size: 21px;}
	.rollover{padding-bottom: 25px;}
	.newsletter form input[type="email"]{width: 60%;}
	.contact-info ul li span, .contact-info ul li a{font-size: 16px;}
	.contact-info ul li{padding: 30px 25px;}
	.our-services{padding-bottom: 50px;}
}

@media screen and (max-width:1023px) { 
	.container{width: 720px; padding: 0;}
	.navbar .social-link{display: none;}
	.navbar ul{width: 100%; text-align: center;}
	.navbar ul li, nav ul li a{float: none; display: inline-block;}
	.logo a img{width: 160px;}
	.contact-info{float: right; margin-left: 0;}
	.contact-info ul li img{width: 30px;}
	.contact-info ul li{padding: 20px 15px;}
	.contact-info ul li span, .contact-info ul li a{font-size: 14px;}
	.contact-info ul li .align-right{padding-left: 10px;}
	.top-banner .container{width: 100%;}
	.top-banner .table-container{background: rgba(0, 0, 0, 0.5);}	
	.about-us img{width: 100%;}
	.about-us .border-title, .our-services .border-title{margin-top: 50px;}
	.about-box-info{padding-bottom: 20px;}
	.about-box-info [class*="col-"]{padding-bottom: 50px;}
	.all-services-block [class*="col-"]{width: 32.333%; clear: none; display: inline-block;}
	.other-services .border-title, .newsletter .border-title{margin-bottom: 50px;}
	.other-services ul.space{padding-left: 25px;}
	.contact-form{margin: 50px 0;}
	[class*="col-"]{clear: both;}
	footer .contact-info{width: 100%;}
	footer .contact-info ul li img{width: auto;}
	footer .contact-info ul li .align-right{padding-left: 15px;}
	footer .contact-info ul li{padding: 20px 15px;}
	footer .contact-info ul li span, footer .contact-info ul li a{font-size: 18px;}
}

@media screen and (max-width:767px) { 
	.container{width: auto; padding: 0 25px;}
	.top-banner .container{padding: 0;}
	header .contact-info{display: none;}
	.navbar-toggler{display: block;}
	.navbar-collapse{display: none; position: absolute; top: 1px; left: 0; z-index: 99; width: 250px; min-height: 400px; overflow: auto; background: #00a392;}
	.navbar{background: none;}
	.navbar .container{padding: 0;}
	.navbar ul{display: block !important;}
	.navbar ul li{width: 100%; padding: 0;}
	.navbar ul li a{width: 100%; padding: 15px 25px; height: auto; line-height: normal; text-align: left; font-size: 18px; border-bottom: 1px solid #05aa97;}
	.navbar ul li a:hover, .navbar ul li a:focus{background: #05aa97;}
	.about-us, .our-services, .newsletter{padding: 40px 0;}
	.other-services ul.space{padding-right: 0;}
	#map{height: 230px;}
	.contact-form{padding: 25px 25px 40px;}
	input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea{height: 40px; padding: 5px 10px;}
}

@media screen and (max-width:599px) { 
	.top-banner .middle-block{width: 100%; padding: 0 25px;}
	h1{font-size: 41px; line-height: 46px;}
	.top-banner p{font-size: 22px;}
	.border-title{font-size: 24px;}
	.download-report-block span{width: 100%;}
	.download-report-block{text-align: center;}
	.download-report-block span{text-align: left;}
	.download-report-block a{float: none; margin-top: 30px;}
	.all-services-block [class*="col-"]{width: 100%;}
	.all-services-block h3 br{display: none;}
	.other-services ul, .other-services .col-md-10 ul:last-child{width: 100%; padding-left: 25px;}
	.other-services .col-md-10 ul:last-child{padding-top: 30px;}
	.service-block, .newsletter form input[type="email"]{width: 100%;}
	.newsletter form input.btn{width: 100%; margin: 20px 0 0;}
	.box-img{width: 200px; height: 200px;}
	.about-box-info h2{margin: 20px 0;}
	.form-title{font-size: 30px;}
	}

	@media screen and (max-width:479px) { 
		h1{font-size: 36px; line-height: 39px;}
		.top-banner p{font-size: 20px; line-height: 27px;}
		.btn{height: 46px; line-height: 30px;}
		.section-title{font-size: 26px;}
		.section-title span{height: 48px; line-height: 46px;}
		.about-us .border-title, .our-services .border-title{margin-top: 30px;}
		.about-box-info p{padding: 0;}
		.border-title{line-height: 28px;}
		.download-report-block span{font-size: 15px;}
		.other-services .border-title, .newsletter .border-title{font-size: 30px; padding-bottom: 20px; margin-bottom: 30px;}
		.other-services .col-md-10 ul:last-child{padding-top: 20px;}
		h3{font-size: 17px;}
		.rollover h3{margin-bottom: 5px;}
		.rollover p{font-size: 17px;}
		.contact-form{margin: 40px 0 20px;}
		footer .contact-info ul li{padding: 10px 0;}
		.copyright{padding: 10px 0;}
		.copyright span{line-height: 33px;}
		.copyright span img{margin-top: 8px;}
  }