@charset "utf-8";
/* CSS Document */
.serv_left_img, .serv_right_text, .serv_btm_left, .serv_btm_right { width: 50%; float: left;}
.serv_right_text { padding-left: 50px; }
.serv_right_text .title_36 { margin-bottom: 10px;}
.serv_right_text .smll_text { margin-bottom: 25px;}
.serv_left_img img { border-radius: 10px;}
.serv_botm_content {display: inline-block;width: 100%;}
.acc_head h3 { font-size: 20px; margin: 0;}
.acc_head img { margin-right: 20px;}
.serv_btm_right { padding-left: 50px;}
.serv_btm_right img { border-radius: 10px;}
.serv_btm_left { padding-right: 50px;}
.accordion_in:last-child .acc_head { border-bottom: 0;}
.accordion_in.acc_active:last-child .acc_head { border-bottom: 1px solid rgb(112 112 112 / 10%); }
.sidebar_accordion.smk_accordion .accordion_in.acc_active:last-child .acc_content { border-bottom: 0;}
.serv_right_text p:last-child{margin-bottom: 0;}
.serv_botm_content  { margin: 82px 0;}
.serv_gallery .title_xlg {margin-bottom: 0;}
.gal_list { margin: 50px -25px 0; }
.gal_list li { width: 33.3%; float: left; padding: 0 25px;  position: relative;}
.gal_list li img { border-radius: 10px;}
.gal_list li a { position: relative;display: inline-block;}
.gal_list li a:after, .gal_list li a:before  { position: absolute; content: ""; background: url(../images/hover-effect.png); width: 66px; height: 66px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}
.gal_list li a:before{background: rgb(71 160 26 / 40%); width: 100%; height: 100%; border-radius: 10px;}

.gal_list li a:hover:after, .gal_list li a:hover:before { opacity: 1;}
.gal_list li:not(:nth-last-child(-n+3)) { margin-bottom: 50px; }

.serv_area_left, .serv_area_right { width: 50%; float: left;}
.service_areas { display: flex; width: 100%; padding: 90px 0px 0;}
.area_map { height: 410px;}
.area_map iframe { border-radius: 10px;}

