/* 
Theme Name:		 Twenty Seventeen Child
Theme URI:		 http://www.websitebundles.com/
Description:	 Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
Author:			 WebsiteBundles
Author URI:		 http://childthemegenerator.com/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */
body{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#444444; line-height:1.5;}
{ font-family: 'Open Sans', sans-serif;}

a{ color:#444444; text-decoration:none; transition:0.5s;}
a:focus, a:hover{ color:#00bce5; text-decoration:none;}

ul{ list-style:none;}
.wrap{ padding:0 15px; max-width:1170px;}

.row{ margin-left:-15px; margin-right:-15px;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */

img{ max-width:100%;}

/******************* header **********************/
#header{ position:relative; z-index:5; float:left; width:100%; transition:0.5s; background:#003366;}



/******************* menu-sec **********************/
.menu-sec.fixme{ position:fixed; top:0; background:#003366;}
.menu-sec{ margin:0px; padding:0px; width:100%; position:relative; text-align:center;}
.menu-sec ul{ margin:0px; padding:0px; text-align:center;}
.menu-sec ul li{ margin:0px; padding:0px 0px; display:inline-block; line-height:127px; position:relative; text-transform:uppercase;}
.menu-sec ul li a{ color:#fff;}
.menu-sec ul li a:hover,
.menu-sec ul li.current-menu-item a{ color:#ebcb7e;}

.menu-sec.fixme ul li{ line-height:60px;}

.menu-sec .menu-top-menu-left-container{ float:left;}
.menu-sec .menu-top-menu-left-container ul li{ padding-right:30px;}
.menu-sec .menu-top-menu-right-container{ float:right;}
.menu-sec .menu-top-menu-right-container ul li{ padding-left:30px;}

.logo{ margin:0; width:260px; position:absolute; left:50%; top:0; transform:translateX(-50%); transition:0.5s;}
.logo a{ display:block;}
.logo a img{ display:block; transition:0.5s; height:127px;}
.menu-sec.fixme .logo{ width:auto; transition:0.5s;}
.menu-sec.fixme .logo img{ width:auto; height:60px; transition:0.5s;}

.mobile-menu{ display:none;}



/******************* elementor-sec **********************/
.elementor-sec{ margin:0; padding:0px 0; float:left; width:100%;}
.elementor-sec h2{ margin:0 0 20px !important; padding:0 0px; font-size:36px; color:#444444; font-weight:700; }
.elementor-sec h4{ margin:0 0 10px !important; padding:0 0px; font-size:18px; font-weight:500; }

.elementor-sec ul{ margin:0; padding:0px 0; list-style:none;}
.elementor-sec ul li{ margin:5px 0; padding:0px 0 0 15px; position:relative;}
.elementor-sec ul li:before{ position:absolute; left:0; top:0; content:"\f105"; font-family: 'FontAwesome';}


.item-box{ padding:30px 15px; color:#fff;}
.item-box a{color:#fff;}
.item-box h4{ color:#fff;}
.item-box p{ margin:0; font-size:14px; color:#fff;}
.item-green{ background:#05803c;}
.item-blue{ background:#003366;}


.pillars-heading{ display:inline-block;}
.pillar-btn a{ display:block;}



/******************* footer **********************/
footer.footer{ margin:0; padding:0; float:left; width:100%; color:#fff;}
footer.footer a{ color:#fff;}
footer.footer a:hover{ color:#00bce5;}
footer.footer .footer-top{ margin:0; padding:30px 0; float:left; width:100%; background:#0e0e0e;}
footer.footer .footer-top .info-box{ margin:15px 0; text-align:center;}
footer.footer .footer-top .info-box h2{ margin:0 0 15px 0; padding:0; color:#fff; font-size:30px; font-weight:700; line-height:normal;}
footer.footer .footer-top .info-box p{ color:#939292;}

.footer-icon{ margin:30px 0; text-align:center; position:relative; z-index:2;}
.footer-icon:before{ position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; background:#212121; height:2px; width:100%; z-index:-1;}
.footer-icon img{ margin-left:-3px; padding:0 10px; background:#0e0e0e; max-height:100px;}

.footer-logo{ margin:0 auto; width:auto; text-align:center;}


footer.footer .footer-bottom{ margin:0; padding:0; float:left; width:100%; background:#003366;}
.footer-menu-sec{ margin:0; padding:20px 0; float:left; width:100%; border-bottom:2px solid #323232;}
.footer-menu-sec ul{ margin:0; padding:0; text-align:center; }
.footer-menu-sec ul li{ margin:0 20px; padding:0; display:inline-block;}
.footer-menu-sec ul li a:hover{ color:#00bce5;}


.copyright-sec{ margin:0; padding:30px 0; float:left; width:100%;}
.copyright-text{ margin:0; padding:0; text-align:center;}
.copyright-text p{ margin:0; line-height:40px;}

.copyright-sec .social-sec{ margin:0; padding:0; text-align:center;}
.copyright-sec .social-sec ul{ margin:0; padding:0;}
.copyright-sec .social-sec ul li{ margin:0 0px 10px -3px; padding:0 10px 0 10px; display:inline-block; font-size:30px;}
.copyright-sec .social-sec ul li a{ display:block; line-height:40px; text-align:center; color:#fff;}
.copyright-sec .social-sec ul li a:hover{ color:#fff;}


.contact-form{ margin:0; padding:0; float:left; width:100%;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="phone"],
.contact-form input[type="date"]
{ border-radius:0;}

.contact-form textarea{ border-radius:0; height:112px; resize:none;}
.contact-form input[type="submit"]{ border-radius:0; background:#00bce5;}

div.wpcf7-response-output{ margin:10px 0; float:left; width:100%;}


.col-half{ margin:0; padding:0 15px; width:50%; float:left; box-sizing:border-box;}

ul li{ margin:0 0 0 15px; padding:5px 0; line-height:20px; list-style-position:outside;}

/*****************************************
			Responsive CSS
*****************************************/


@media only screen and (max-width: 1024px) {

.menu-sec ul li{ padding:0 10px;}
.menu-sec ul li.logo img{ width:170px;}

.banner .elementor-image-carousel-caption h2{ margin-bottom:30px; font-size:36px;}
.banner .elementor-image-carousel-caption h3{ font-size:60px;}
.elementor-sec h2{ margin-bottom:30px !important; font-size:30px !important;}


.footer-menu-sec ul li{ margin:0 10px;}

}

@media only screen and (max-width: 980px) {


.logo{ position:static; transform:translate(0,0); float:left;}
.logo a img{ height:100px;}
.menu-sec .menu-top-menu-left-container,
.menu-sec .menu-top-menu-right-container{ display:none;}
.mobile-menu{ display:block; color:#fff; float:right; font-size:24px; line-height:100px;}
.menu-sec.fixme .mobile-menu{ line-height:60px;}

footer.footer .footer-top .info-box h2{ font-size:24px;}


}

@media only screen and (max-width: 800px) {


}

@media only screen and (max-width: 767px) {

button#responsive-menu-button{ display:none !important;}

.elementor-sec h2:before,
.elementor-sec h2:after{ display:none;}
.elementor-sec h2{ margin-bottom:20px !important; font-size:24px !important; line-height:1.2 !important;}

.elementor-slick-slider .slick-prev{ left:0 !important;}
.elementor-slick-slider .slick-next{ right:0 !important;}

.footer-icon img{ padding:0 5px;}

}

@media only screen and (max-width: 600px) {


}

@media only screen and (max-width: 550px) {


.copyright-text{ width:100%; text-align:center;}
.copyright-sec .social-sec{ width:100%; text-align:center;}

.copyright-sec .social-sec ul li{ float:none; display:inline-block;}

}
@media only screen and (max-width: 480px) {


}