/* Theme Name: JCW Theme URI: Description: JCW theme Author URI: Version: 5.1 */ /* font-family:'Oswald',sans-serif; font-family:'Poppins',sans-serif; */ body{font-family:'Poppins',sans-serif;font-size:16px;color:#000;} a{color:#E2AE1C} a:hover{} .ctaPrimary{background:#E2AE1C;color:#fff;border-radius:4px;padding:6px 12px 6px 14px;font-size:19px;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:600;display:inline-block;text-decoration:none} .ctaPrimary:hover{color:#000} .ctaPrimary i{margin-left:7px} .cta2{background:#00020a;color:#fff;border-radius:4px;padding:6px 12px 6px 14px;font-size:19px;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:600;display:inline-block;text-decoration:none} .cta2:hover{color:#E2AE1C} .cta2 i{margin:0 5px 0 0} a.learn{color:#E2AE1C;text-transform:uppercase;font-family:Oswald,sans-serif;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:16px;margin:0 5px 0 0} .header .topHeader .text-end i{margin:0 5px 0 20px} .header .topHeader{padding:3px 0;background:#333;color:#fff;font-size:16px} .header .mainHeader{background:#EDE8D2;padding-top:10px} .header .mainHeader .mid{text-align:right;margin-top:15px} .header .mainHeader .logo img{width:170px;transition:all .3s ease;margin:0 0 5px} .header .mainHeader .ctaPrimary{margin:10px 0} .header .mainHeader .cta2{margin:0 30px 0 0} .navWrap{position:relative;width:100%;margin-top:23px} .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:#CB9C19;-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:#CB9C19} .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:#E2AE1C} .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:95px;-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:96px;-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:-10px 0 0} .header.sticky>.mainHeader .cta2,.header.sticky>.mainHeader .ctaPrimary{font-size:15px} .header.sticky .navWrap .navbar-nav li a{font-size:16px} #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(0,0,0,0.8);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:90px} .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:185px} /* 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:#E2AE1C;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:#E2AE1C;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;background:url(images/black-bg.png);border-radius:5px} .banner-section .banner-text .title{font-size:50px;font-weight:700;color:#E2AE1C;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:Oswald,sans-serif} .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:#f4f4f4} .advantage-section .wrap{position:relative;top:-54px;margin-bottom:-54px} .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:#000} .advantage-section .item .icon2{background:#fff;border:solid 3px #E2AE1C;padding:6px;border-radius:50%;width:58px;height:58px;text-align:center} .advantage-section .item .icon1{border-radius:50%;border:solid 3px #000;padding:2px} .advantage-section .item .text{display:flex;font-weight:600;flex-direction:column;justify-content:center;margin:0 0 0 10px;font-size:22px} .service-section{padding:70px 0;background:#f4f4f4} .service-section .hd{text-align:center;font-size:48px;font-family:Oswald,sans-serif;text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:#000} .service-section .hd::after{content:' ';display:block;background:#E2AE1C;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:180px;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:15px 8px;line-height:1.3;text-transform:uppercase;display:flex;align-items:center;min-height:110px;justify-content:center} .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:Oswald,sans-serif;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 .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:Oswald,sans-serif;text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:#E2AE1C} .industry-section .hd::after{content:' ';display:block;background:#333;width:150px;height:6px;margin:0 auto 10px} .industry-section .content{text-align:center;padding:0 10% 25px} .industry-section a{text-decoration:none;color:#000} .industry-section a.learn{color:#E2AE1C} .industry-section .item{text-align:center} .industry-section .item .icon{border-radius:50%;border:solid 5px #000;display:block;width:128px;height:128px;margin:14px auto} .industry-section .item .icon .icon1{border:solid 5px #E2AE1C;border-radius:50%;width:111px;height:111px;margin:4px 0 0 4px} .industry-section .item .icon .icon2{border-radius:50%;background:#E2AE1C 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} .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:Oswald,sans-serif;text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:#000} .area-section .hd::after{content:' ';display:block;background:#E2AE1C;width:150px;height:6px;margin:0 auto} .area-section .content{text-align:center;padding-bottom:40px} .area-section a{text-decoration:none;color:#000} .area-section .wrap{background:#fff;padding:30px 70px;border-radius:10px;margin:0 auto;width:80%} .area-section .city{font-size:20px;margin:0 0 18px 0} .area-section .city::before{display:inline;color:#E2AE1C;font-family:'Font Awesome 5 Free';font-weight:900;font-size:20px;content:'\f3c5';margin:0 7px 0 0} .area-section a.learn{color:#E2AE1C;margin:30px auto 0;display:inline-block;font-size:24px} .area-section a.learn::after{font-size:22px} .assoc-section{padding:60px 0;background:#fff} .assoc-section .hd{text-align:center;font-size:40px;font-family:Oswald,sans-serif;text-transform:uppercase;padding:0 0 20px 0;font-weight:600;color:#E2AE1C} .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:'Oswald',sans-serif;font-size:34px;font-weight:900;text-transform:uppercase;color:#333;margin-bottom:30px; padding-top:30px;} .page-content .feat-img{margin-bottom:25px} .page-content .feat-img img{float:left; width:50%;height:auto;padding:4px;margin-right: 10px;border:1px solid #ccc} .page-content h4{font-size:20px;font-weight:600} .page-content a:hover{color:#E2AE1C} /* Sidebar */ .sidebar-adv{margin:0 0 30px;padding:0 0 10px;border-bottom:solid 3px #000} .sidebar-adv .hd{font-family:Oswald;font-size:27px;text-transform:uppercase;background:#000000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px #E2AE1C;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-industry{padding:10px 0 5px;border-bottom:solid 3px #E2AE1C;margin:0 0 30px} .sidebar-industry .hd{font-family:Oswald;font-size:27px;text-transform:uppercase;background:#000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px #E2AE1C;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 #E2AE1C;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 #E2AE1C;margin:0 0 30px} .sidebar-service .hd{font-family:Oswald;font-size:27px;text-transform:uppercase;background:#000;text-align:center;font-weight:600;color:#fff;padding:5px;border-bottom:solid 3px #E2AE1C;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:#E2AE1C} .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:#E2AE1C;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 / Related *********************************************************************************************/ .sb{padding-bottom:10px;border-bottom:solid 1px #6c757d;margin-bottom:15px} .sb-head{color:#E2AE1C;font-family:Oswald;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:#E2AE1C; 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:#E2AE1C;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:#E2AE1C;text-decoration:none;font-weight:500;font-family:Oswald;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 #E2AE1C;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}*/ .related-projects{padding:10px 0 40px} .related-projects .sec-head{color:#000000;font-family:Oswald;text-transform:uppercase;font-weight:500;font-size:32px} .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:230px;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: Oswald;color: #ffffff;font-size: 24px;font-weight: 600;text-shadow: 3px 3px 4px #0000004d;line-height:1.2} /*li.padded-list::marker{margin-left:30px!important;} /********************************************************************************************************************/ /**** Project Page **************************************************************************************************/ .project-list .nav{margin:25px auto} .project-list .nav .nav-link.active{color:#ffffff;background:#E2AE1C;border-bottom:4px solid #E2AE1C} .project-list .nav .nav-link{font-family:Oswald;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:Oswald;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:#000000;font-family:Poppins);text-transform:uppercase;font-weight:500;font-size:32px} .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:230px;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: Oswald;color: #ffffff;font-size: 24px;font-weight: 600;text-shadow: 3px 3px 4px #0000004d;line-height:1.2} .related-projects{padding:10px 0 40px} .related-projects .sec-head{color:#000;font-family:Oswald;text-transform:uppercase;font-weight:500;font-size:32px} .related-projects .sec-line{text-align:left;margin-bottom:25px;line-height:15px} .related-projects a{display:block;text-decoration:none} /********************************************************************************************************************/ .inner-content .request-service .form-heading{font-family:'Oswald',sans-serif;font-size:48px;color:#E2AE1C;font-weight:bold;text-transform:uppercase;margin:30px 0 10px;text-align:center;line-height:1} .inner-content .request-service .form-heading span{color:#E2AE1C} .gform_wrapper{background:#fff;padding:25px;border-top:solid 3px #E2AE1C;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:#E2AE1C;padding:15px 20px;font-size:19px;color:#fff;border-radius:3px;text-decoration:none;line-height:1;max-width:200px;text-transform:uppercase;font-weight:600} .gform_wrapper .captcha-1 span.wpcf7-not-valid-tip{float:left} .gform_footer{text-align:center} /*========== 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 ----------------*/ /* medium devices - 992px to 1199px */ @media only screen and (max-width :1199px) { } /* end medium devices */ /* small devices - 768px to 991px */ @media only screen and (max-width :991px) { .header .topHeader span{font-size:13px;margin:0 2px 0 0} .header .topHeader i{font-size:14px} .header .mainHeader .logo img{width:135px; height:auto;} .header .mainHeader .mid{margin-top:5px;} .header .mainHeader .cta2 { margin-right:0!important;} .header.sticky .logo img{width:100px} .header.sticky>.topHeader .top-2 a.phone{right:355px} .cta2,.ctaPrimary{font-size:17px} .navWrap{margin-top:15px} .navWrap .navbar{justify-content:right} .navWrap .navbar-nav li a{font-size:15px;padding:5px 6px!important} .topHeader .widget-wrap.top-2, .topHeader .widget-wrap.top-1{display:flex; justify-content: center; align-items: center; text-align:center;} .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:155px} .advantage-section .wrap{top:-40px;margin-bottom:-40px} .advantage-section .item{padding:15px 10px} .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} .banner-section .banner-image{height:345px} .banner-section .banner-text{margin:55px 0 0 0} .banner-section .banner-text .title{font-size:38px;margin-bottom:0} .banner-section .banner-text .text{font-size:30px} .service-section .hd{font-size:42px} .service-section .service-item .title{font-size:16px;padding:10px 5px;min-height:62px;letter-spacing:-1px} .service-section .service-item .bgimage{height:125px} .about-section .content2 p{margin:0} .industry-section .hd{font-size:40px} .industry-section .item .text{font-size:16px} .area-section .hd{font-size:38px} .area-section .wrap{width:85%;margin:0 30px} .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} .related-projects .proj-item .title{line-height:1.1} } /* end small devices */ /* extra small devices - 480px to 767px */ @media only screen and (max-width :767px) { .mobilemenu .menubutton{display:block;margin-right:10px;background:#E2AE1C;color:#fff} .header{position:relative} .header .topHeader a.career{display:none} .main-content{margin-top:0} .advantage-section .wrap{top:0;margin-bottom:0} } /* end extra small devices */ @media only screen and (max-width :599px) { } /* extra-extra small devices - 0px to 479px */ @media only screen and (max-width :479px) { .header .logo-cont{width:100%} .header .logo img{height:100px;padding-bottom:10px} .header .contact-cont{width:100%} .header .main-contact .icon-circ i{display:none} .header .main-contact{margin:5px 0} .navWrap .col-xs-9{width:100%} .banner-section .banner-text .title{font-size:24px;line-height:1.2} .banner-section .banner-text{background:0;padding:15px;text-shadow:2px 2px #444} .banner-section .banner-text .text{font-size:18px} .banner-section .call{position:relative} .banner-section .banner-text .text::after{width:39px;height:20px;display:inline-block;top:8px;margin-left:10px} .banner-section .banner-image{height:255px} .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 */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Slider - Show Large: 6, Medium: 4, Small: 3, X-Small: 2 */ /* full width */ .carousel-show-6432 .carousel-inner .cloneditem-1,.carousel-show-6432 .carousel-inner .cloneditem-2,.carousel-show-6432 .carousel-inner .cloneditem-3,.carousel-show-6432 .carousel-inner .cloneditem-4,.carousel-show-6432 .carousel-inner .cloneditem-5{display:block} .carousel-show-6432 .carousel-inner>.active.left,.carousel-show-6432 .carousel-inner>.prev{left:-16.666%} .carousel-show-6432 .carousel-inner>.active.right,.carousel-show-6432 .carousel-inner>.next{left:16.666%} .carousel-show-6432 .carousel-inner>.left,.carousel-show-6432 .carousel-inner>.prev.right,.carousel-show-6432 .carousel-inner>.active{left:0} .carousel-show-6432 .carousel-inner>.item.active.right,.carousel-show-6432 .carousel-inner>.item.next{-webkit-transform:translate3d(16.666%,0,0);-moz-transform:translate3d(16.666%,0,0);-ms-transform:translate3d(16.666%,0,0);-o-transform:translate3d(16.666%,0,0);transform:translate3d(16.666%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.active.left,.carousel-show-6432 .carousel-inner>.item.prev{-webkit-transform:translate3d(-16.666%,0,0);-moz-transform:translate3d(-16.666%,0,0);-ms-transform:translate3d(-16.666%,0,0);-o-transform:translate3d(-16.666%,0,0);transform:translate3d(-16.666%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.left,.carousel-show-6432 .carousel-inner>.item.prev.right,.carousel-show-6432 .carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0} /*end full width */ @media all and (max-width: 1199px) { .carousel-show-6432 .carousel-inner .cloneditem-4,.carousel-show-6432 .carousel-inner .cloneditem-5{display:none} .carousel-show-6432 .carousel-inner .cloneditem-1,.carousel-show-6432 .carousel-inner .cloneditem-2,.carousel-show-6432 .carousel-inner .cloneditem-3{display:block} .carousel-show-6432 .carousel-inner>.active.left,.carousel-show-6432 .carousel-inner>.prev{left:-25%} .carousel-show-6432 .carousel-inner>.active.right,.carousel-show-6432 .carousel-inner>.next{left:25%} .carousel-show-6432 .carousel-inner>.left,.carousel-show-6432 .carousel-inner>.prev.right,.carousel-show-6432 .carousel-inner>.active{left:0} .carousel-show-6432 .carousel-inner>.item.active.right,.carousel-show-6432 .carousel-inner>.item.next{-webkit-transform:translate3d(25%,0,0);-moz-transform:translate3d(25%,0,0);-ms-transform:translate3d(25%,0,0);-o-transform:translate3d(25%,0,0);transform:translate3d(25%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.active.left,.carousel-show-6432 .carousel-inner>.item.prev{-webkit-transform:translate3d(-25%,0,0);-moz-transform:translate3d(-25%,0,0);-ms-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.left,.carousel-show-6432 .carousel-inner>.item.prev.right,.carousel-show-6432 .carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0} } @media all and (max-width: 991px) { .carousel-show-6432 .carousel-inner .cloneditem-3,.carousel-show-6432 .carousel-inner .cloneditem-4,.carousel-show-6432 .carousel-inner .cloneditem-5{display:none} .carousel-show-6432 .carousel-inner .cloneditem-1,.carousel-show-6432 .carousel-inner .cloneditem-2{display:block} .carousel-show-6432 .carousel-inner>.active.left,.carousel-show-6432 .carousel-inner>.prev{left:-33.333%} .carousel-show-6432 .carousel-inner>.active.right,.carousel-show-6432 .carousel-inner>.next{left:33.333%} .carousel-show-6432 .carousel-inner>.left,.carousel-show-6432 .carousel-inner>.prev.right,.carousel-show-6432 .carousel-inner>.active{left:0} .carousel-show-6432 .carousel-inner>.item.active.right,.carousel-show-6432 .carousel-inner>.item.next{-webkit-transform:translate3d(33.333%,0,0);-moz-transform:translate3d(33.333%,0,0);-ms-transform:translate3d(33.333%,0,0);-o-transform:translate3d(33.333%,0,0);transform:translate3d(33.333%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.active.left,.carousel-show-6432 .carousel-inner>.item.prev{-webkit-transform:translate3d(-33.333%,0,0);-moz-transform:translate3d(-33.333%,0,0);-ms-transform:translate3d(-33.333%,0,0);-o-transform:translate3d(-33.333%,0,0);transform:translate3d(-33.333%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.left,.carousel-show-6432 .carousel-inner>.item.prev.right,.carousel-show-6432 .carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0} } @media all and (max-width: 767px) { .carousel-show-6432 .carousel-inner .cloneditem-2,.carousel-show-6432 .carousel-inner .cloneditem-3,.carousel-show-6432 .carousel-inner .cloneditem-4,.carousel-show-6432 .carousel-inner .cloneditem-5{display:none} .carousel-show-6432 .carousel-inner .cloneditem-1{display:block} .carousel-show-6432 .carousel-inner>.active.left,.carousel-show-6432 .carousel-inner>.prev{left:-50%} .carousel-show-6432 .carousel-inner>.active.right,.carousel-show-6432 .carousel-inner>.next{left:50%} .carousel-show-6432 .carousel-inner>.left,.carousel-show-6432 .carousel-inner>.prev.right,.carousel-show-6432 .carousel-inner>.active{left:0} .carousel-show-6432 .carousel-inner>.item.active.right,.carousel-show-6432 .carousel-inner>.item.next{-webkit-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);-o-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.active.left,.carousel-show-6432 .carousel-inner>.item.prev{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);left:0} .carousel-show-6432 .carousel-inner>.item.left,.carousel-show-6432 .carousel-inner>.item.prev.right,.carousel-show-6432 .carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0} }