/*!
Theme Name:   Divi Child
Theme URI:    http://www.elegantthemes.com/gallery/divi/
Description:  Divi Child Theme
Author:       Elegant Themes
Author URI:   http://www.elegantthemes.com
Template:     Divi
Version:      4.22.1
License:      GNU General Public License v2
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Divi-child
*/

*{
margin: 0;
padding: 0;
outline: none;
text-decoration:none;    
}
body{
font-weight: normal;
font-family: "Poppins", sans-serif;
}
.container {
width:83% !important;
max-width:83% !important;
}
.et_pb_row {
width:83% !important;
max-width:83% !important;
}
#et-info {
    float: left;
    width: 100%;
}
#top-header .et-social-icons {
    float: right;
}
.main-slider .et_pb_slide_title {
    font-weight: bold;
    margin-top: 0;
    font-size:56px;
    width:80%;
    text-align: center;
    margin: 0 auto;
    line-height: 55px;
}
.main-slider h3{
    font-weight:normal;
    font-size:36px;
    width:80%;
    text-align: center;
    margin: 0 auto;
    line-height: 55px;
}
.main-slider .et-pb-arrow-next:before,
.main-slider .et-pb-arrow-prev:before {
    content: "5";
    color: #000;
}
.main-slider .et-pb-arrow-next,
.main-slider .et-pb-arrow-prev {
    background: #fff;
    border-radius: 50%;
}
.four-sec .et_pb_row {
width:100% !important;
max-width:100% !important;
}
.four-col .et_pb_column_1_4{
            width: 25%;               
}
.four-col .et_pb_column{
         margin-right: 0%;
         border-right: #dcdfe2 solid 1px;
}
.four-col .et_pb_blurb_content{
    padding:10% 15% 7%;
}
.four-col .et_pb_blurb_content{
        text-align: left;
}
.four-col .et_pb_main_blurb_image{
    margin-bottom: 20px;
}
.four-col .et_pb_blurb_description img{
    float: right;
    margin-top: -35px;
}
.four-col .et_pb_blurb_description h6{
    display: inline-block;
    margin-top:35px;
    color: #8a8a8a;
}
.four-col .et_pb_blurb_description h2{
   font-weight: 40px;
}

/**/
.about-us span{
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight:500;
    line-height: 28px;
    margin-left: 45px;
    color:#ea1826;

}
.about-us span::before{ 
content: "";
    color:#ea1826;
    border: 1px solid #ea1826;
    position: absolute;
    top: 8px;
    left: -45px;
    height: 4px;
    width: 32px;
    padding: 2px 1px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
    background:#ea1826;
}
.about-us h2{
font-size: 34px;
    color: #000;
    line-height: 43px;
    font-weight: bold;
} 
.about-col{
    display: block;
    width: 100%;
    margin-top: 20px;
}
.about-col .img{
    float: left;
    width:47%;
}
.about-col .content{
    float:right;
    width:47%;
}
/*Buttons*/
.about-col h6, .what-we .read-more a{
color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color:#ea1826;
    border: 1px solid #ea1826;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    white-space: nowrap;
    padding:15px 15px;
    gap:10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    margin-top: 25px;
}
.about-col h6:hover{
    color: #fff;
    border: 1px solid #102039;
    background: #102039;
}
 .what-we .read-more a:hover {
    color:#102039;
    border: 1px solid #fff;
    background: #fff;
}

/**/
.request-form{
        box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .08);
    padding:50px;
    border:#dedfe0 solid 1px;
}
.request-form h1{
font-size:27px;
    color: #000;
    line-height: 43px;
    font-weight: bold;
    text-align: center;
} 

.what-we span{
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight:500;
    line-height: 28px;
    margin-left: 45px;
    color:#ea1826;
}
.what-we span::before{ 
content: "";
    color:#ea1826;
    border: 1px solid #ea1826;
    position: absolute;
    top: 8px;
    left: -45px;
    height: 4px;
    width: 32px;
    padding: 2px 1px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
    background:#ea1826;
}
.what-we h2{
font-size:36px;
    color: #fff;
    font-weight: bold;
}
.what-we .read-more {
    float: right;
}

