/*
Theme Name: GDL
Theme URI: http://gdl.com
Description: The gkd Theme based on the famous Wordpress CMS.
Version: 1.0
Author: gdl
*/

/* normal */
/*Global CSS*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|PT+Sans:400,700&display=swap');

* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #000000; font-size: 16px; font-family: 'Open Sans', sans-serif; background: #FFF; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

/* layout */
#layout { width: 100%; position: relative; }
.wrapper { max-width: 1140px; margin: 0 auto; position: relative; padding: 0 10px; }

/* header */
#header {padding: 15px 0 0px;z-index: 10; position: fixed;width: 100%;left: 0;top: 0;transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
#header.sticky {padding: 10px 0 0px;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.6);}
.mobilemenu {display: none;}
.close {display: none;}
.logo{width: 122px; float: left;}
.menuBar{width: calc(85% - 122px); float: left;padding: 40px 0;text-align: right;}
#menu ul li{display: inline-block;padding: 10px 0 0 53px;}
#menu ul li a{text-decoration: none;color: #fff;font-weight: 600;font-size: 18px;}
#menu ul li a:hover{color:#CCCCCC; }
.header-contact {width: auto;float: right;text-align: right;padding: 50px 0;}
.header-contact a{text-decoration: none; background: #344578; color: #fff; padding: 5px 8px; font-weight: 400; font-size:18px;}
.header-bar{width: 100%; float: left;}
#header.sticky #menu ul li a  { color: #000; }

.logo img { transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s; }

#header.sticky .logo { max-width: 80px; }
#header.sticky .menuBar { padding: 14px 0; }
#header.sticky .header-contact { padding: 26px 0; }


/* content */
#content { overflow: hidden; width: 100%; }
.heading {width: 100%; float: left;padding: 0px 0 30px;}
.heading h2 {text-align: center; color: #000; font-size: 32px;}
.main-banner{min-height: 786px; width: 100%; float: left; position: relative;}
.banner-text {max-width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.banner-text h1{font-size: 40px; color: #fff;}
.banner-text a{ color: #fff; font-size: 18px; text-decoration: none;}
.banner-text a:hover{text-decoration: underline;}

/* cta */
.cta{width: 100%; float: left; padding: 37px 0 24px;background: #344578; text-align: center;}
.cta .left{width: 50%; float: left;text-align: right;}
.cta .right{width: 50%; float: right; text-align: center;}
.cta .left p{color:#fff; font-size: 22px;}
.cta .right a{background:#fff; text-decoration: none;color: #344578;padding: 5px 8px; font-weight: 400; font-size:15px;display: inline-block;}

/* welcome */
.welcome {width: 100%; float: left; padding: 85px 0 96px;text-align: center;}
.welcome a {text-decoration: none; color: #fff; background:#344578;padding: 6px 14px;display: inline-block;margin-top: 24px;font-size: 13px;}
.welcome h2 {text-align: center; color: #000; font-size: 32px; padding-bottom: 10px;}
.welcome p{font-size: 14px;padding: 0 90px;line-height: 24px;}

/* services */
.services{width: 100%; float: left; padding: 73px 0 88px; background: #b4d5fe;}
.services .heading h2{color: #fff; font-size: 30px;}
.services .card {width: 50%;float: left;text-align: center;padding: 8px 15px 0 15px;}
.services .card .card-inner{max-width: 350px; float: right;}
.services .card.odd .card-inner {float: left !important;}
.services .card img {display: block;margin: 0 auto; cursor: pointer; }
.services .card  a {display:block; background:#fff;padding: 19px 0;text-decoration: none;color: #000;font-size: 16px; }

/* about-us */
.about-us {width: 100%;float: left;padding: 47px 0 36px;}
.about-us .heading{padding: 30px 0 5px;}
.about-us .heading h2{text-align: left;font-family: 'PT Sans', sans-serif;}
.about-us .left{width: 55%; float: left;}
.about-us .left .text-box {padding-right: 55px;}
.about-us .left p{font-size: 14px;line-height: 24px;padding-bottom: 10px;}
.about-us .right{width: 45%; float: left;text-align: right;}

/* gallery */
.gallery{width: 100%; float: left;padding: 29px 0 56px; background: #344578;}
.gallery .heading{padding: 30px 0 12px;}
.gallery .gallery-area {padding: 0 44px;}
.gallery .heading h2{color: #fff;}
.gallery .gallery-img {width: auto;float: left;padding: 3px 5px;}


/* testimonials */
.testimonials{background: #b4d5fe; float: left;width: 100%; padding: 85px 0;}
.testimonials .heading {padding: 0 0 17px;}
.testimonials .heading h2{color: #fff; font-size: 30px;}
.testimonials .testimonial-slider {width: 100%;float: left;text-align: center;}
.testimonials .testimonial-slider p{color: #fff; font-size: 14px; line-height: 24px;padding: 0 180px;}
.testimonials .testimonial-slider h5 {color: #fff; font-size: 14px;margin-top: 5px;}
.testimonial-slider .owl-prev{background: url(images/preview.png); font-size: 0px;height: 12px;width: 11px;display: inline-block;position: absolute;left: 0;top: 25%;}
.testimonial-slider .owl-next{background: url(images/next.png); font-size: 0px;height: 12px;width: 11px;display: inline-block;position: absolute;right: 0;top: 25%;}

/* footer */
.footer-top{float: left;width: 100%;padding: 47px 0 56px;}
.footer-top .footer-details{float: left;width: 100%;}
/* .footer-top .footer-details .left{float: left;width: 33.33%;padding-right: 55px;} */
.footer-top .footer-details .contact{width: 25%; float: left;}
.footer-top .footer-details .location{width: 35%; float: left;}
.footer-top .footer-details .message{width: 30%; float: left;}
.footer-top .footer-details .contact p{font-size: 14px; line-height: 20px;padding-bottom: 2px;}
.footer-details h2{font-size: 30px;}
.footer-details .location iframe{width: 325px;max-height: 192px;}
.footer-details .message input{width: 100%;margin-bottom: 8px;padding: 4px;font-size: 14px;font-family: 'Open Sans', sans-serif; color: #000000;}  
.footer-details .message textarea{width: 100%;margin-bottom: 5px;padding:4px;font-size: 14px; height: 102px;font-family: 'Open Sans', sans-serif;color: #000000; border:1px solid #c8c3c3; resize: none; }  
.footer-details .message input.footer-btn{width: 100px;padding: 4px 0;background: #344578;color: #fff;border: 0px;margin-top: 4px;}
.footer-details div.wpcf7-response-output { margin: 0 !important; font-size: 12px; text-align: center; }

 /*footer-bottom   */
 .footer-bottom{float: left;width: 100%;background: #344578;}
 .footer-bottom .copyright {float: left;width: 100%;text-align: center;}
 .footer-bottom .copyright p { color: #fff;font-size: 12px; line-height: 27px;color: #fff; padding: 20px 0; }
 .footer-bottom .copyright p a { display: inline-block; width: 116px; height: 21px; background: url(images/footer-logo.png) right center no-repeat; position: relative; top: 7px; margin-left: 10px; }
 
 .fancybox-slide--html .fancybox-content {
    max-width: 800px;
}
 .fancybox-slide--html .fancybox-content p, .fancybox-slide--html .fancybox-content li {font-size: 14px;line-height: 24px; padding-bottom: 20px;}
 .fancybox-slide--html .fancybox-content li { padding-bottom: 3px; }
	  
/* Responsive Css Start */	
@media only screen and (max-width: 1124px) {
	.wrapper { max-width: 980px;}
	#menu ul li {padding: 10px 0 0 30px;}
	.main-banner {min-height: 520px;}
	.banner-text h1 {font-size: 28px;}
	.footer-top .footer-details .message {float: right;}
}

@media only screen and (max-width: 1023px) {
	.wrapper { max-width: 95%;}
	.menuBar { width: calc(81% - 122px);}
	#menu ul li {padding: 10px 0 0 12px;}
	#menu ul li a{font-size: 15px;}
	.main-banner {min-height: 396px;}
	.banner-text h1 {font-size: 21px;}
	.gallery .gallery-area {display: flex;justify-content: center;flex-wrap: wrap;}
	.welcome p {padding: 0;}
	.footer-details .location iframe {width: 250px;}
	.footer-top .footer-details .message {width: 36%;}
	
	
}
		
@media only screen and (max-width: 767px) {
	#menu {display: none;}
	.header-contact{display: none;}
	.mobilemenu {display: block; font-size: 0;}
	.menuBar {width: calc(100% - 70px);padding: 32px 0;}
	.logo {width: 70px;}
	.main-banner {min-height: 410px;}
	.cta .left {width: 100%;text-align: center;}
	.cta .right {width: 100%;text-align: center;margin-top: 10px;}

	.cta .left p {font-size: 20px;}
	.testimonials .testimonial-slider p {padding: 0 80px;}
	.footer-top .footer-details .contact {width: 50%;margin-bottom: 25px;}
	.footer-top .footer-details .location {width: 50%;margin-bottom: 25px;}
	.footer-details .location iframe {width: 100%;}
	.footer-top .footer-details .message {width: 100%;}
	.footer-details h2 {margin: 10px 0;}
	
	
		
}

@media only screen and (max-width: 600px) {
	.main-banner {min-height: 310px;}
	.banner-text h1 {font-size: 19px;}
	.services .card {width: 100%;}
	.services .card .card-inner {margin-right: 0; margin: 10px 0}
	.services .card.odd .card-inner {margin-left: 0;}
	.about-us .left {width: 100%;}
	.about-us .left .text-box {padding-right: 0;}
	.about-us .right {width: 100%;margin-top: 20px;}
	.gallery .gallery-area  { padding: 5px; }
	.gallery .gallery-img { width: 50%; padding: 5px; }
	.testimonials .testimonial-slider p {padding: 0 35px;}
	.footer-details h2 {font-size: 26px;}
	.footer-top .footer-details .contact {width: 100%;}
	.footer-top .footer-details .location {width: 100%;}
	.footer-bottom .copyright{padding: 20px 0;}
	.footer-bottom .copyright ul li {background: url(images/footer-logo.png) center 50px no-repeat;padding: 21px 0px 21px 0;}
	
}