.btn-div .btn_white { border: 1px solid #000;font-size: 18px; margin-right: 10px;}

.prod_list { margin: 0 -25px;display: flex;flex-wrap: wrap; }
.prod_list li { width: 33.3%; float: left; padding: 0 25px;display: flex;}
.box { background: #F6F6F6;padding: 27px 0 44px;  border-radius: 10px; position: relative;overflow: hidden; width: 100%;}
.box .btn_white { border: 1px solid #000; text-transform: uppercase; min-width: 100%; background: transparent; height: 53px;}
.box label { font-size: 16px; font-weight: bold; letter-spacing: 0.1px; color: #5E635B; display: block; margin-bottom: 5px;}
.prod_text { padding: 25px 41px 0;}
.prod_tit.title_36 { margin-bottom: 8px; color: #2B2B2B;}
.box .prod_text p{ }
.box p { font-size: 14px; line-height: 24px;margin-bottom: 23px;}
.pdf_icon {position: absolute;right: 0;top: 0;z-index: 11;padding: 20px 10px; opacity: 0;transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}
.pdf_icon:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 158px solid #47a01a;
    border-left: 72px solid transparent;
    position: absolute;
    top: 0;
    right: 1px;
    z-index: -1;
}
.prod_list li .box:hover .pdf_icon { opacity: 1;}
.prod_list li .box:hover .btn_white { }
.prod_list li:not(:nth-last-child(-n+3)) { margin-bottom: 50px;}

/* popup */
.prod_desc {
    background: #E0E5ED;
    flex-wrap: initial;
    max-width: 1300px;
    padding: 50px 50px 30px 0;
    border-radius: 10px;
    width: 1300px;
}
.blk_left .top_text_cont { padding: 0 0 10px 50px;}
.blk_left {max-width: 405px;}
.blk_middle .title_md { font-weight: 500;margin-bottom: 0; }
.fl_rate, .small_hd { font-size: 16px; font-weight: bold; letter-spacing: 0.1px; color: #5E635B; }
.small_hd { font-size: 14px; }
.prod_pop_close , .popup_close_btn { position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    text-align: center;
    line-height: 45px;
    right: -22px;
    top: -22px;
}
.blk_middle {max-width: 441px;}
.blk_right{max-width: 185px;}
.popup_content{max-width: 1300px;}
.blk_right .btn_white { min-width: 185px; height: 42px;border-radius: 0; margin: 8px 0 0; text-transform: capitalize;}
.blk_right .btn_white img { margin: 0 0px 0 10px;}

.page-roof-replacement .acc_head { padding: 34px 0 34px 15px;}
.page-roof-replacement .sidebar_accordion.smk_accordion .accordion_in .acc_content { padding: 18px 30px 0px 15px;}
.serv_gallery {margin-bottom: -50px; }

.blk_middle .title_md img {margin: -8px 5px 0 8px;}
.prod_text span{font-size: 24px; font-weight: 500; font-family: 'Teko'; width: 100%; float: left; margin: -5px 0 10px;}

 @media (max-width: 1439px) {
    
     .serv_btm_left {
    padding-right: 0px;
}
     .service_areas {
    padding: 80px 0px 0;
}
     
}
 @media (max-width: 1300px) {
     .popup_content , .prod_desc{
    max-width: 1100px;
}
}
 @media (max-width: 1199px) {
     
     .serv_left_img,
     .serv_right_text,
     .serv_btm_left,
     .serv_btm_right {
         position: sticky;
         top: 110px;
     }

     .service_content {
         display: inline-block;
     }
     
     .gal_list li { padding: 0 10px;}
     .gal_list {margin: 30px -10px 0;}
     .gal_list li:not(:nth-last-child(-n+3)) {
    margin-bottom: 20px;
}
        .service_areas {
    padding: 60px 0px 0;
}
     
     .prod_list li {padding: 0 10px; }
     .prod_list {
    margin: 0 -10px;
}
     .prod_text {
    padding: 25px 20px 0;
}
     .prod_tit.title_36 {
    font-size: 24px;
}
     .prod_list li:not(:nth-last-child(-n+3)) {
    margin-bottom: 20px;
}
     .popup_content, .prod_desc {
    max-width: 700px;
    
}
    .prod_desc {
        flex-wrap: wrap;
    padding: 50px 30px;
     }
     .blk_left .top_text_cont {
    padding: 0 0 15px 0px;
}
     .blk_middle {
    max-width: 441px;
    margin: 15px 0 0;
}
}

 @media (max-width: 991px) {
    
     .serv_left_img, .serv_right_text, .serv_btm_left, .serv_btm_right {top: 0; width: 100%; position: relative;}
     .serv_right_text { padding-left: 0;}
     .serv_botm_content {margin: 30px 0 50px;}
     .serv_left_img { margin-bottom: 40px;}
     .serv_btm_right {padding-left: 0px;}
     .serv_area_left, .serv_area_right {
    width: 100%;
    float: left;
}.area_map {
    padding-left: 0px;
    margin: 30px 0 0;
} 
        .service_areas {
    padding: 50px 0px 0;
}
     .box {padding: 27px 0 30px; }
}

 @media (max-width: 767px) {
     .prod_list li {
    width: 50%;
     }
      .prod_list li:not(:nth-last-child(-n+1)) {
    margin-bottom: 20px;
}
     .popup_content, .prod_desc {
    max-width: 90%;
    width: 90%;
}
     .prod_desc {
    max-width: 100%;
    width: 100%;
        
}
     .popup_content { margin: 30px 0; }
     .blk_middle {max-width: 100%;}
     .blk_left {max-width: 100%;}
     
     
}
 @media (max-width: 580px) {
    
     .serv_botm_content {margin: 10px 0 50px;}
     .gal_list li {width: 50%;}
     .gal_list li:not(:nth-last-child(-n+2)) {margin-bottom: 20px;}
     .acc_head img {margin-right: 8px;max-width: 30px;}
     .area_list li, .area_list li:nth-child(even) {width: 100%;}
        .service_areas {
    padding: 40px 0px 0;
}
     .title_36 { margin-bottom: 20px;}
    .prod_desc {
    padding: 30px 15px;
}
     .title_md img {max-width: 150px;
    line-height: 41px;
    margin: -5px 5px 0; }
     .prod_pop_close {right: -10px;
    top: -10px; }
}

 @media (max-width: 480px) {
.prod_list li {
    width: 100%;
}
     .btn-div a { margin-bottom: 10px;}
}