/*Tab*/
.what-we-tap .et_pb_tabs {
    border: 1px solid transparent;
    display: flex;
    width: 100%;
}
.what-we-tap ul.et_pb_tabs_controls {
    background-color:transparent;
    width: 28%;
}
.what-we-tap .et_pb_all_tabs {
    background-color: #fff;
    background-color: #fff;
    width: 70%;
    float: right;
    margin-left: 5%;
}
.what-we-tap ul.et_pb_tabs_controls:after {
    border-top: 1px solid transparent;
}
.what-we-tap .et_pb_tabs_controls li {
    border-right: 1px solid transparent;
    width: 90%;
    background: #fff;
    margin-bottom:7px;
}
.what-we-tap .et_pb_tabs_controls li a{
    padding:25px 30px 25px 80px;
    font-size: 16px;
    color: #000;
}
.what-we-tap .et_pb_tab_active a {
    color: #fff !important;
    background: #ea1826;
}
.what-we-tap .et_pb_tabs_controls li.et_pb_tab_active{
    background:transparent
}
.what-we-tap .et_pb_tabs_controls li.et_pb_tab_active:before{
    background:#ea1826
}
.what-we-tap .et_pb_tabs_controls li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
    width: 25px;
    height: 40px;
    background: #fff;
    clip-path: polygon(100% 49%, 0 0, 0 100%);
}
.what-we-tap .et_pb_tab_0 a:before, 
.what-we-tap .et_pb_tab_1 a:before,
.what-we-tap .et_pb_tab_2 a:before,
.what-we-tap .et_pb_tab_3 a:before{
content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
   left: 20px;
}
.what-we-tap .et_pb_tab_0.et_pb_tab_active a:before,
.what-we-tap .et_pb_tab_1.et_pb_tab_active a:before,
.what-we-tap .et_pb_tab_2.et_pb_tab_active a:before,
.what-we-tap .et_pb_tab_3.et_pb_tab_active a:before{
content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
   left: 20px;
}
.what-we-tap .et_pb_tab_0 a:before{
    background: url(images/tab-repairs-red.png);
}
.what-we-tap .et_pb_tab_0.et_pb_tab_active a:before{
    background: url(images/tab-repairs-wt.png);
}
.what-we-tap .et_pb_tab_1 a:before{
    background: url(images/tab-Installation-red.png); 
}
.what-we-tap .et_pb_tab_1.et_pb_tab_active a:before{
    background: url(images/tab-Installation-wt.png); 
}
.what-we-tap .et_pb_tab_2 a:before{
    background: url(images/top-corners-red.png); 
}
.what-we-tap .et_pb_tab_2.et_pb_tab_active a:before{
    background: url(images/top-corners-wt.png); 
}
.what-we-tap .et_pb_tab_3 a:before{
    background: url(images/tab-renovation-red.png); 
}
.what-we-tap .et_pb_tab_3.et_pb_tab_active a:before{
    background: url(images/tab-renovation-wt.png); 
}
.what-we-tap .et_pb_tab_0 .et_pb_tab_content a:before,
.what-we-tap .et_pb_tab_1 .et_pb_tab_content a:before,
.what-we-tap .et_pb_tab_2 .et_pb_tab_content a:before,
.what-we-tap .et_pb_tab_3 .et_pb_tab_content a:before{
    display: none;
}
.what-we-tap .et_pb_tab {
    padding: 50px;
}
.what-we-tap .et_pb_tab_content h3{
font-size: 25px;
    font-weight: 600;
    margin-bottom:15px;
}
.what-we-tap .et_pb_tab_content a{
color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color:#ea1826;
    border: 1px solid #ea1826;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    white-space: nowrap;
    padding:15px 15px;
    gap:10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    margin-top: 25px;
}
.what-we-tap .et_pb_tab_content a:hover{
    color: #fff;
    border: 1px solid #102039;
    background: #102039;
}
.what-we-tap .et_pb_tab p:last-of-type{
    font-size: 17px;
    line-height: 29px;
}

