@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*===== Pre CSS =====*/
body {margin: 0;padding: 0;font-size: 14px;font-weight: normal;color: #333;font-family: "BenchNine", sans-serif;background: #FFFFED;}
.xoo-wsc-basket{bottom: 55px;}

p,
a,
span,
table,
th,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ul,
ol,
li {margin: 0;padding: 0;font-family: "BenchNine", sans-serif;letter-spacing: 0.04em;}
img{width: 100%;height: auto;}

/*===== Go To Top Section =====*/
#back-top {display: block;position: fixed;bottom: 15px;right: 14px;text-align: center;z-index: 99999; transition: opacity 0.4s ease, transform 0.4s ease; }
#back-top a {display: block;text-decoration: none;}
#back-top a .fa {width: 40px;height: 40px;padding-top: 10px;font-size: 18px;border-radius: 5px;opacity: 1;color: #fff;background: #00A530;border: #fff solid 1px;transition: all linear 0.3s;}
#back-top a .fa:hover {background: #fff;color: #000;border-color: #000;transform: scale(1.05, 1.05);}

/*===== Mobile Menu =====*/
.mobile_menu {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 9;}
.menu_icon_box {position: fixed;top: 0;left: 0;z-index: 9999999999;display: block;width: 100%;background: #FFAA00;height: 57px;border-bottom: #fff solid 1px;}
.tab_button {float: left;}
.fcpfw_cart_basket {right: 5px !important;bottom: 70px !important;}

.tab_button a {display: inline-block;padding: 7px 10px;margin-top: 14px;font-size: 10px;text-align: center;text-transform: uppercase;color: #fff;background: #BD0622;border: #fff solid 1px;border-radius: 5px;box-sizing: border-box;text-decoration: none;}
.tab_button a:hover {background: #747474;border: #747474 solid 1px;}
.tab_button1 {margin-left: 15px;margin-right: 5px;}
.menu_icon {position: fixed;top: 15px;right: 15px;width: 30px;height: 30px;padding: 1px 5px;background: transparent;box-sizing: border-box;cursor: pointer;z-index: 999;}
.menu_icon span {width: 100%;height: 2px;display: block;background: #fff;margin: 5px 0;border-radius: 5px;transition: all linear 0.3s;}
.menu_icon.active {color: #fff;padding: 8px 3px 0;}
.menu_icon.active span {position: absolute;width: 85%;}
.menu_icon.active span:nth-child(1) {transform: rotate(45deg);}
.menu_icon.active span:nth-child(3) {transform: rotate(-45deg);}
.menu_icon.active span:nth-child(2) {display: none;}

.mobile_slideLogo {display: block;text-align: center;}
.mobile_slideLogo img {display: inline-block;float: none;background: transparent;padding: 5px;margin-bottom: 15px;border-radius: 5px;width: inherit;height: auto;}
.sidebar {padding: 65px 0px;position: fixed;top: 0;left: -100%;z-index: 99999;overflow-y: scroll;width: 100%;height: 100%;background: #00A530;text-align: center;box-sizing: border-box;z-index: 999999;transition: all linear 0.3s;}
.sidebar.active {left: 0;}
.header .sidebar ul li {list-style: none;display:block;}
.sidebar ul li a {position: relative;display: block;padding: 10px 15px;border: #fff solid 1px;text-align: left;color: #fff;margin-bottom: 1px;text-transform: uppercase;text-decoration: none;font-size: 12px;font-weight: 400;border-radius: 5px;}
.sidebar ul li a::before {content: "";position: absolute;top: 0;left: 0;z-index: -1;padding: 12px 0;height: 100%;width: 0%;background: #747474;transition: all linear 0.3s;}
.sidebar ul li a:hover::before {width: 100%;}
.sidebar ul li.active {background: #747474;border-radius: 5px;}

/*-- Modern Social Media Icon Display --*/
.social_media_block {display: block;position: fixed;bottom: 15px;left: 15px;z-index: 999;}
.share_icon .fa-solid {position: absolute;left: 0;bottom: 0;z-index: 2;cursor: pointer;width: 52px;height: 52px;border-radius: 50%;background: #00A530;color: #fff;font-size: 24px;text-align: center;padding: 14px 0 0 0;transition: all linear 0.3s;}
.share_icon .fa-solid:hover {transform: rotate(360deg);color: #fff;background: #006EC7;}
.social_icon {position: relative;overflow-y: hidden;border-bottom-left-radius: 52px;border-bottom-right-radius: 52px;transition: all linear 0.3s;}
.social_icon.active {padding-top: 52px;}
.social_icon ul {position: relative;display: block;text-align: center;transform: translateY(100%);transition: all linear 0.3s;}
.social_icon.active ul {transform: translateY(-52px);}
.social_icon ul li {list-style: none;}
.social_icon ul li .fa-brands {width: 50px;height: 50px;border-radius: 50%;border: none;background: #0e59a9;color: #fff;font-size: 24px;text-align: center;padding: 13px 0px 0 0;transition: all linear 0.3s;}
.social_icon ul li .fa-brands:hover {transform: rotate(360deg);}
.social_icon ul li:nth-child(1) .fa-brands {background: #3d5a96;color: #fff;}
.social_icon ul li:nth-child(2) .fa-brands {background: #2aa3ef;color: #fff;}
.social_icon ul li:nth-child(3) .fa-brands {background-image: linear-gradient(#8221b3, #c22268, #db8a40);color: #fff;}

/* Wrapper */
.wrapper {margin: 0;padding: 0;overflow: hidden;}
.transition {transition: all linear 0.3s;}

.section-title{text-align: left;margin-bottom: 55px;}
.section-title h2{font-family: "Roboto Condensed", sans-serif;text-transform:uppercase; font-weight: 700;font-size: 42px;line-height: 52px;color: #000; margin: 10px 0 20px;}
.section-title h2 span{color: #FFAA00; font-family: "Roboto Condensed", sans-serif;text-transform:uppercase;}
.section-title h4{ font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-size: 18px;line-height: 28px;color: #00A530;}
.section-title p{font-family: BenchNine; font-weight: 400;font-size: 18px;line-height: 28px;color: #4F4F4F;}
.section-title p.last-para{font-weight: 700;font-size: 20px;line-height: 30px;margin-top: 20px;}

.section-link{margin-top: 40px;}
.section-link a{padding:15px 53px;font-family: "BenchNine", sans-serif;color: #fff; font-weight: 500;font-size: 20px;line-height: 30px; background: linear-gradient(92.13deg, #BD0622 1.79%, #FF0027 100%);border-radius: 4px; text-decoration: none;transition: all linear 0.3s;}
.section-link a:hover{background: #00A530;}

article	{font-family: BenchNine;color: #fff; font-weight: 700;font-size: 20px;line-height: 30px;text-align: center;}


/*===== Header Section =====*/
.header{position: absolute;width: 100%;z-index: 4;padding: 10px 0;}
.header-page{position: relative;background: url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/coatesroofing/home/banner1.webp')no-repeat top;background-size: cover;}
.header-logo{text-align: center;}
.header-logo img{width: 100%;height: auto;border-radius: 10px;}

.header-top ul li{text-align: right;list-style: none;margin-bottom: 15px;}
.header-top ul li a{color: #fff;text-decoration: none; font-family: BenchNine;font-weight: 700;font-size: 18px;line-height: 28px;}
.header-top ul li a img{width: 26px;}

.header-bottom{padding:0;padding-bottom: 15px;border-bottom: 1px solid #fff;}
.header .col-md-10,.header .col-md-2{padding: 0;}

#mega-menu-wrap-header-menu{ margin-top: 0px; background: transparent; }
#mega-menu-wrap-header-menu #mega-menu-header-menu{ text-align: right; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{ padding: 0; line-height: inherit;list-style: disc; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{font-family: "BenchNine", sans-serif;font-size: 16px;font-weight: 500;line-height: 28px;color: #fff;text-transform: uppercase; position: relative; z-index: 1; padding: 0 12px;  height: auto;background: transparent; border-radius: 0;-webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ background: transparent; font-size: 16px;line-height: 28px; color: #fff; font-weight: 500;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link{background: linear-gradient(94.41deg, #BD0622 0%, #FF0027 100%);padding: 11px 47px;border-radius: 4px;margin-left: 15px; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link:hover{background: #fff;color: #00A530;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child{margin-right: 0;}
.header .container-xxl .row{align-items: center;}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:first-child > a.mega-menu-link{padding-left: 0}

/*===== Banners Section =====*/
.banner{position: relative;}
.banner::before{position:absolute;content:'';background:rgba(0,0,0,0.4);height:100%;width:100%;left:0;top:0;z-index:2;}
.banner img{ width: 100%;height: auto;max-height: 950px; }
.banner-content{ position: absolute; top: 70%; left: 0; width: 100%; transform: translateY(-50%);z-index: 3; text-align: left;z-index: 3;}
.banner-content-box h1 {color: #FFF; font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: Bold;font-size: 60px;text-transform:uppercase; line-height: 68px;letter-spacing: 2%;}
.banner-content-box h1 span{font-family: Kanit;color: #00A530;}
.banner-content-box p{font-family: "BenchNine", sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;color: #fff;margin: 25px 0 56px;}
.banner .section-link{text-align: left;}


/* === Welcome === */
.welcome{padding: 80px 0;}
.welcome .section-title{margin-bottom: 20px;}
.welcome .section-title h2{font-size: 50px;line-height: 60px;}
.welcome-link img{max-width: 150px;}
.welcome-link{display: flex;justify-content: space-between;align-items: center;}
.welcome .section-link{margin-top: 0;}
.welcome .section-link a{background: #FFAA00;}
.welcome-thumbnail{margin-top: 50px;}


/* === industries === */
.industries{padding: 90px 0;}
.industries .section-title,.industries .section-link{margin: 0;}
.industries .section-content{margin-top: 60px;}
.industries-card{max-width: 370px;text-align: center;margin-bottom: 30px;}
.industries-card img{max-width: 370px;height: 400px;object-fit: cover;margin-bottom: 30px;}
.industries-card h4{font-size: 24px;line-height: 34px;font-family: "Kanit", sans-serif;font-weight: 700;}



/* === Services === */
.services{padding: 90px 0;background: #008527;} 
.services .section-title{margin-bottom: 0;padding-right: 50px;}
.services .section-title h2,.services .section-title p,.services .section-title h4{ color:#fff; }
.services-card{padding: 20px;border-radius:10px;background:#fff;margin-bottom:20px;min-height:500px; }
.col-md-12 .services-card{display: flex;gap: 60px;}
.services-card img{height: 200px;object-fit:cover;}
.col-md-12 .services-card img{width: 610px;height: 618px;}
.services-card-content{min-height: 200px;}
.services-card-content h4{margin: 20px 0 10px;font-size: 24px;line-height: 34px;font-weight: 700;}
.services-card-content p{font-size: 16px;line-height: 26px;color: #000;font-weight: 700;}
.services-card-link a,.services-card-content a{padding: 11px 53px;background: #FFAA00;border-radius: 25px;text-decoration: none;color: #fff;font-size: 18px;line-height: 28px;font-weight: 700;}
.services-card-content ul{margin: 15px 0;padding-left: 25px;}
.services-card-content ul li{color: #000;font-weight: 700;}
.services-card-content a{margin-top: 50px;}


/* === Authorized Applicators === */
.authorized-applicator{padding: 60px 0;background: #FFFDD0;}
.authorized-applicator .item{padding: 0 10px;}
.authorized-applicator img{max-width: 150px;}
.section-bottom p{font-size: 18px;line-height: 28px;font-weight: 700;color: #000;}

/* === Authorized / licensed states === */
.registered-states{padding: 60px 0;background: #fff;}
.registered-states .section-content img{max-width: 768px;}
.registered-states .section-content p{font-size: 18px;line-height: 28px;font-weight: 700;}


/* === Why Choose Us === */
.why-choose-us{padding: 90px 0;}
.why-choose-us .section-title p{color: #000;}
.why-choose-us-card{background: #0085271A;padding: 30px;margin-bottom: 20px;border-radius: 10px;min-height: 350px;transition: all linear 0.3s;}
.why-choose-us-card span{display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #00A530;height: 70px;width: 70px;}
.why-choose-us-card span img{width: initial;}
.why-choose-us-card h4{font-family: BenchNine;font-weight: 700;font-size: 24px;line-height: 34px;margin-bottom: 20px; display: flex;align-items: center;gap: 20px;flex-wrap:wrap;}
.why-choose-us-card p{font-family: BenchNine;font-weight: 400;font-size: 16px;line-height: 26px;}
.why-choose-us-card ul {margin: 8px 0;padding-left: 25px;}
.why-choose-us-card ul li{font-family: BenchNine;font-weight: 400;font-size: 16px;line-height: 26px;}
.why-choose-us-card:hover{background:#BD0622;color: #fff;}

article{font-size: 24px;line-height: 34px;color: #008527;text-align: center;margin-top: 40px;}

/* === Tesimonials  === */
.testimonials{padding: 90px 0 90px;background: url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/coatesroofing/new/coates%20testi.webp')  no-repeat top;background-size: cover; position: relative;z-index: 1;}
.testimonials::before{position: absolute;height: 100%;width: 100%;left: 0;top: 0;background: #000;opacity: 0.7; content: '';z-index: -1; }
.testimonials .section-title h4,.testimonials .section-title h2 {color: #fff;}
.testimonials-content{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.testimonials-content p{font-size: 18px;line-height: 28px;color: #fff;width: 75%;margin:10px auto;}
.testimonials-content h4{font-size: 20px;line-height: 30px;font-weight: 700;margin:10px 0;color: #fff;}
.quote{display: flex;justify-content: center;align-items: center;background: #fff;height: 40px;width: 40px;color: #000;font-size: 24px;border-radius: 50%;margin-bottom: 30px;}
.testimonials-content img{max-width: 114px;}
.testimonials .section-link a{padding: 11px 54px;border-radius: 25px;}

/*===== Project Gallery Section =====*/
.gallery-inner{ padding: 80px 0 50px; background: #fff; }
.project ul{ display: flex; flex-wrap: wrap;padding:0 70px; }
.project ul li{ list-style: none; }
.project-content-item{ position: relative; overflow: hidden; margin-bottom: 30px; }
.project-content-item img{ width: 100%; height: 330px;object-fit:cover; }
.project-content-item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: #fff; background: transparent; text-decoration: none; font-size: 30px; font-weight: 700; cursor: pointer; transition: all linear 0.3s; }
.project-content-item a .fa{ position: relative; opacity: 0;  color: #fff;  }
.project-content-item a.overlayer-box{ background: rgba(0,0,0,0.5); }
.project-content-item a:hover{ background: rgba(0,0,0,0.5); }
.project-content-item a:hover .fa{ opacity: 1; }
.project-content-item a.overlayer-box:hover{ background: rgba(0,0,0,0.7); }
.project-content-item a.overlayer-box span{ display: inline-block; padding: 10px 48px; border-radius: 4px; text-decoration: none; background: #FFAA00; color: #fff; font-size: 16px; transition: all linear 0.3s; }
.project-content-item a.overlayer-box span:hover{ background: #008527; }


/*===== Process Section =====*/
.process{padding: 80px 0;}
.process-card{padding: 30px 25px;border-radius: 10px;background: #0085271A;margin-bottom: 20px;min-height: 210px;}
.process-card h4{font-size: 24px;line-height: 24px;font-weight: 900;font-family: BenchNine;display: flex;align-items: center;gap: 15px;}
.process-card h4 span{display: flex;justify-content: center;align-items: center;height: 40px;width: 40px;border-radius: 50%;background: #008527;color: #fff;}
.process-card p,.process-extra p{color: #4F4F4F;font-size: 16px;line-height: 26px;margin-top: 10px;}
.process-card ul{margin: 10px 0;padding-left: 25px;font-size: 16px;line-height: 26px;color: #4F4F4F;}
.process-extra h4{font-size: 24px;line-height: 24px;font-weight: 900;font-family: BenchNine;}
.process-extra p{color: #000;font-weight: 500;}

/* === Home Free Estimate === */
.home-free-estimate{padding: 50px 0;background: url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/coatesroofing/home/hfe.webp')no-repeat top;background-size: cover;position: relative;z-index: 1;}
.home-free-estimate::before{position: absolute;height: 100%;width: 100%;left: 0;top: 0;content: '';background: #000;opacity: 70%;z-index: -1;}
.home-free-estimate .section-title{margin-top: 50px;}
.home-free-estimate .section-title h2,.home-free-estimate .section-title p{color: #fff;}
.home-free-estimate-form-container{margin-left: 160px;}
.home-free-estimate-form{background:#008527;border-radius: 6px; padding:50px 40px;}
.home-free-estimate-form li{list-style: none;}
.home-free-estimate-form-control{color: #fff;  margin-bottom: 25px;background: #008527;border-radius: 4px; font-weight: 400;font-size: 18px;line-height: 26px;height: 50px;padding: 12px 20px;border: 1px solid #fff; }
.home-free-estimate-form-control::placeholder{color: #fff;}
.btn-home-free-estimate-form-control{text-align: center; width: 100%; padding:10px;color: #fff; font-size: 18px;text-transform: uppercase; line-height: 28px; background: #FFAA00;border-radius: 4px;margin-top: 0px; text-decoration: none;border: none; transition: all linear 0.3s; }
.btn-home-free-estimate-form-control:hover{background: #000;color: #fff; }
.home-free-estimate-form .form-button p{text-align: center;}
.home-free-estimate-form  .wpcf7-spinner{display: none;}
.home-free-estimate-form textarea{min-height: 180px;}
.form-control:focus{background: #fff;border: 1px solid #fff;color: #000;}


.join-the-team{background: #252525;overflow: hidden;}
.join-the-team .section-title h2{font-size: 30px;line-height: 36px;color: #fff;margin-bottom: 30px;}
.join-the-team .section-title a{padding: 10px 60px;font-size: 20px;line-height: 30px;font-weight: 700;border-radius: 29px;color: #000;background: #FFAA00;text-decoration: none;}
.join-the-team-thumbnail{position: relative;left: 100px;}


/*===== Footer Section =====*/
.footer{ padding: 60px 0 0px; background: #BD0622;position: relative;z-index: 1; }
.footer .logo img{max-width: 194px; height: auto;border-radius:10px;margin-bottom: 20px;}
.footer-content h4{ color: #fff; font-size: 20px; text-transform: none; font-weight: 700;line-height: 24px;letter-spacing: 0.64px; font-family: "Kanit", sans-serif; text-transform: uppercase;margin-top:80px; }
.three-line{display: flex;align-items: center;margin:15px 0 28px;gap: 8px;}
.three-line span{display: inline-block;background: #fff;height: 2px;width: 60px;}
.three-line span:nth-child(2){width:40px;  }
.three-line span:nth-child(3){width:20px;  }
.footer-content p{ color: #fff; font-size: 16px; line-height: 26px;font-weight: 400; font-family: "BenchNine", sans-serif;letter-spacing: 0.64px;padding-right: 50px;	}
.footer-content ul li{ margin-bottom: 8px;font-size: 18px;line-height: 28px; font-weight: 400;letter-spacing: 0.64px; color: #fff;list-style-position: inside;text-transform: uppercase; }
.footer-content ul li a{ position: relative;  color: #fff;  text-decoration: none; }

.footer-contact-us ul li{ position: relative; padding-left: 45px; margin-bottom: 29px; color: #fff; font-size: 18px;line-height: 30px;font-weight: 500;list-style: none;text-transform: none;letter-spacing: 0.64px; }
.footer-contact-us ul li span{margin-left: 15px;}
.footer-contact-us ul li::before{ content: ''; position: absolute; top: 0%; left: 0;  background: transparent;  color: #fff;font-size: 22px; font-family: 'fontawesome'; }
.footer-contact-us ul li:nth-child(1)::before{ content: '\f095'; }
.footer-contact-us ul li:nth-child(2)::before{ content: '\f0e0'; }
.footer-contact-us ul li:nth-child(3)::before{ content: '\f041'; }

.linebreak{height:50px;}



/* ====== Copyright ======== */
.copyright {background: #BD0622;padding: 20px 0;border-top:1px solid #838383;margin-top: 40px;}
.copyright p {color: #fff;font-family: "BenchNine", sans-serif;font-size: 20px;font-weight: 700;line-height: 30px;text-align: center;}
.copyright p a {color:#fff;text-decoration: none;font-family: "BenchNine", sans-serif;}

/* Fade Out + Zoom Out */
.owl-animated-out.fadeOutZoom {
    animation: fadeOutZoom 0.8s ease forwards;
}

@keyframes fadeOutZoom {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.1);
    }
}

/* Fade In + Zoom In */
.owl-animated-in.fadeInZoom {
    animation: fadeInZoom 0.8s ease forwards;
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}



/*===== Slider Plugins =====*/
#banner-slider .owl-buttons {display: none;}
#banner-slider .owl-dots {position: absolute;left: 50%;top: 90%;transform: translate(-50%, 0);z-index: 9;display: none;}
#banner-slider .owl-dots .owl-dot span {width: 15px;height: 15px;border-radius: 50%;background: #fff;border: 1px solid #eee;opacity: 1;}
#banner-slider .owl-dots .active span {background: #00A530;}
#banner-slider .owl-nav {display: none;}

#testimonials-slider .owl-dots{ display: none; }
#testimonials-slider .owl-nav{ display: none; }
#testimonials-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: -175px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 30px; border: none; background: #00A530; color: #fff; font-size: 15px;opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: -175px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 30px; border: none; background: #00A530; color: #fff; font-size: 15px;opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-prev:hover,
#testimonials-slider .owl-nav .owl-next:hover{ background: #000; color: #fff; }
#testimonials-slider .owl-nav .owl-prev span{ margin-right: 5px; margin-bottom: 5px; }
#testimonials-slider .owl-nav .owl-next span{ margin-left: 5px; margin-bottom: 5px; }

#applicator-slider .owl-dots{ display: none; }
#applicator-slider .owl-nav{ display: none; }


/*===== Pages Breadcrumb =====*/
.content-banner {padding: 30px 0;background: #00A530;}
.breadcrumb {padding: 10px 15px;margin: 0;margin-bottom: 0;color: #151515;background: #fff;border-radius: 0;font-family: "BenchNine", sans-serif;text-transform: uppercase;font-weight: 400;font-size: 14px;}
.breadcrumb a {color: #00A530;text-decoration: none;}
.breadcrumb .fa {display: inline-block;margin: 0 10px;font-size: 11px;font-weight: 700;margin-top: 4px;}

/*===== Content Pages =====*/
.content {width: 100%;}
.content-block {padding: 20px;}
.content h2.page-title{font-size: 18px;}
.content h2.page-title a{text-decoration: none;color: #000;}
.sectiontitleunderline {display: block;width: 80px;height: 2px;margin: 0 0 30px;background: #333;}
.content h2 {text-transform: uppercase;font-size: 30px;color: #000;font-weight: 600;font-family: "BenchNine", sans-serif;margin-bottom: 10px;}
.content h3 {text-transform: uppercase;font-size: 28px;color: #000;font-weight: 500;font-family: "BenchNine", sans-serif;margin-bottom: 10px;}
.content h4 {text-transform: uppercase;font-size: 24px;color: #00A530;font-weight: 500;font-family: "BenchNine", sans-serif;margin-bottom: 10px;}
.content p {font-size: 20px;line-height: 30px;font-family: "BenchNine", sans-serif;color: #000;margin-bottom: 15px;}
.content ol,
.content ul {margin: 0;padding: 0;margin-bottom: 15px;}
.content li {margin-left: 18px;line-height: 30px;font-size: 20px;font-family: "BenchNine", sans-serif;color: #000;}
.content.gallery li{margin-left:0;list-style:none;}

.content .projectpagecard h4{margin-top:20px;}
.content .projectpagecard{padding:25px;background:#fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-bottom:30px;min-height:440px;}
.projectpagecard-wrapper:nth-child(even) .projectpagecard .row{flex-direction:row-reverse;}
.projectpagecard-wrapper .projectpagecard:nth-child(even) .row{flex-direction:row-reverse;}
.content .projectpagecard a{text-decoration:none;font-weight:800;color:#fff;padding:8px 22px;border-radius:4px;background:#b90011;}
.projectpagecard .category-location{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#bebebe;}
.tab-menu {
        display: flex;
        justify-content: center;
        list-style: none;
        padding: 0;
        margin: 0;
        border-bottom: 2px solid #eee;
      }
      .tab-menu li {
        padding: 15px 25px;
        background: #f4f4f4;
        margin-right: 2px;
        cursor: pointer;
        font-weight: 600;
        color: #555;
        transition: all 0.3s ease;
      }
      .tab-menu li.active {
        background: #e31e26;
        color: #fff;
      }

      /* ===== Child Tabs ===== */
      .child-tab-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        list-style: none;
        margin: 20px 0;
        padding: 0;
        border-bottom: 1px solid #eee;
      }
      .child-tab-menu li {
        padding: 10px 20px;
        cursor: pointer;
        color: #000;
        transition: all 0.3s ease;
      }
      .child-tab-menu li.active {
        background: #e31e26;
        color: #fff;
      }

      /* ===== Tab Panes ===== */
      .tab-pane,
      .child-tab-pane {
        display: none;
        padding: 20px;
        text-align: center;
      }
      .tab-pane.active,
      .child-tab-pane.active {
        display: block;
      }

      /* Headings */
      .tab-pane h2 {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
      }

/*===== 404 || Page Not Found =====*/
.content-banner .page-not-found-title {color: #fff;}
.page_not_found {display: block;text-align: center;padding: 50px;}
.page_not_found h2 {font-size: 120px;color: #34495e;}
.page_not_found p {font-size: 18px;color: #34495e;text-align: center;}
.page_not_found a {display: inline-block;padding: 10px 25px;background: #c0392b;color: #fff;border-radius: 3px;text-decoration: none;}
.page_not_found a:hover {background: #e74c3c;}

/*===== Latest Testimonials and Form Page =====*/
.content .reviewsblock {padding: 15px 0;background: #000;width: 100%;text-align: center;}
.content .reviewsblock h4 {margin-bottom: 0;text-transform: uppercase;color: #fff;font-size: 24px;font-weight: 700;}
.reviewsform {padding: 15px;background: #eee;min-height: 150px;width: 100%;}
.reviewsformstyle {height: 44px;border-radius: 0;border: #666 solid 1px;color: #666;margin-bottom: 15px;}
.reviewsform input::placeholder {color: #666;}
.reviewsform textarea::placeholder {color: #666;}
.btn-reviewsformstyle {display: block;text-transform: uppercase;width: 100%;color: #fff;background: #000;border: none;padding: 10px 16px;font-size: 18px;border-radius: 0;transition: all linear 0.3s;}
.btn-reviewsformstyle:hover {background: #2ecc71;}

/* Bootstrap(v5.2.3) Accordion */
.testimonials-page {display: block;margin-top: 15px;}
.testimonials-page .accordion-button:focus,
.testimonials-page .accordion-button:active,
.testimonials-page .accordion-button {padding-bottom: 13px;background: #000;color: #fff;box-shadow: none;}
.testimonials-page .accordion-button.collapsed {background: #fff;color: #000;}
.testimonials-page .accordion-button:not(.collapsed)::after {content: '\f107';font-family: 'fontawesome';font-size: 18px;color: #fff;text-decoration: none;background-image: initial;}
.testimonials-page .accordion-button.collapsed::after {content: '\f107';font-family: 'fontawesome';color: #000;text-decoration: none;background-image: initial;}

/*===== Contact Form Section =====*/
.formstyle{ padding-left: 15px; height: 50px; border-color: #666; border-radius: 0; }
.btn-formstyle{ width: 150px; color: #fff; background-color: #000; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.btn-formstyle:hover{ background: #2ecc71; }
.contact-page .googlemap{ height: 400px; overflow: hidden; border: #eee solid 1px; }
.form-horizontal .form-group{ margin-right: 0; margin-left: 0; }
.content .form-horizontal .form-group input::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea::placeholder{ color: #666; }
 .content  .form-group textarea.form-control{min-height: 200px;}


/*===== Latest Contact Form =====*/
.contact-form-section .form-group {position: relative;overflow: hidden;margin: 0;margin-bottom: 30px;}

.contact-form-section .contact-form-control {padding-left: 65px;height: 50px;border-color: #666;border-radius: 0;}
.contact-form-section .contact-form-control::placeholder {color: #666;}
.contact-form-section textarea.contact-form-control {height: 200px;}
.contact-form-section .btn-contact-form-control {width: 150px;color: #fff;background-color: #000;border: none;border-radius: 0;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;transition: all linear 0.3s;}
.contact-form-section .btn-contact-form-control:hover {background: #2ecc71;}
.contact-page-location-map .googlemap {height: 400px;overflow: hidden;border: #eee solid 1px;}
/*===== Latest Free Estimate Form =====*/
.free-estimate-form .form-title {padding: 10px 15px;background: #666;color: #fff;}
.free-estimate-form .form-group {position: relative;overflow: hidden;margin: 0;margin-bottom: 30px;}
.free-estimate-form .free-estimate-form-control {padding-left: 0px;height: 50px;border-color: #666;border-radius: 0;}
.free-estimate-form .free-estimate-form-control::placeholder {color: #666;}
.free-estimate-form textarea.free-estimate-form-control {height: 200px;}
.free-estimate-form .btn-free-estimate-form-control {width: 150px;color: #fff;background-color: #000;border: none;border-radius: 0;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;transition: all linear 0.3s;}
.free-estimate-form .btn-free-estimate-form-control:hover {background: #2ecc71;}
.free-estimate-form .fa{ position: absolute; top: 45px; z-index: 9; height: 50px; width: 50px; background: #666; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .sms{ height: calc(100% - 46px); }

.wpcf7-not-valid-tip{ padding: 5px; background: #dc3232; color: #fff; }
.wpcf7 form.sent .wpcf7-response-output{ background: #46b450; color: #fff; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ background: #ffb900; }

.certification-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
}

.certification-card h4{margin:15px 0;}
.certification-card a{display:block;color:#000;font-weight:800;font-size:22px;margin-top:20px;}




/*==== awards page =====*/
.timeline {
            position: relative;
            padding-left: 60px;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 2px;
            background-image: repeating-linear-gradient(
                to bottom,
                #ff6b35 0,
                #ff6b35 10px,
                transparent 10px,
                transparent 20px
            );
        }

        .timeline-section {
            position: relative;
            margin-bottom: 60px;
            animation: fadeInUp 0.6s ease forwards;
            opacity: 0;
            display: grid;
            grid-template-columns: 120px 1fr;
            gap: 30px;
            align-items: start;
        }

        .timeline-section:nth-child(1) { animation-delay: 0.1s; }
        .timeline-section:nth-child(2) { animation-delay: 0.2s; }
        .timeline-section:nth-child(3) { animation-delay: 0.3s; }
        .timeline-section:nth-child(4) { animation-delay: 0.4s; }
        .timeline-section:nth-child(5) { animation-delay: 0.5s; }
        .timeline-section:nth-child(6) { animation-delay: 0.6s; }
        .timeline-section:nth-child(7) { animation-delay: 0.7s; }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
            from {
                opacity: 0;
                transform: translateY(20px);
            }
        }

        .timeline-marker {
            position: absolute;
            left: -47px;
            top: 50px;
            width: 16px;
            height: 16px;
            background: #ff6b35;
            border: 4px solid #fff;
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
            z-index: 2;
        }

        .year-display {font-size: 28px;font-weight: 700;color: #ff6b35;padding-top: 43px;position: sticky;top: 20px;        }

        .content-wrapper {
            min-width: 0;
        }

        .company-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 20px 30px;
            border-radius: 15px 15px 0 0;
            font-size: 1.8em;
            font-weight: 700;
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .company-logo {
            width: 80px;
            height: 80px;
            background: transparent;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5em;
            flex-shrink: 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .awards-container {
            background: white;
            border-radius: 0 0 15px 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        }

        .award-row {
            display: grid;
            grid-template-columns: 2fr 2fr 2fr;
            border-bottom: 1px solid #f0f0f0;
            transition: background 0.3s ease;
        }

        .award-row:last-child {
            border-bottom: none;
        }

        .award-row:hover {
            background: #f9fafb;
        }

        .award-cell {padding: 10px;border-right: 1px solid #f0f0f0; }

        .award-cell:last-child {
            border-right: none;
        }

        .award-header {background: #fff9e6; font-weight: 700;color: #000; font-size: 18px;}

        .year-badge {
            display: inline-block;
            background: linear-gradient(135deg, #ff6b35, #ff8c42);
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.9em;
            font-weight: 600;
            margin: 2px;
        }

        .no-year {
            color: #999;
            font-style: italic;
        }

        .gaf { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); }
        .roofers { background: linear-gradient(135deg, #8e44ad 0%, #c0392b 100%); }
        .firestone { background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); }
        .holder { background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); }
        .johns { background: linear-gradient(135deg, #16a085 0%, #27ae60 100%); }
        .obu { background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); }
        .carlisle { background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%); }

/*========== Responsive ==========*/

@media (max-width: 1099px){
	 /*===== Enable Header Menu Default in Small Device =====*/
	.mobile_menu {display: block;width: 0;}
	.mobile_menu.active {width: 100%;}
	.header-middle {padding: 70px 0 5px;}
	.mobile_slideLogo img {margin: 15px 0;width: 60%;height: auto;}
	.header {padding: 75px 0 23px;}
	.services .section-title{padding-right: 0;margin-bottom: 30px;}
	.section-title br{display: none;}

	.header-bottom {display: none;}

	  #mega-menu-wrap-header-menu{ margin-top: 15px; }

    #mega-menu-wrap-header-menu .mega-menu-toggle{ border-radius: 0; background: #357960; }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{ display: block; } 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child{ float: none; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{ padding: 10px 15px; margin-right: 0; margin: 0; background: #BD0622; color: #fff; border-radius: 0; font-size: 18px; font-weight: 400; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{ height: 1px; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ background: #fff; color: #000; font-size: 18px; font-weight: 400; }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-child > a.mega-menu-link{background: #2f2f2f;padding: 10px 15px;border-radius: 0;margin-left: 0;border:none;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{display: none;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{color: #fff;}
   #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{font-size: 18px;}

   .home-free-estimate-form-container{margin-left: 0;}
   .join-the-team-thumbnail{left: 0;}
   .footer-content p{padding-right: 0;}

} 

@media (max-width: 991px) {
 .section-title br{display: none;}
 .section-title h2 {font-size: 33px;line-height: 46px;}

 .banner-content-box h1 {font-size: 36px;line-height: 53px;}


 .services-card{padding: 30px;}
 .footer-bottom .footer-content,.footer-bottom .footer-links{padding-left: 0;}
 .footer{overflow: hidden;}
 
 .timeline-section {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .year-display {
                text-align: left;
                padding-right: 0;
                padding-top: 0;
                font-size: 2em;
                position: static;
            }

            .award-row {
                grid-template-columns: 1fr;
            }

            .award-cell {
                border-right: none;
                border-bottom: 1px solid #f0f0f0;
            }

            .award-cell:last-child {
                border-bottom: none;
            }

            .timeline {
                padding-left: 40px;
            }

            .timeline::before {
                left: 15px;
            }

            .timeline-marker {
                left: -42px;
            }

            .header h1 {
                font-size: 2em;
            }

            .company-header {
                font-size: 1.4em;
            }
   
   
}

/* Meduim Device */
@media (max-width: 767px) {

	/*===== Go To Top =====*/
	#back-top {right: 15px;bottom: 25px;}
	#back-top a {width: 40px;height: 40px;}
	#back-top a .fa {font-size: 16px;margin-top: 10px;}
	/*=====Social Media =====*/
	.share_icon .fa {width: 45px;height: 45px;font-size: 18px;}
	.social_icon ul li .fa {width: 43px;height: 43px;font-size: 18px;}
	.social_icon.active ul li:nth-child(1) .fa {bottom: 188px;}
	.social_icon.active ul li:nth-child(2) .fa {bottom: 145px;}
	.social_icon.active ul li:nth-child(3) .fa {bottom: 102px;}
	.social_icon.active ul li:nth-child(4) .fa {bottom: 59px;}

	.header{position: relative;background: #000;}
	.header-logo {text-align: center;}
	.header-logo img {width: 60%;}
	.header-top ul li{margin-bottom: 0;text-align: center;margin-top: 25px;}

	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:first-child > a.mega-menu-link{padding:10px 15px;}


	.banner img {min-height: 460px;object-fit:cover;}
	.banner-content{top: 50%;}
	.banner-content-box h1 { font-size: 27px; line-height: 42px;}

	.welcome .container > .row{flex-direction: column-reverse;}
	.welcome .welcome-thumbnail{margin-bottom: 50px;margin-top:0;}
	.welcome-link{flex-wrap: wrap;}
	.welcome .section-link{width: 100%;margin: 40px 0;}

	.services-card{flex-direction: column;padding: 20px;}
	.col-md-12 .services-card{gap: 20px;}
	.col-md-12 .services-card img{width: 100%;height: auto;}

	.industries{padding: 40px 0;}
	.industries .section-link{margin-top: 50px;}
	.industries .section-content .col-md-4{width: 50%;}
	.industries-card img{height: auto;}
	.industries-card h4 { font-size: 18px;line-height: 25px;}
	
	.process,.gallery-inner,.join-the-team{padding:40px 0;}
	

	.why-choose-us{padding: 40px 0;}
	.project ul{padding: 0;}
	.project ul li:nth-child(6){order: 1;}
	/*.project .section-content .col-md-4{width: 50%;}*/


	.footer-contact-info ul{display: block;}
	.footer-contact-info ul li{margin-bottom: 30px;}
	.footer-content h4{margin-top: 40px;}

	.copyright p {font-size: 18px;}


	/*===== ALL Slider Section =====*/
	#banner-slider .owl-pagination {top: 80%;}
}