@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*---header----*/
body { font-family: "Gotham" !important; }
h1 { display: none; }
.wrapper { width: 100% !important;margin: 0 !important; padding: 0 !important;max-width: 100% !important; }
.header { height: 134px; float: left; width: 100%; background: #fff; padding: 0 58px 0 43px; line-height: 134px; position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
.nav ul#menu-header-menu { text-align: center; width: 100%; max-width: 900px; margin: 0 auto !important; }
.nav ul#menu-header-menu li { font-size: 18px !important; font-family: arial !important; color: #636466 !important; text-transform: uppercase !important; display: inline-block; padding: 0 12px!important; font-weight: normal; }
.nav ul#menu-header-menu li a { color: #636466 !important; }
.header img{vertical-align: middle;}
.header .call-to-action-bttn { text-align: right; padding: 0; }
.col-md-2.col-xs-6.logo { padding: 0; }
.nav ul#menu-header-menu li a:hover{color: #148719 !important;text-decoration: none;}

/*----common-head-----*/
.main-head h3 { font-size: 36px; font-weight: bold; color: #636466; margin: 0 auto 50px; position: relative; }
.main-head h3::before { position: absolute; bottom: -20px; left: 0; content: ''; background-image: url(/wp-content/uploads/2020/10/green-dot.png); width: 45px; height: 6px; }


/*------our project-------*/
.our-project-img-sec { display: flex; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; }
.project-img { width: 100%; max-width: 300px; position: relative}
#pg-7-3 { background: #f3f3f3; padding: 80px 0 110px; text-align: center; }
.Our-project .main-head h3::before { left: -170px; right: 0; margin: 0 auto; }
.project-overlay {position: absolute;top: 0;content: '';left: 0;background: #148719d1;width: 100%;height: 100%;color: #fff;display: none}
.project-overlay-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.project-overlay-text h3 {font-size: 14px;font-weight: 500;text-transform: uppercase;margin: 0 auto 20px;position: relative;}
.project-overlay-text p {font-size: 14px;font-weight: 500;text-transform: uppercase;}
.project-overlay-text h3::before {position: absolute;bottom: -14px;left: 0;content: '';background-image: url(/wp-content/uploads/2020/10/small-dot.png);width: 100%;height: 2px;background-repeat: no-repeat;right: 0;margin: 0 auto;background-position: center;}
.project-img:hover .project-overlay {display: block;}

/*--------banner------*/
.banner-img { padding-top: 134px; }
.banner-img img { width: 100%; max-width: 100%; }


/*---halo-sec-----*/
.halo-product-sec { max-width: 1500px; margin: -140px auto 0; }
.x-glo-first-row { background: #636466; opacity: 0.9; }
.x-glo-first-row p { color: #fff; font-size: 40px; font-weight: bold; text-transform: uppercase;padding: 42px 127px;margin: 0; }
.x-glo-second-row p { margin: 0 !important; position: relative;font-family: arial;}
.x-glo-second-row { background: #148719; color: #fff; font-size: 20px; font-weight: normal;padding: 56px 185px}
.x-glo-second-row p a::before { position: absolute; top: -7px; left: -55px; background-image: url(/wp-content/uploads/2020/10/dots.png); width: 100%; height: 42px; content: ''; background-repeat: no-repeat; }

/*---Why x-Glo-----*/
div#pg-7-2 { max-width: 1095px; margin: 100px auto; }
.Why-x-Glo p { font-size: 18px; color: #636466; line-height: 26px; font-weight: normal; }
.Why-x-glo-content-sec p{padding-right: 10px;}
.contact-form h3 { font-size: 36px; color: #636466; font-weight: 300; margin: 0 auto 48px; }
.contact-form form.wpcf7-form { background: #f3f3f3; padding: 25px 25px 10px; border-radius: 5px; }
.contact-form input { border: none; height: 50px; width: 100%; margin: 7px auto 0; padding: 0 10px;}
.contact-form label { font-size: 16px; font-weight: normal !important; }
.contact-form textarea { overflow: auto; vertical-align: top; border: none; width: 100%; height: 66px; padding: 0 10px;}
.contact-form .wpcf7-submit { background: #148719; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: bold; height: 64px !important; }
.contact-form .wpcf7-submit:hover { background: #818285;}
.contact-form {padding-left: 24px;}

/*----Quality-sec---------*/
#pg-gb7-5f9a4c18c6c14-1 { background: #f3f3f3; margin: -170px auto 0; padding: 290px 0 0; }
.quality-sec { max-width: 1095px; margin: 0 auto; text-align: center; }
#pg-7-1 { background: #f3f3f3; padding:290px 0 150px; margin: -170px auto 0; }
.Quality-sec { background: none !important; text-align: center; max-width: 1095px; margin: 0 auto !important; }
.Quality-sec .sow-image-container img { margin: 0 auto; text-align: center}
.Quality-sec h3 { font-size: 22px; color: #148719; font-weight: normal; text-transform: uppercase; margin: 0 auto 20px;    height: 48px;}
.Quality-sec p {font-size: 16px;color: #636466;line-height: 20px;max-width: 215px;margin: 0 auto;}

/*-----contact-bottom-----*/
.Contact-bottom-sec { padding: 60px 0; max-width: 1095px; margin: 0 auto; }
.Contact-bottom-sec .main-head h3 { text-align: center; margin: 0 auto 30px; }
.Contact-bottom-sec p { text-align: center; font-size: 24px; color: #493f47; font-weight: 300; }
.Contact-bottom-sec p a { font-weight: bold; }
.Contact-bottom-sec .main-head h3::before{ left: -150px; right: 0; margin: 0 auto; }
.Contact-bottom-sec input { max-width: 338px; border-bottom: 1px solid #464646 !important; border: none; font-size: 18px; color: #493f47; padding: 0 0 18px;}
.Contact-bottom-sec textarea { overflow: hidden; vertical-align: top; max-width: 100%; border-bottom: 1px solid #464646 !important; border: none; font-size: 18px; color: #493f47; padding: 0 0 18px; width: 100%; height: 40px; }
.contact-bottom-first { display: flex; justify-content: space-between; }
.contact-bottom-second { margin: 66px auto 0; }
.Contact-bottom-sec .wpcf7-submit.SUBMIT { background: #148719; color: #fff; font-size: 20px; border: none !important; max-width: 300px; height: 76px; line-height: 76px; width: 100%; margin: 88px auto 0; display: block; }
.Contact-bottom-sec  form { margin: 80px auto 0; }
.Contact-bottom-sec .wpcf7-submit.SUBMIT:hover { background: #818285; }

/*-----footer------*/
.footer { width: 100%; background: #f5f5f5; padding: 86px 0; float: left;}
.footer-content { width: 100%; max-width: 910px; margin: 0 auto; }
.footer .footer-content .common-foot {width: 100%;max-width: 266px;padding-right: 20px;}
.footer .footer-content .footer-mid.common-foot {max-width: 334px;padding-right: 20px;}
.footer .footer-content .footer-right.common-foot {max-width: 290px;padding-right: 0;}
.footer .footer-content h2 { font-size: 20px; font-family: "Gotham"; color: rgb( 99, 99, 99 ); font-weight: bold; line-height: 1.95; text-align: left; margin: 0 0 38px; text-transform: uppercase; }
.footer .footer-content li {display: block;font-size: 14px;line-height: 39px;color: rgb( 99, 99, 99 );font-family: "Gotham";}
.footer-content ul { padding: 0; }
.copyright .copyright-left {float: left;width: 100%;max-width: 602px;}
.copyright {float: left;width: 100%;padding-top: 90px;}
.footer .footer-content .copyrighti-right ul li {display: inline-block;margin-right: 20px;}
.footer .footer-content li { display: block; font-size: 14px; line-height: 39px; font-weight: normal; color: rgb( 99, 99, 99 ); }
.footer .footer-content li a { color: #636363; }
.footer .footer-content li a:hover { color: #148719; text-decoration: none}
.copyright p {font-size: 16px;font-family: "Helvetica";color: rgb( 99, 100, 102 );line-height: 2.563;text-align: left;margin: 0;}
.footer .footer-content li.lindin-icon a {padding: 14px 16px;background: #ebebeb;font-size: 20px;}
.footer .footer-content .footer-right.common-foot ul li.phn-icon {background: url(../img/footer-phone-icon.png);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-repeat: no-repeat;background-position: 0 center;background-position: left 14px;margin: 0 0 34px;}
.footer .footer-content .footer-right.common-foot ul li {padding-left: 34px;}
.footer .footer-content li.lindin-icon a:hover {background: #148719;color: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;}
form.search { display: none; }

.wpcf7-response-output {
	text-align: center;
	font-size: 14px;
}


/*-----media Query----*/
@media (max-width:1199px){
    .nav ul#menu-header-menu li {font-size: 15px !important;}
    .x-glo-first-row p {font-size: 30px;}
    .Quality-sec{padding: 0 15px !important;}
    .Why-x-Glo {padding: 0 15px;}
    .our-project-img-sec{justify-content: center;padding: 0 15px;}
    .Contact-bottom-sec {padding: 40px 15px;}
    .Contact-bottom-sec input{width: 100% !important;}
    .halo-product-sec {margin: -126px auto 0;}
}

@media (max-width:991px){
    .contact-form {padding-left: 0;}
    #pg-7-1 {padding: 240px 0 110px;}
    .x-glo-first-row p {font-size: 24px;}
    .x-glo-second-row {padding: 36px 185px;}
    .Quality-sec h3 {font-size: 18px;margin: 0 auto 15px;height: auto;}
    .halo-product-sec {margin: -118px auto 0;}
    /*---header----*/
    .col-md-9.nav-section {display: none;}
    .header{top: 42px;line-height: 82px; height: 82px;position: unset;padding: 0 20px;}
    #wprmenu_bar .menu_title a {color: #fff;font-size: 18px;}
    #wprmenu_bar .menu_title{line-height: 23px !important;}
    .wpr_search.search_top {display: none;}
    #mg-wprm-wrap ul li {border-top: solid 1px rgba(255,255,255,0.05);border-bottom: solid 1px rgba(255,255,255,0.05);}
    .header .col-md-2.col-xs-6.logo img {max-width: 140px;}
    .header .call-to-action-bttn img {max-width: 30px;}
    .banner-img {padding-top: 82px;}
    .copyright .copyright-left, .copyrighti-right {max-width: 50%;width: 100%;float: left;}  
html body div#wprmenu_bar {position: fixed;}
}

@media (max-width:768px){
    .copyrighti-right li img {max-width: 30px;}
#pg-7-1 {padding: 230px 0 100px;}
#pg-7-2 .contact-form h3 {font-size: 26px;margin: 0 auto 10px;}
#pg-7-2 .contact-form form.wpcf7-form.init {max-width: 390px;}
.main-head h3{margin: 0 auto 20px !important;font-size: 28px !important}
.Why-x-Glo p {font-size: 16px;line-height: 24px;}
div#pg-7-2 {margin: 60px auto;}
.Our-project .main-head h3::before {left: -125px;}
#pg-7-3 {padding: 70px 0 90px;}
.footer .footer-content h2 {margin: 15px 0 10px!important;line-height: 20px;font-size: 18px;}
.footer .footer-content li {line-height: 25px;}
.footer {padding: 30px 15px;}
.x-glo-first-row p {padding: 30px 40px;}
.x-glo-second-row {padding: 30px 100px;}
.Contact-bottom-sec p{font-size: 18px;}
.Contact-bottom-sec .main-head h3::before {left: -104px;}
.contact-bottom-first{display: block}
.Contact-bottom-sec input {margin: 0 auto 20px;max-width: 100%;font-size: 16px;}
.Contact-bottom-sec form {margin: 30px auto 0;}
.Contact-bottom-sec textarea{font-size: 16px;}
.footer .footer-content li.lindin-icon a {padding: 10px 12px;font-size: 18px;}
.copyright {padding-top: 20px;}
.footer .footer-content .copyrighti-right ul li {margin-right: 16px;}
.halo-product-sec {margin: 0 auto;}
}

@media (max-width:575px){
    .copyright .copyright-left, .copyrighti-right {max-width: 100%;}
    #pg-7-1 {padding: 230px 0 80px;}
    .x-glo-first-row p {font-size: 16px;padding: 15px 25px !important;}
    .x-glo-second-row {padding: 20px 10px 20px 40px;font-size: 15px;}
    .x-glo-second-row p::before {top: -8px;left: -15px;}
    .Contact-bottom-sec .wpcf7-submit.SUBMIT{margin: 50px auto 0;}
    .contact-bottom-second {margin: 20px auto 0;}
}

#pgc-7-2-1 .wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 100%;
     }