/*Our Work*/
.our-work span{
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight:500;
    line-height: 28px;
    margin-left: 45px;
    color:#ea1826;
}
.our-work span::before{ 
content: "";
    color:#ea1826;
    border: 1px solid #ea1826;
    position: absolute;
    top: 8px;
    left: -45px;
    height: 4px;
    width: 32px;
    padding: 2px 1px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
    background:#ea1826;
}
.our-work h2{
font-size:36px;
    color: #000;
    font-weight: bold;
}
.our-work .read-more {
    float: right;
}
.our-work .read-more a{
color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color:#ea1826;
    border: 1px solid #ea1826;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    white-space: nowrap;
    padding:15px 15px;
    gap:10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    margin-top: 25px;
}
.our-work .read-more a:hover{
    color: #fff;
    border: 1px solid #102039;
    background: #102039;
}


/*Testimonials*/
.testimonials h6{
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-left: 45px;
    color: #ea1826;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.testimonials h6::before{ 
content: "";
    color:#ea1826;
    border: 1px solid #ea1826;
    position: absolute;
    top: 8px;
    left: -45px;
    height: 4px;
    width: 32px;
    padding: 2px 1px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
    background:#ea1826;
}
.testimonials h2{
font-size: 34px;
    color: #000;
    line-height: 43px;
    font-weight: bold;
    text-align: center;
}
.testimonial-nav-arrow{
    display: none !important;
}
#main-footer{
    background: url(images/footer.jpg) center center;
}
#main-footer #block-9,
#main-footer #block-10,
#main-footer #block-11,
#main-footer #block-12,
#main-footer #block-13,
#main-footer #block-14{
width: 100%;
    float: none;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
 
#main-footer .wp-block-image {
    margin: 0 0 1em;
    text-align: center;
}
#main-footer .fwidget {
        margin-bottom: 2%;
    }
#main-footer .wp-block-image img {
    max-width:20%;
}
#et-footer-nav {
    background-color: transparent;
    text-align: center;
}
.bottom-nav {
    padding: 15px 0;
    text-align: center;
}
 .et_pb_gutters3 .footer-widget {
        margin-right: 5.5%;
        margin-bottom: 3.5% !important;
    }
    #footer-bottom {
    background-color: #1f1f1f;
}
.bottom-nav li.current-menu-item>a {
    color:#ea1826;
}
#footer-bottom a{
    color: #ddd;
}

#footer-info {
    text-align: center;
    color: #bbb;
    padding-bottom: 10px;
    float: none;
    width: 100%;
    padding-top: 15px;
}
.et-social-icons {
    float: none;
    margin: 0 auto;
    text-align: center;
    color: #ddd;
}
#footer-bottom {
    background-color: transparent;
}
.inner-banner{
        position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 110px 0 110px;
    min-height: 250px;
}
.inner-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #131313;
    opacity: 0.5;
    content: "";
    z-index: 2;
}
.inner-banner h1{
    font-size:45px;
    color: #ffffff;
    margin-bottom: 17px;
    text-align: center;
    font-weight: bold;
}
 .fbc-page .fbc-wrap .fbc-items{
        text-align: center;
    width: 100%;
 }
/*
 #top-menu>li:last-child{
   background: #ea1826;
       padding:20px;
       margin-top: -20px;
 }
  #top-menu>li:last-child a{
     padding-bottom: 0px !important;
     color: #fff;
 }
 #top-menu>li:last-child:hover{
    color: #fff;
    border: 1px solid #102039;
    background: #102039;
}*/

