/*
Theme Name: JCW - EWS
Theme URI: 
Description:  JCW theme
Author URI: 
Version: 4.0
*/


/**** Fonts **********/
/*
font-family:: "Open Sans", sans-serif;
font-family:: "Roboto", sans-serif
font-family:: "Forum", serif;
*/

:root {
	--font1: "Open Sans", sans-serif;
	--font2: "Roboto", sans-serif;
	--font3: "Forum", serif;
	--color1: #c0261b;
	
  
}


body{font-family:var(--font1);font-size:16px;color:#000;}
a{color:var(--color1)}
a:hover{}


.ctaPrimary{background:var(--color1);color:#fff;border-radius:4px;padding:7px 15px;font-size:20px;font-family:var(--font2);text-transform:uppercase;font-weight:600;display:inline-block;text-decoration:none}
.ctaPrimary:hover{color:#000}
.ctaPrimary i{margin-left:7px}
.cta2{background:var(--color1);color:#fff;border-radius:4px;padding:6px 12px 6px 14px;font-size:19px;font-family:var(--font2);text-transform:uppercase;font-weight:600;display:inline-block;text-decoration:none}
.cta2:hover{color:#222}
.cta2 i{margin:0 5px 0 0}
a.learn{color:var(--color1);text-transform:uppercase;font-family:var(--font2);font-size:20px;font-weight:700;text-decoration:none}
a.learn::after{display:inline;font-family:'Font Awesome 5 Free';font-weight:900;font-size:19px;content:'\f138';margin:0 0 0 6px;top:-1px;position:relative}


.header{transition:all .3s ease;position:fixed;width:100%;top:0;z-index:1600;border-bottom:solid 1px #aaa}
.header a{text-decoration:none}
.header .topHeader a{color:#fff}
.header .topHeader span{font-size:15px;margin:0 8px 0 0}
.header .topHeader i{font-size:20px;margin:0 5px 0 0}
.header .topHeader{padding:3px 0;background:#222;color:#fff;font-size:16px}
.header .mainHeader{background:#ffffff;padding-top:10px}
.header .mainHeader .mid{text-align:right;margin-top:10px}
.header .mainHeader .logo a{display:block;}
.header .mainHeader .logo img{width:330px;transition:all .3s ease;margin:0 0 5px}
.header .mainHeader .phone{display:inline-block;margin:0 50px 0 0}
.header .mainHeader .phone a{color:#222;font-size:28px;font-weight:700;top:4px;position:relative}
.header .mainHeader .phone a i{color:var(--color1);font-size:36px;position:relative;top:3px}
.header .mainHeader .cta2{margin:0 30px 0 0}

.navWrap{position:relative;width:100%;margin-top:15px}
.navWrap .navbar{padding:0;border-width:0;min-height:40px;margin:0;background-color:transparent;box-shadow:none;background-image:none}
.navWrap .navbar-nav{margin:0 0 0 auto}
.navWrap .navbar-nav li{text-align:center;width:auto;white-space:nowrap}
.navWrap .navbar-nav li:last-child a{padding-right:0}
.navWrap .navbar-nav li a{color:#202020;font-weight:600;font-size:19px;text-transform:uppercase;padding:5px 15px!important}
.navWrap .navbar-nav li:hover>a{color:var(--color1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navWrap .navbar-nav li.active a{color:var(--color1)}
.navWrap .navbar-nav .dropdown-menu{width:fit-content;display:none;position:absolute;border-radius:0;right:0;min-width:235px;background:#333}
.navWrap .navbar-nav .dropdown-menu li{text-align:left;white-space:break-spaces}
.navWrap .navbar-nav .dropdown-menu li a{color:#fff;font-weight:600;font-size:14px}
.navWrap .navbar-nav .dropdown-menu li:hover>a{color:var(--color1)}

.header.sticky{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header.sticky>.topHeader{height:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:0}
.header.sticky .mainHeader{height:90px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header.sticky .mainHeader .logo img{width:235px;margin:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header.sticky .navWrap{margin-top:0}
.header.sticky>.topHeader .top-1{display:none}
.header.sticky>.topHeader .top-2 a{display:none}
.header.sticky>.topHeader .top-2 a.phone{display:block;position:relative;top:15px;color:#000;right:460px}
.header.sticky>.mainHeader .mid{margin:0}
.header.sticky>.mainHeader .cta2,.header.sticky>.mainHeader .ctaPrimary{font-size:15px}
.header.sticky .navWrap .navbar-nav li a{font-size:16px}
.header.sticky>.mainHeader .phone a{font-size:20px}
.header.sticky>.mainHeader .phone a i{font-size:25px}

#mobile{position:fixed;left:-90%;top:0;overflow-x:auto;width:90%;height:100%;z-index:1800;max-width:400px;padding-top:0;-webkit-transition:left .1s linear 0s;-moz-transition:left .1s linear 0s;-ms-transition:left .1s linear 0s;-o-transition:left .1s linear 0s;transition:left .1s linear 0s;background:rgba(51, 51, 51, 0.94);color:#fff}
#mobile.fa{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;-transition:all .25s ease;float:right}
.rotate45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.mobilemenu .menubutton{display:none;border:solid 0 transparent;border-radius:4px;padding:5px 10px;position:absolute;top:5px;right:0;font-size:20px;line-height:20px;color:#fff;background-color:#333}
.mobilemenu .menubutton:active,.mobilemenu .filterbutton:hover{color:#fff}
.mobilemenu .mobile-header{background:#fff;margin:0;padding:10px;border:solid 2px #000;text-align:center}
.mobilemenu img.mobile-logo{width:75%;display:inline-block;max-width:210px}
.mobilemenu button.menuClose{position:absolute;top:0;right:0;color:#4e4e4e;background:transparent;font-size:30px;padding:5px 10px;border:0;line-height:30px}
.mobilemenu .menu-wrap{width:100%;margin-top:10px}
.mobilemenu .menu-wrap ul,.mobilemenu .menu-wrap ol{margin:0;padding:0}
.mobilemenu .menu-wrap li{list-style:none;padding:5px 15px;margin:0}
.mobilemenu .menu-wrap a{text-decoration:none;transition:all .25s ease;color:#fff;font-weight:600;font-size:18px}
.mobilemenu .menu-wrap ul li span.fa{color:#fff;position:absolute;right:15px;cursor:pointer;padding-top:3px;font-size:19px}
.mobilemenu .menu-wrap ul ul{display:none;padding-top:8px}
.mobilemenu .menu-wrap ul li ul li{padding:2px 15px}
.mobilemenu .menu-wrap ul li ul li a{text-transform:none;font-size:16px;padding:0}

.main-content{margin-top:144px}

/* Footer  */
.siteFooter{background:#111;color:#fff}
.siteFooter .footer{padding:40px 0}
.siteFooter a{text-decoration:none;color:#fff}
.siteFooter .logo img{width:165px;max-width:100%}
.siteFooter .menu-wrap{padding:0 0 0 25px}
.siteFooter .widgetTitle{text-transform:uppercase;font-weight:600;font-size:20px;padding:0 0 10px}
.siteFooter .widgetTitle::after{display:block;height:4px;width:50px;content:' ';background:var(--color1);margin:4px 0}
.siteFooter .menu-wrap ul.menu{margin:0;padding:0;list-style:none}
.siteFooter .menu-wrap ul.menu li{width:47%;float:left;line-height:1.2;margin:0 10px 6px 0}
.siteFooter .contact .comp{font-size:19px;font-weight:600;color:var(--color1);padding:0 0 4px;display:inline-block}
.siteFooter .contact i{width:23px;display:inline-block}
.siteFooter .contact .address{padding:0 0 5px}
.siteFooter .contact .phone{padding:0 0 30px}
.siteFooter .copyright{text-align:center;background:#333;font-size:13px;line-height:30px}
.siteFooter .copyright .widget-wrap{display:inline}


/* Home Page  */
.banner-section .banner-image{height:485px;background-position:center;background-size:cover}
.banner-section .banner-text{padding:20px 40px 75px;color:#fff;margin:75px 0 0 0;border-radius:5px}
.banner-section .banner-text .title{font-size:50px;font-weight:700;color:var(--color1);text-transform:uppercase;text-shadow:2px 2px 5px #000}
.banner-section .banner-text .text{font-size:34px;font-weight:400;text-shadow:2px 2px 5px #000;font-family:var(--font2)}
.banner-section .banner-text .cta{margin:20px 0 0;}
.banner-section .banner-text .cta i{margin:0 0 0 7px}
.banner-section .banner-text .cta2{padding:12px 18px 12px 20px;box-shadow:0 0 7px #222}

/*.advantage-section{background:#222;padding:35px 0}
.advantage-section .item{background:#fff;border-radius:5px;display:flex;padding:20px 15px}
.advantage-section .item .icon{display:flex;flex-direction:column}
.advantage-section .item .icon i{font-size:36px;color:#ffffff}
.advantage-section .item .icon2{background:var(--color1);border:solid 3px var(--color1);padding:6px;border-radius:50%;width:58px;height:58px;text-align:center}
.advantage-section .item .icon1{border-radius:50%;border:solid 3px #1f2218;padding:1px;background:#1f2218}
.advantage-section .item .text{display:flex;font-weight:600;flex-direction:column;justify-content:center;margin:0 0 0 10px;font-size:22px}*/
.advantage-section{padding:35px 0;background:#222;background:linear-gradient(0deg,#222 0,#262626 50%,#444 100%)}
.advantage-section .item{display:flex;padding:20px 15px}
.advantage-section .item .icon{display:flex;flex-direction:column;width:25%;text-align:right}
.advantage-section .item .icon i{font-size:36px;color:#ffffff}
.advantage-section .item .text{display:flex;font-weight:600;flex-direction:column;justify-content:center;margin:0 0 0 10px;font-size:22px;color:#ffffff}
.advantage-section .item .text a{color:#fff;text-decoration:none}

.service-section{padding:70px 0;background:#f4f4f4}
.service-section .hd{text-align:center;font-size:48px;font-family:var(--font2);text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:#000}
.service-section .hd::after{content:' ';display:block;background:var(--color1);width:150px;height:6px;margin:0 auto}
.service-section .content{text-align:center;padding-bottom:40px}
.service-section a{text-decoration:none;color:#000}
.service-section .service-item{background:#fff;margin-bottom:30px;border-radius:4px}
.service-section .service-item .bgimage{width:100%;height:200px;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:4px 4px 0 0}
.service-section .service-item .title{font-size:20px;font-weight:600;text-align:center;padding:20px 8px;line-height:1.3;text-transform:uppercase;display:flex;align-items:center;justify-content:center}

.about-section{padding:80px 0;background:#000;background:linear-gradient(160deg,#000 0,#262626 50%,#3d3d3d 100%)}
/*.about-section{padding:80px 0;background-image:url(images/asphalt.jpg);background-color:#111;background-size:cover;background-repeat:no-repeat}*/
.about-section .hd{font-size:32px;font-family:var(--font2);text-transform:uppercase;padding:0 0 15px 0}
.about-section .cont{color:#fff}
.about-section .bgcont{padding-right:50px}
.about-section .bgimage{background-size:contain;background-repeat:no-repeat;background-position:center left;height:100%;width:100%}
.about-section p{line-height:1.8;font-size:17px}
.about-section .content2{margin:75px 0 0}
.about-section .content2 p{margin:20px 0 0 90px;color:#fff;font-size:20px}
.about-section .content2 img{width:100%;border:solid 1px #333}
.about-section .content2 span{display:block;font-size:22px;font-weight:700}

.industry-section{padding:60px 0;background:#fff}
.industry-section .hd{text-align:center;font-size:48px;font-family:var(--font2);text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:var(--color1)}
.industry-section .hd::after{content:' ';display:block;background:#333;width:150px;height:6px;margin:0 auto 10px}
.industry-section .content{text-align:center;padding:30px 10%}
.industry-section a.learn{color:var(--color1)}
.industry-section .item{text-align:center}
.industry-section .item .icon{border-radius:50%;border:solid 4px #000;display:block;width:128px;height:128px;margin:14px auto;background:var(--color1)}
.industry-section .item .icon .icon1{border:solid 5px var(--color1);border-radius:50%;width:111px;height:111px;margin:5px 0 0 5px}
.industry-section .item .icon .icon2{border-radius:50%;background:var(--color1) url(images/grey50-50-bg.jpg) repeat-y center;height:101px;width:101px;margin:0}
.industry-section .item .icon .icon2 i{color:#fff;font-size:40px;line-height:100px}
.industry-section .item .text{font-size:22px;font-weight:600;padding:0 15px 25px;line-height:1.3}

.industry-section .ind-item{padding:0 5px}
.industry-section .ind-item .bgimage{width:100%;height:270px;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:4px 4px 0 0}
.industry-section .ind-item .title{background:var(--color1);color:#fff;padding:10px 0;text-align:center;font-size:20px;font-weight:700}
.industry-section a.ctaPrimary{text-decoration:none;background:#222;text-decoration:none}
.industry-section a.ctaPrimary:hover{color:var(--color1)}

.area-section{padding:60px 0;background-color:#f4f4f4;background-size:cover;background-position:center center;background-repeat:no-repeat}
.area-section .hd{text-align:center;font-size:44px;font-family:var(--font2);text-transform:uppercase;padding:0 0 50px 0;font-weight:600;color:#000}
.area-section .hd::after{content:' ';display:block;background:var(--color1);width:150px;height:6px;margin:0 auto}
.area-section .content{padding-bottom:25px}
.area-section a{text-decoration:none;color:#000}
.area-section .wrap{padding:0 50px;border-radius:10px;margin:0 auto}
.area-section .city{font-size:22px;margin:18px 0;font-weight:600}
.area-section .city::before{display:inline;color:var(--color1);font-family:'Font Awesome 5 Free';font-weight:900;font-size:27px;content:'\f3c5';margin:0 7px 0 0}
.area-section a.learn{color:var(--color1);margin:30px auto 0;display:inline-block;font-size:24px}
.area-section a.learn::after{font-size:22px}

.area-section .area-img{background:#f7f9f8;padding:20px;border-radius:12px;border:solid 3px #222}
.area-section .area-img img{width:100%}

.assoc-section{padding:60px 0;background:#fff}
.assoc-section .hd{text-align:center;font-size:40px;font-family:var(--font2);text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:var(--color1)}
.assoc-section .hd::after{content:' ';display:block;background:#333;width:150px;height:6px;margin:0 auto 10px}
.assoc-section .content{text-align:center;padding:0 10% 25px}
.assoc-section .item{text-align:center}
.assoc-section .item img{height:80px;max-width:100%}
.assoc-section .more{margin:45px 0 0;text-align:center}
.assoc-section .more a.learn{font-size:22px;text-decoration:none;color:#222}

/* Inner Pages  */
.inner-content{padding:40px 0}
h1.inner{font-family:var(--font2);font-size:34px;font-weight:900;text-transform:uppercase;color:#333;margin-bottom:30px}
.page-content .feat-img{margin-bottom:25px}
.page-content .feat-img img{width:100%;height:auto;padding:4px;border:1px solid #ccc}
.page-content h4{font-size:20px;font-weight:600}
.page-content a:hover{color:var(--color1)}

/* Sidebar  */
.sidebar-adv{margin:0 0 30px;padding:0 0 10px;border-bottom:solid 3px #000}
.sidebar-adv .hd{font-family:"Barlow Condensed";font-size:27px;text-transform:uppercase;background:#000000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px var(--color1);border-radius:4px 4px 0 0}
.sidebar{margin:71px 0 0}
.sidebar-adv .item{display:flex;margin:18px 0}
.sidebar-adv .item .icon{border:solid 2px #000;border-radius:50%;padding:2px;display:flex;flex-direction:column}
.sidebar-adv .item .icon .icon1{border:solid 2px E2AE1C;border-radius:50%}
.sidebar-adv .item .icon .icon2{padding-top:8px;width:35px;height:35px;text-align:center}
.sidebar-adv .item .icon i{font-size:20px}
.sidebar-adv .item .text{font-size:20px;padding:0 0 0 10px;display:flex;flex-direction:column;justify-content:center;line-height:1.1;font-weight:600}
.sidebar-adv a{color:#222;text-decoration:none}

.sidebar-industry{padding:10px 0 5px;border-bottom:solid 3px var(--color1);margin:0 0 30px}
.sidebar-industry .hd{font-family:"Barlow Condensed";font-size:27px;text-transform:uppercase;background:#000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px var(--color1);border-radius:4px 4px 0 0}
.sidebar-industry a{text-decoration:none; font-size:19px;font-weight:600}
.sidebar-industry .item{display:flex;margin:13px 0}
.sidebar-industry .item .icon{display:flex;flex-direction:column}
.sidebar-industry .item .icon i{color:#fff}
.sidebar-industry .item .icon .icon2{padding:2px;width:32px;text-align:center;border-radius:4px;border:solid 2px var(--color1);background:#333}
.sidebar-industry .item .text{display:flex;flex-direction:column;margin:0 0 0 7px;justify-content:center;font-size:19px;font-weight:600}

.sidebar-service{padding:10px 0 5px;border-bottom:solid 3px var(--color1);margin:0 0 30px}
.sidebar-service .hd{font-family:"Barlow Condensed";font-size:27px;text-transform:uppercase;background:#000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px var(--color1);border-radius:4px 4px 0 0}
.sidebar-service a{text-decoration:none;color:#333}
.sidebar-service .item{display:flex;margin:13px 0}
.sidebar-service .item .icon{display:flex;flex-direction:column;justify-content:center;margin-left:5px}
.sidebar-service .item .icon i{color:var(--color1)}
.sidebar-service .item .text{display:flex;flex-direction:column;margin:0 0 0 7px;justify-content:center;font-size:19px;font-weight:600}

.sidebar-testimonial{margin:0 0 30px}
.sidebar-testimonial .hd{font-size:25px;font-weight:700;text-transform:uppercase;text-align:center;margin:0 0 25px 0;padding:10px 0 0}
.sidebar-testimonial .hd::after{content:' ';display:block;background:var(--color1);width:150px;height:6px;margin:8px auto 0}
.sidebar-testimonial .item{background:#f6f6f6;border-radius:6px;border:solid 1px #ddd;padding:15px 20px;font-style:italic;font-size:14px;color:#333}
.sidebar-testimonial .item .name{font-style:normal;padding:5px 0 0;text-align:right;font-weight:600;color:#555}
.sidebar-testimonial .more{margin:20px auto 0;text-align:center}
.sidebar-testimonial .more .learn{text-decoration:none}
.sidebar-testimonial .carousel-indicators{position:relative;right:initial;bottom:initial;left:initial;margin-top:12px}
.sidebar-testimonial .carousel-indicators button{color:#222;background:#222;border-width:3px;width:20px}
.sidebar-testimonial .carousel-indicators button.active{border-color:var(--color1);background:var(--color1)}



/**** Sidebar / Related *********************************************************************************************/
.sb{padding-bottom:10px;border-bottom:solid 1px #6c757d;margin-bottom:15px}
.sb-head{color:var(--color1);font-family:"Barlow Condensed";font-weight:500;font-size:22px;text-transform:uppercase;line-height:1.2;padding:4px 0}
.sb .sec-line{text-align:left;line-height:7px;margin-bottom:10px;border-bottom:solid 1px #6c757d}
.sb ul.items{list-style:none;padding-left:1px;margin:0 0 8px}
.sb ul.items li{font-weight:400}
.sb ul.items li:before{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f0da';background:#6c757d;border-radius:4px;width:23px;height:23px;text-align:center;padding-top:2px;font-size:13px;color:white;margin:5px 5px 5px 0;display:inline-block}
.sb ul.items li a, .sb ul li a{text-decoration:none;color:var(--color1); font-weight:600;font-size:19px }
.sb .more{text-align:center;margin-bottom:10px}
.sb .more .more-button{font-size:12px;padding:7px 25px 3px}

.sb.sb-why ul.items li:before{content:'\f005'}
/* ????????????????? 
.sb.sb-why ul.items li::before{content:' ';background-image:url(images/icon-bullet.png);background-size:20px;background-color:var(--grey1);border-radius:2px;background-repeat:no-repeat;background-position:center center;position:relative;top:12px;height:25px;width:25px}*/

.sb.sb-equip ul.items li:before{content:'\f525';padding-top:4px;font-size:10px}
.sb.sb-industry ul.items li:before{content:'\f1ad'}
.sb.sb-areas ul.items li:before{content:'\f041';padding-top:4px;font-size:10px}
.sb.sb-services ul.items li::before{content:'\f105';padding-top:1px;font-size:14px;padding-left:2px}

.sb-review .review-item .rev  {margin:6px 0;background:#6c757d}
.sb-review .review-item .rev:before{content:'"';font-size:80px;height:25px;left:-10px}
.sb-review .carousel{padding-bottom:20px}
.sb-review .carousel .carousel-item{min-height:185px}
.sb-review .carousel .carousel-indicators{margin-bottom:0}
.sb-review .carousel .carousel-indicators [data-bs-target]{background-color:var(--color1);width:17px;height:5px;border-radius:0}

.sb.sb-manager .manager-icon{text-align:center}
.sb.sb-manager .manager-icon .fas{border:solid 2px #ccc;font-size:139px;color:#ccc;padding:3px;margin:10px 0 0}
.sb.sb-manager .manager-icon img{height:150px}
.sb.sb-manager .manager-name{text-align:center}
.sb.sb-manager .manager-name a{color:var(--color1);text-decoration:none;font-weight:500;font-family:"Barlow Condensed";font-size: 18px}


.sb-bt{padding-top:35px}
.sb-bt .sb{border:none}
.sb-bt .sb-head{text-align:center}
.sb-bt .sb .sec-line{text-align:center;border:none}

.sb.sb-recent ul{list-style:none;margin:0;padding:0}
.sb.sb-recent li{padding:10px 0 2px;line-height:1}
.sb.sb-recent li a{font-style:italic;color:#000;font-weight:400}

.sb.sb-trex ul{list-style:none;padding-left:1px;margin:0 0 8px}
.sb.sb-trex ul li{font-weight:400}
/*.sb.sb-trex li::before{background-size:20px;background-color:var(--grey1);border-radius:2px;background-repeat:no-repeat;background-position:center center;position:relative;top:-1px;height:25px;width:25px;padding-top:2px;content:'T';text-align:center;color:var(--primary1);font-family:var(--font1);font-weight:800;font-size:17px;line-height:1;margin:5px 5px 5px 0;display:inline-block}
.sb.sb-trex ul li a{text-decoration:none;color:var(--dark1)}*/
.sb.sb-trex ul li a{text-decoration:none;color:#000;display:inline-block;border:solid 2px var(--color1);width:60%;margin:5px 0;padding:3px 10px;font-weight:600;font-family:Poppins;text-align:center;background:#ccc}

/*.sb.sb-trex ul.sub-menu{margin:-5px 0 10px 30px}
.sb.sb-trex ul.sub-menu li:before{content:'-';background:0 0;font-size:30px;height:18px;width:auto;top:3px;color:var(--dark3);margin:-10px 5px 0 0}
.sb.sb-trex ul.sub-menu li{font-size:.9rem;line-height:1rem}*/



/********************************************************************************************************************/

/**** Project Page **************************************************************************************************/
.project-list .nav{margin:25px auto}
.project-list .nav .nav-link.active{color:#ffffff;background:var(--color1);border-bottom:4px solid var(--color1)}
.project-list .nav .nav-link{font-family:"Barlow Condensed";font-weight:600;color:#000000;;font-size:17px;background:#cccccc;);border-bottom:4px solid #cccccc;padding:10px 0 7px;text-decoration:none;text-transform:uppercase;border-radius:0}
.project-list .nav .nav-item{padding:0 10px 0 0}

.project-images{margin:15px auto 30px;border:solid 1px #cccccc;padding:20px 40px}
.project-images .selected-img{margin:0 10px 30px}
.project-images .selected-img img{max-width:100%;border:solid 2px #e9e9eb}
#thumbs-carousel .image.xprojimg{height:90px;width:100%;background-size:cover;background-position:center center;border:solid 1px #cccccc}
#thumbs-carousel .thumb{float:left;width:25%;padding:0 10px}
#thumbs-carousel .carousel-control-prev{width:30px;margin-left:-20px}
#thumbs-carousel .carousel-control-next{width:30px;margin-right:-20px}
#thumbs-carousel .fas{color:#000000;font-size:30px}

#project-modal{top:70px; z-index:1500}
#project-modal .modal-header{align-items:flex-end;justify-content:right;padding:7px 10px 0 0;border:none}
#project-modal .modal-header .close .fas{font-size:20px}
#project-modal .modal-body{padding:5px 1rem 1rem}
#project-modal #proj-modal-carousel{padding:0 15px}
#project-modal .thumb_img .gallery-slider-img{max-width:80%}
#project-modal #proj-modal-carousel .carousel-control-prev{width:20px;margin-left:-15px}
#project-modal #proj-modal-carousel .carousel-control-next{width:20px;margin-right:-15px}
#project-modal #proj-modal-carousel .fa{font-size:40px;color:#000}
.inner-content img.feat-only{margin-bottom:15px}

.project-section{padding:60px 0;background:#cccccc;}
.project-section .sec-hd{color:#000000}
.project-section .proj-item{height:320px;margin-bottom:30px;background-size:cover;background-position:center center;padding:230px 25px 25px}
.project-section a, .project-section .proj-link{text-decoration:none}
.project-section .proj-item .hd{font-family:"Barlow Condensed";color:#ffffff;font-size:26px;font-weight:600;text-shadow:3px 3px 4px #0000004d;line-height:1.1}

.related-projects{padding:10px 0 40px}
.related-projects .sec-head{color:var(--color1);font-family:var(--font2);text-transform:uppercase;font-weight:500;font-size:30px}
.related-projects .sec-line{text-align:left;margin-bottom:25px;line-height:15px}
.related-projects a{display:block;text-decoration:none}
.related-projects .proj-item{height:265px;background-size:cover;background-position:center center;padding:10px 10px;margin-bottom: 30px;background-size: cover;background-position: center center;padding:140px 25px 25px;}
.related-projects .proj-item .title{font-family: "Barlow Condensed";color: #ffffff;font-size: 24px;font-weight: 600;text-shadow: 3px 3px 4px #0000004d;line-height:1.2}
.related-projects{padding:10px 0 40px}




/********************************************************************************************************************/

.inner-content .request-service .form-heading{font-family:var(--font2);font-size:48px;color:var(--color1);font-weight:bold;text-transform:uppercase;margin:30px 0 10px;text-align:center;line-height:1}
.inner-content .request-service .form-heading span{color:var(--color1)}
.gform_wrapper{background:#fff;padding:25px;border-top:solid 3px var(--color1);box-shadow:0 5px 15px 5px #9999991a}
.gform_wrapper li,.gform_wrapper ul{list-style:none;padding:0;margin:0}
.gform_wrapper .form-title{font-weight:bold;font-size:30px;padding:0 0 12px}
.gform_wrapper .form-subhead{font-weight:bold;font-size:23px}
.gform_wrapper label{display:none}
.gform_wrapper input,.gform_wrapper textarea,.gform_wrapper select{width:100%;margin:0 0 10px;padding:3px 8px;background:#fff;border:solid 1px #ccc;font-size:16px;border-radius:3px}
.gform_wrapper textarea{height:100px}
.gform_wrapper select{color:#888;padding:8px 8px}
.gform_wrapper .wpcf7-captchac{float:right;border:solid 1px #dfdfdf;height:38px;width:85px}
.gform_wrapper .captcha-1 input{float:left;width:calc(100% - 90px)}
.gform_wrapper input[type="submit"]{margin:10px auto;background:var(--color1);padding:15px 20px;font-size:37px;color:#fff;border-radius:3px;text-decoration:none;line-height:1;max-width:400px;text-transform:uppercase;font-weight:600}
.gform_wrapper .captcha-1 span.wpcf7-not-valid-tip{float:left}
.gform_footer{text-align:center}
.gfield select,.gform_wrapper select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: none !important;background-color: #fff !important;}
/* Also remove any hover state weirdness */
.gfield select:hover,.gform_wrapper select:hover {background-image: none !important;background: #fff !important;}
.gfield select,.gform_wrapper select {height: auto !important; min-height: 45px !important; line-height: normal !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important;
}


.service-section.archive{background:0 0;padding:10px 0}
.service-section.archive .service-item{background:var(--color1);color:#fff;margin-bottom:50px}


.dump-list{padding:20px 0 0}
.dump-list .dump-item{margin-bottom:35px;border-radius:10px;border:solid 1px #aaa}
.dump-list .dump-item .link{display:block}
.dump-list .dump-item .bgimage{width:100%;height:275px;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:12px 12px 0 0}
.dump-list .dump-item .hd a{font-size:26px;line-height:1.1;color:#fff;text-decoration:none;font-weight:700}
.dump-list .dump-item .title-sec{background:var(--color1);color:#fff;padding:15px 30px;min-height:200px;border-radius:0 0 12px 12px}
.dump-list .dump-item .title-sec .hd{text-align:center;padding:0 0 10px}

.page-content .area-image{background:#f7f9f8;padding:20px;border-radius:12px;border:solid 3px #222}
.page-content .area-image img{width:100%}

/*==========  Hover for Menu  ==========*/
@media (min-width: 768px) {
    /*for hover on main menu*/
	.navWrap .navbar ul li.dropdown:hover > ul.dropdown-menu { display: block;}

	.navWrap .navbar .dropdown-submenu{position:relative}
	.navWrap .navbar .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0;display:none}
	.navWrap .navbar .dropdown-submenu:hover>.dropdown-menu{display:block}
	.navWrap .navbar .dropdown-submenu span.caret{-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}
}


/*--------------- RESPONSIVE START ----------------*/

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

	.related-projects .proj-item{height:230px}
	
	.industry-section .ind-item .bgimage{height:230px}
	
	.service-section .service-item .bgimage{height:170px}
	
	.service-section .service-item .title{font-size:18px}
}

/* medium devices - 992px to 1199px */
@media only screen and (max-width :1199px) {

	.navWrap .navbar-nav li a{font-size:17px;padding:5px 12px !important}

	.related-projects .proj-item{height:190px}
	
	.industry-section .hd{font-size:40px}
	.industry-section .ind-item .bgimage{height:190px}
	.service-section .hd{font-size:40px}
	.service-section .service-item .bgimage{height:140px}
	.area-section .hd{font-size:38px}
	.area-section .city{font-size:18px;margin:8px 0}
	
	.dump-list .dump-item .bgimage{height:220px}
	.dump-list .dump-item .hd a{font-size:23px}
	.dump-list .dump-item .title-sec{min-height:235px;padding:15px}
	
	.service-section .service-item .title{min-height:88px}
	
}
/* end medium devices */


/* small devices - 768px to 991px */
@media only screen and (max-width :991px) {
	
	.mobilemenu .menubutton{display:block;margin-right:10px;background:#222;color:#fff}

	.header .topHeader span{font-size:13px;margin:0 2px 0 0}
	.header .topHeader i{font-size:14px}
	.header .mainHeader .logo img{width:240px}
	.header .mainHeader .mid{margin-top:5px}
	.header.sticky .logo img{width:100px}
	.header.sticky>.topHeader .top-2 a.phone{right:355px}
	.cta2,.ctaPrimary{font-size:17px}
	.header .mainHeader .phone{margin:0 25px 0 0}
	.header .mainHeader .phone a{font-size:22px}
	.header .mainHeader .phone a i{font-size:30px}

	.navWrap{margin-top:15px}
	.navWrap .navbar{justify-content:right}
	.navWrap .navbar-nav li a{font-size:15px;padding:5px 6px!important}

	.siteFooter .menu-wrap ul.menu li a{font-size:15px}
	.siteFooter .menu-wrap ul.menu li{width:100%}
	.siteFooter .widgetTitle{font-size:18px}
	.siteFooter .contact .comp{font-size:16px;line-height:1.2}

	.main-content{margin-top:140px}

	.advantage-section{padding:20px 0}
	.advantage-section .item{padding:0}
	.advantage-section .item .icon{width:15%}
	.advantage-section .item .icon2{width:39px;height:39px;padding:4px}
	.advantage-section .item .icon i{font-size:24px}
	.advantage-section .item .text{font-size:16px;line-height:1.1}
	.banner-section .banner-image{height:345px}
	.banner-section .banner-text{margin:40px 0 0 0;padding:20px}
	.banner-section .banner-text .title{font-size:38px;margin-bottom:0}
	.banner-section .banner-text .text{font-size:30px}
	.service-section .hd{font-size:34px}
	.service-section .service-item .title{font-size:18px;padding:10px 5px;min-height:auto}
	.service-section .service-item .bgimage{height:225px}
	.about-section .content2 p{margin:0}
	.industry-section .hd{font-size:34px}
	.industry-section .item .text{font-size:16px}
	.area-section .hd{font-size:32px}
	
	.area-section .city{font-size:17px;margin:0 0 10px 0}
	.area-section .city::before{font-size:17px}
	.area-section a.learn{font-size:21px}
	.area-section a.learn::after{font-size:20px}
	.assoc-section .hd{font-size:34px}
	.assoc-section .more a.learn{font-size:21px}

	#thumbs-carousel .image.xprojimg{height:60px}
		
	.related-projects .proj-item{padding:90px 10px 25px;height:140px}
	.related-projects .proj-item .title{line-height:1.1}
	
	.industry-section .ind-item{padding:0}
	.industry-section .ind-item .bgimage{height:140px}
	
	.dump-list .dump-item .bgimage{height:240px}
	.single-service .dump-list .dump-item .title-sec{min-height:unset}
	
}
/* end small devices */


/* extra small devices - 480px to 767px */
@media only screen and (max-width :767px) {
	/*.mobilemenu .menubutton{display:block;margin-right:10px;background:var(--color1);color:#fff}*/


	.header{position:relative}	
	.main-content{margin-top:0}
	
	.header .topHeader span{font-size:12px}
	.header .mainHeader .mid{text-align:left;padding-left:50px;margin:0}
	.header .mainHeader .phone{margin:0 0 10px 0}
	.header .mainHeader .phone a{font-size:20px}
	.header .mainHeader .phone a i{font-size:26px}
	.header .mainHeader .mid .ctaPrimary{font-size:15px;padding:4px 10px}
	.navWrap{margin:0 0 -35px 0;position:relative;top:-35px}

	/*
	.header .mainHeader .phone{margin:0 25px 0 0}
	.header .mainHeader .phone a{font-size:22px}
	.header .mainHeader .phone a i{font-size:30px}
	.header .mainHeader .phone{display:block;margin:0 0 5px}
	.header .mainHeader .phone a{top:initial;font-size:20px}
	.header .mainHeader .phone a i{font-size:26px}
	.header .mainHeader .mid{margin:0 65px 0 0}
	.navWrap{margin:-35px 0 5px}
	*/
	.siteFooter .menu-wrap{padding:20px 0 0}
	.siteFooter .contact{padding-top:8px}
	.siteFooter .logo img{width:200px}
	
	.banner-section .banner-image{height:300px}
	.banner-section .banner-text{margin:20px 0 0 0}
	.banner-section .banner-text .title{font-size:32px}
	.banner-section .banner-text .text{font-size:24px}
	.banner-section .banner-text .cta2{font-size:16px;padding:10px 15px}
		
	.advantage-section .item .icon{width:22%}
	
	.industry-section .hd{font-size:30px}
	.industry-section .ind-item{width:360px;margin:0 auto 25px;max-width:100%}
	.industry-section .ind-item .bgimage{height:240px}
	
	.sidebar{width:360px;margin-left:auto;margin-right:auto;max-width:100%}
	
	.related-projects .sec-head{text-align:center}
	.related-projects .proj-item{height:220px;width:360px;max-width:100%;margin:10px auto}
	
	.service-section .hd{font-size:30px}
	.service-section .service-item{width:360px;max-width:100%;margin-left:auto;margin-right:auto}
	.service-section .service-item .bgimage{height:240px}
	
	.area-section .hd{font-size:30px}
	.area-section a.learn{margin:0 auto 15px;display:block;text-align:center}
	.area-section .area-img{width:360px;margin:0 auto;max-width:90%}

	.about-section .hd{font-size:26px}
	.about-section{padding:35px 0}
	
	.dump-list .dump-item{width:400px;max-width:100%;margin:0 auto 35px}
	.dump-list .dump-item .bgimage{height:300px}
	.dump-list .dump-item .title-sec{min-height:unset}
			
	
}
/* end extra small devices */

@media only screen and (max-width :575px) {
	
	.header .mainHeader .mid{padding:0;text-align:right}
	.header .mainHeader .mid .ctaPrimary{display:none}
	.header .mainHeader .phone{margin:0 0 10px -25px}
	.header .mainHeader .phone a{font-size:17px}
	.header .mainHeader .phone a i{font-size:22px;top:2px}	
	.navWrap{top:-8px;margin:0}
	.mobilemenu .menubutton{margin:0}

	.banner-section .banner-text{padding:5px;width:400px;margin:20px auto 0;max-width:100%}
	.advantage-section .item{width:220px;margin:auto;padding:5px 0}
	.advantage-section .item .icon{width:15%;text-align:center}

	.banner-section .banner-image{height:270px}
	.banner-section .banner-text{padding:5px}
	.banner-section .banner-text .title{font-size:27px;line-height:1.1}
	.banner-section .banner-text .text{font-size:18px;line-height:1;margin-top:10px}

	h1.inner{font-size:28px}
	.related-projects .sec-head{font-size:26px}
	
	.dump-list .dump-item .bgimage{height:265px}
	
}

/* extra-extra small devices - 0px to 479px */
@media only screen and (max-width :479px) {

	/*.header .logo-cont{width:100%}
	.header .logo img{width:100px;padding-bottom:10px}
	.header .contact-cont{width:100%}
	.header .main-contact .icon-circ i{display:none}
	.header .main-contact{margin:5px 0}

	.header .mainHeader .logo img{width:200px}
	.header .mainHeader .mid{display:none}
	.navWrap{margin:0}

	.navWrap .col-xs-9{width:100%}*/

	
	.heading{line-height:1.1}
	/*.heading::before{display:none}*/
	/*.why-section .heading::before{display:none}*/
	.why-section .content img{margin-right:10px}
	.why-section .content{padding:0;font-size:20px}
	.serve-section .area .list{padding:11px 5px}
	.serve-section .area .list .city{font-size:16px}
	.serve-section .area .list .city::before{display:none}
	.who-section .who-list .spec-col-5{width:100%}
	.who-section .who-list .item .icon{width:auto;height:auto;border:0;margin:0}
	.who-section .who-list .item .icon .icon1{width:auto;height:auto;border:0;margin:0}
	.project-images{padding:15px}
	#thumbs-carousel .image.xprojimg{height:45px}

}
/* end extra-extra small devices */

@media only screen and (max-width :399px) {
	.header .topHeader .widget-wrap.top-1{display:none}
	.header .mainHeader .col-4,.header .mainHeader .col-8{width:100%}
	.header .mainHeader .mid{padding:0;text-align:left}
	.header .mainHeader .mid .ctaPrimary{display:none}
	.header .mainHeader .phone{margin:0 0 10px 0}
	.navWrap{top:-45px;width:100px;margin:0 0 -45px auto}
	
	

}