.contact-ads{
    background-color: #F8F8F8;
    display: flex;
    flex-direction: row;
    padding:35px 30px;
}
.contact-ads .icon{
    background-color: #EA1826;
    font-size: 25px;
    padding: 12px;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-right: 15px;
    height: 50px;
    width: 50px;
    text-align: center;
}
.contact-ads .icon i{
 font-size: 25px;
 color: #fff;
}
.contact-ads .details h6 {
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #ea1826;
        padding: 0;
}
.contact-ads .details p, 
.contact-ads .details a{
color: #102039;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
}
#et-footer-nav .menu-item-37{
    display: none;
}
.et_fixed_nav #main-header {
    padding: 10px 0px !important;
}
.services-cnt h4{
    font-size: 22px !important;
    font-weight: bold !important;
}
.difference{
	background:#082c4be3;
  padding: 9.5rem 0 6.5rem;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.difference h2 {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.difference h4 {
    font-size:19px;
    color: #fff;
    line-height:33px;
    font-weight: bold;
}
.difference p {
    font-size:17px;
    color: #fff;
}
.difference .et_pb_main_blurb_image img {
    border-radius: 50%;
    border: #fff solid 8px;
    width: 80%;
  background:#fff;
}
.difference .et_pb_column{  
  margin-right: 2.5% !important;
}
.difference .et_pb_column_1_4{
  width: 22.875% !important;
}
.contact-us-today h2{
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 30px;  
  font-weight: bold;
}
.contact-us-today h3{
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
  font-weight:500;
}
.contact-us-today p{
	color: #fff;
  width: 80%;
    margin: 0 auto;
}  
.residential-roofing h2{
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.residential-roofing h2 strong{
    font-size: 36px;
    color:#ea1826;
    font-weight: bold;
}
.residential-roofing p{
	color: #000;
} 
.why-choose h2{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.why-choose .et_pb_main_blurb_image {
display: inline-block;
    margin-bottom: 0px !important;
    line-height: 0;
    max-width: 20%;
    background: #fff;
    padding: 10px;
    float: left;
    margin-right: 20px;
    height: 100px;
}
.why-choose .et_pb_blurb_container h4{
color: #fff;
    font-size: 22px;
    font-weight: bold;  
}
.why-choose .et_pb_blurb_container p{
color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.why-choose .et_pb_blurb .et_pb_image_wrap {
    display: block;
    margin: auto;
    width: 90%;
}
.rr-services h2{
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.rr-services .et_pb_blurb_container h4{
color: #000;
    font-size: 22px;
    font-weight: bold;  
}
.rr-services .et_pb_blurb_container p{
color: #000;
    font-size: 16px;
    line-height: 22px;
}
.rr-services .et_pb_blurb_container strong {
    font-weight: 500;
}

.ar-difference{
  padding: 9.5rem 0 6.5rem;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.ar-difference h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.ar-difference h4 {
    font-size:19px;
    color: #000;
    line-height:33px;
    font-weight: bold;
}
.ar-difference p {
    font-size:17px;
    color: #000;
}
.ar-difference .et_pb_main_blurb_image img {
    border-radius: 50%;
    border: #ccc solid 8px;
    width: 80%;
  background:#fff;
}
.ar-difference .et_pb_column{  
  margin-right: 2.5% !important;
}
.ar-difference .et_pb_column_1_4{
  width: 22.875% !important;
}

.cr-services h2{
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.cr-services .et_pb_blurb_container h4{
color: #000;
    font-size:19px;
    font-weight: bold;  
}
.cr-services .et_pb_blurb_container p{
color: #000;
    font-size: 16px;
    line-height: 22px;
}
.cr-services .et_pb_blurb_container strong {
    font-weight: 500;
}
.cr-services .et_pb_column_1_5{
 width: 18.666% !important;
}
.cr-services .et_pb_column{
 margin-right: 1.5% !important;
}

.drain-line h2{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.drain-line .et_pb_main_blurb_image {
display: inline-block;
    margin-bottom: 0px !important;
    line-height: 0;
    max-width: 20%;
    background: #fff;
    padding: 10px;
    float: left;
    margin-right: 20px;
    height: 100px;
}
.drain-line .et_pb_blurb_container h4{
color: #fff;
    font-size: 22px;
    font-weight: bold;  
}
.drain-line .et_pb_blurb_container p{
color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.drain-line .et_pb_blurb .et_pb_image_wrap {
    display: block;
    margin: auto;
    width: 90%;
}
.drain-line .et_pb_blurb_content{
    display: block;
    overflow: hidden;
}

.custom-made h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
}
.custom-made h4 {
    font-size:19px;
    color: #000;
    line-height:23px;
    font-weight: bold;
}
.custom-made p {
    font-size:17px;
    color: #000;
}
.custom-made .et_pb_main_blurb_image img {
    border-radius: 50%;
    border: #ccc solid 8px;
    width: 80%;
  background:#fff;
}
.custom-made .et_pb_column{  
  margin-right:1.5% !important;
}
.custom-made .et_pb_column_1_5{
  width:18.66666% !important;
}

@media screen and (max-width:767px){
	
	
  #logo{
  max-height: 100% !important;
  }
  .what-we-tap{
  padding-top:0px
  }
  .difference h2 {
    line-height: 51px;
}
  .difference .et_pb_column_1_4 {
    width: 100% !important;
}
.difference .et_pb_column {
    margin-right: 0% !important;
}
  .difference{
  padding: 0.5rem 0 6.5rem;
  }
  .residential-roofing h2,
  .residential-roofing h2 strong,
  .why-choose h2,
  .ar-difference h2,
  .cr-services h2{
      font-size: 30px;
    line-height: 40px;
  } 
  .ar-difference .et_pb_column_1_4 {
    width: 100% !important;
}
  .ar-difference .et_pb_column {
    margin-right: 0% !important;
}
 .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width: 90% !important;
  }
    .main-slider .et_pb_slide_title{
        width: 100%;
    }
    .et_pb_slide_description{
        padding: 16% 5%;
    }
        .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
font-size: 30px;
        font-weight: bold;
        line-height: 38px;
    }
    .inner-banner h1 {
    font-size: 34px;
    padding-bottom: 0px;
}
.inner-banner {
    padding: 0px;
    min-height: auto;
}
.fbc-page .fbc-wrap .fbc-items li {
    padding: 5px 2px;
}
    .four-col .et_pb_blurb_content {
    padding:7% 10% 2%;
}
.four-col .et_pb_blurb_description h6 {
    display: inline-block;
    margin-top: 10px;
    color: #8a8a8a;
}
.about-col .img, .about-col .content {
    width: 100%;
}
.request-form {
          padding: 30px;
        display: block;
        margin-bottom: 25px !important;
}
.request-form h1 {
    line-height: 35px;
}
.what-we .read-more,
.our-work .read-more {
    float: left;
}
.what-we-tap .et_pb_tabs {
    border: 1px solid transparent;
    display: block;
    width: 100%;
}
.what-we-tap ul.et_pb_tabs_controls {
    width: 100%;
}
.what-we-tap .et_pb_all_tabs {
    width:100%;
    margin-left:0%;
}
.what-we-tap .et_pb_tabs_controls li{
     width:100%;
}
.what-we-tap .et_pb_tabs_controls li.et_pb_tab_active {
    background: #ea1826;
}
.et_pb_tabs_controls li {
        border-bottom: 1px solid transparent;
    }
    .what-we-tap .et_pb_tabs_controls li:before{
        display: none;
    }
    .testimonials .et_pb_row {
        padding:0px 0;
}
 
.sp-testimonial-free-section.swiper-initialized{
      margin: 0 0px !important;  
}
.sp-testimonial-free-wrapper {
    padding-bottom: 50px;
}
    #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
        margin-bottom: 0% !important;
    }
    .bottom-nav li {
    font-weight: 600;
    display: block;
    font-size: 14px;
    padding-right: 0px;
    line-height: 35px;
}
#main-footer .wp-block-image {
    margin: 20px auto;
    text-align: center;
    width: 70%;
}
.contact-ads .details p, .contact-ads .details a {
    font-size: 16px;
}
.contact-us-today h3 {
    font-size: 16px;
    line-height: 26px;
}
  .ar-difference {
    padding: 3.5rem 0 2.5rem;
  }
  .cr-services .et_pb_column {
    margin-right: 0% !important;
}
.cr-services .et_pb_column_1_5 {
    width: 100% !important;
}
  
  
}