.our-value-sec:before{}
body{
	background-color: #fff;
}
ul.sm-vertical {
    column-count: 2;
    column-gap: 10px; 
}
.page .elementor-section-wrap ul {
    margin-bottom: 10px;
}
.fullwidth input#input_6_4 {
    width: 100%;
}
.haildamageform input[type="submit"] {
    background-color: #ff991f;
    width: 100%;
    border: 0;
    border-radius: 0;
}
.haildamageform legend {
    color: #fff;
}
.page-id-7731 .elementor-location-header,.page-id-7903 .elementor-location-header,.page-id-8002 .elementor-location-header {
    display: none;
}
.theme-button-style a {
    background: #192f44;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    display: table;
    width: auto;
    border-radius: 5px;
    margin: 0 auto;
}
.gform_confirmation_message {
    color: #fff;
}
.contact-gravity_wrapper label {
    color: #fff;
}
.contact-gravity_wrapper input[type="submit"] {
    background-color: #fff;
    border-radius: 0;
    color: #000;
}

.elementor-icon-list-text span {
    font-size: 11px;
    font-weight: normal;
}
.hero-main-slider .swiper-slide .swiper-slide-inner{padding:0px 180px!important;}

.hero-main-slider .swiper-slide .swiper-slide-inner .elementor-slide-button span {
    width: 22px;
    height: 22px;
    background: url(https://roofevolution.com/wp-content/uploads/2021/09/Icon-feather-arrow-right-circle.svg);
    display: inline-block;
    background-repeat: no-repeat;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 20px;
}
.hero-main-slider .swiper-container-horizontal>.swiper-pagination-bullets, .hero-main-slider .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 50px;    width: auto;
left: 180px;
}
.project-slider .elementor-image-carousel-caption{ padding:20px 10px;}

.project-slider .swiper-slide-inner{position:relative;}


.project-slider.elementor-arrows-position-outside .elementor-swiper-button-prev {
  left: -60px!important;
    border: 3px solid #fff;
    padding: 10px;
    border-radius: 50%;
}

.project-slider.elementor-arrows-position-outside .elementor-swiper-button-next {
  right: -60px!important;
    border: 3px solid #fff;
    padding: 10px;
    border-radius: 50%;
}
.project-wrapper{ position:relative;}
.project-wrapper:before{
	content:'';
 display:block;
	position:absolute;
	left:0; top:0; bottom:0; width:100%; height:75%; background:#0F2F46;
} 

.home-testimonial .elementor-testimonial__text{position:relative;padding-left: 15px;}
.home-testimonial .elementor-testimonial__cite{padding-left: 15px;}

.home-testimonial .elementor-testimonial__text:before{content:'';
 display:block;
	position:absolute;
	left:-30px; top:0; width:35px; height:25px; background:url(https://roofevolution.com/wp-content/uploads/2021/09/asset1@2x.png); background-repeat:no-repeat; }
.home-testimonial .elementor-testimonial__text:after{content:'';
 display:block;
	position:absolute;
 right:0px; bottom:-20PX; width:35px; height:25px; background:url(https://roofevolution.com/wp-content/uploads/2021/09/asset1@2x.png); background-repeat:no-repeat; transform: rotate(180deg);}

.header-light-heading p{margin-bottom:0px; line-height: 75px;}
.sub-heading{margin-bottom:10px!important;}
.sub-heading p{ margin-bottom:0px; display:inline-block; position:relative;}
.sub-heading p::after{ content:'';
 display:inline-block;
width:100px; height:1px; border-top:1px dashed #000; position: absolute;  right: -115px; top: 23px;}

.bg-border .elementor-widget-container{position:relative!important;}
.bg-border .elementor-widget-container::before {
    content: '';
    width: 100%!important;
    height: 100%!important;
    right: -20px!important;
    bottom: -20px!important;
    background: #E3E3E3!important;
    position: absolute!important;
    z-index: -1;
}
.bg-border.bg-border-left .elementor-widget-container::before {
 left: -20px!important;
 bottom: -20px!important;}

.experience .elementor-widget-wrap{ margin-right: -275px;
 width: auto; z-index: 1; background: #fff; box-shadow: 0px 0px 15px #00000026; margin-top: 55px; margin-bottom: 55px; padding:60px 100px 60px 50px!important;}

.our-value-sec{position:relative;}
.our-value-sec:before {
    /*content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 75%;
    background: #0F2F46;*/
}
.our-value-sec .sub-heading p::after{border-top: 1px dashed #ffffff;}
.our-value-sec .sub-heading p::before{ content:'';
 display:inline-block;
width:100px; 
height:1px;
border-top:1px dashed #ffffff; position: absolute;
left: -115px; top: 23px;}

.sub-heading.lft-w-divider  p::before{ content:'';
 display:inline-block;
width:100px; 
height:1px;
border-top:1px dashed #ffffff; position: absolute;
left: -115px; top: 23px;}
.sub-heading.rgt-w-divider p::after{ content:'';
 display:inline-block;
width:100px; height:1px; border-top:1px dashed #ffffff; position: absolute;  right: -115px; top: 23px;}



.service-colum .elementor-icon-box-title{margin-top:25px;}

.service-page-service .elementor-image-box-title{margin-top: 0px;}


.blog-page .elementor-posts .elementor-post__text {padding: 10px 0px 75px 0px!important;}

.blog-page .elementor-posts .elementor-post__title, .blog-page .elementor-posts .elementor-post__excerpt{ padding: 0px 20px;}


.blog-page .elementor-posts .elementor-post__meta-data{ position:absolute; bottom:0; background:#0F2F46; padding:20px 10px 20px 15px; left:0; right:0; margin-bottom:0px!important;; }
.blog-page .elementor-post{position:relative;}

.blog-page .elementor-posts .sd-sharing-enabled{ display:none;}

.page-id-1196 .elementor-location-header, .page-id-1196 .elementor-location-footer{display:none;}


.page-id-12932 .elementor-location-header, .page-id-12932 .elementor-location-footer{display:none;}

.landing-feature-col .elementor-icon-box-title{margin-top:0px!important;}

.landing-feature-col .elementor-widget-text-editor span{float:right; margin-right:10px;}

.leading-h2 span{font-weight:400;}
.lead-project-col .elementor-image-box-img img{width:100%; }
.lead-project-col .elementor-image-box-content{position: absolute;top: 0;bottom: 8px;
background: rgb(0 0 0 / 40%); display:none;padding:40px 0px;}
.lead-project-col:hover .elementor-image-box-content{ display:block; }


.post-info .elementor-icon-list-item .elementor-post-info__item--type-date{ font-size:15px; text-transform:capitalize; font-weight:400!important; position:relative;}
.post-info .elementor-icon-list-item .elementor-post-info__item--type-date:after{content: '';
    display: inline-block;
    width: 80px;
    height: 1px;
    border-top: 1px dashed #000;
    position: absolute;
    right: -90px;
    top: 18px;}
.projectGallery a.elementor-item.elementor-gallery-title.elementor-item-active {
    display: none;
}
.sd-sharing-enabled{display:none;}
.sharedaddy.sd-block.sd-like{display:none;}
.best-service .sub-heading.lft-w-divider p::before {border-top: 1px dashed #000; }

.leave-comment .comment-reply-title{text-align:left;font-size: 48px;}


.project-slider .elementor-image-carousel-caption span{ background: transparent!important; padding: 10px 20px; border:1px solid #ffffff;}
.project-wrapper .swiper-slide-inner{position:relative;}
.project-wrapper .swiper-slide-inner .elementor-image-carousel-caption{position:absolute;     width: 100%;  bottom: 20px; z-index:1; display:none;}

.project-wrapper .swiper-slide-inner{position:relative;}
.project-wrapper .swiper-slide-inner:after{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / 20%); display:none;}
.project-wrapper .swiper-slide-inner:hover:after{display:block;}

.project-wrapper .swiper-slide-inner:hover .elementor-image-carousel-caption{display: block;}


footer .elementor-nav-menu--main .menu-item a{position:relative;}
footer .elementor-nav-menu--main .menu-item a:before{content:''; width: 14px;
    height: 18px;
    background: url(https://roofevolution.com/wp-content/uploads/2021/09/Icon-ionic-ios-arrow-forward.svg);
    display: inline-block;
    background-repeat: no-repeat;
    line-height: 0px;
    vertical-align: middle;
    margin-left: 0px;
	  opacity: 1!important;
}
.service-page-service .elementor-image-box-wrapper .elementor-image-box-content{padding:0px 15px;}


.team-box{position:relative;}
.team-box h3.elementor-image-box-title{ margin-top:20px!important;}
.team-social { position:absolute; bottom: 155px; left: 20px;}
.testimonial-img{ position : relative;}
.testimonial-img:after{content:''; width: 73px; height: 73px; background: url(https://roofevolution.com/wp-content/uploads/2021/09/quote-icon@2x.png);display: inline-block; background-repeat: no-repeat; position:absolute; bottom:0; right:0;}

.get-job-form .elementor-field-type-select .elementor-field-textual{height:64px;}

.team-box .elementor-image-box-img img { width:100%; height:auto;}


.video-gallery .elementor-tab-title.elementor-active{ background-color:#0F2F46;}
.video-gallery .elementor-tabs-content-wrapper, .video-gallery  .elementor-tab-content, .video-gallery .elementor-tab-title{border-width:0px!important; border: 0px #ffffff;}
.video-gallery .html5video-columns
{padding-left:0px!important; padding-right:20px!important;}
.page-id-4298 .elementor-location-header{display:none;}
.testimonial-slider .elementor-testimonial__content{ background: transparent; position: relative;}
.testimonial-slider .elementor-testimonial__content:after{ background: transparent;}
.testimonial-slider .elementor-swiper-button{ top: auto; bottom:-50px;}

.testimonial-slider .elementor-testimonial__content:before{ content: '';
    width: 19px;
    height: 14px;
    background: url(https://roofevolution.com/wp-content/uploads/2021/10/quote.png);
    display: inline-block;
    background-repeat: no-repeat;
position: absolute; left: 0; top: 0;}
.testimonial-slider .elementor-testimonial__content:after{ content: '';
    width: 19px;
    height: 14px;
    background: url(https://roofevolution.com/wp-content/uploads/2021/10/quote.png);
    display: inline-block;
    background-repeat: no-repeat;
position: absolute; right: 0!important; bottom: 0!important; transform: rotate(180deg)!important; left: auto!important;}
.lead-page-form .elementor-field{ box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);}
.lead-page-form .elementor-button{ box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);}


.lead-brands{ display: flex;}
.lead-brands .elementor-widget-image{ width: auto; float: left; margin-right: 15px;}
.service-slider .elementor-image-carousel-caption span{ display: block; font-size: 30px; font-weight:bold; color:#192f44; line-height: 34px; margin-bottom: 10px;}
.service-slider .swiper-slide{ padding: 20px;}

/*start lead page 3*/
.page-id-4636  .elementor-location-header{display:none;}

.leadpage-form .gfield input.large::placeholder, .leadpage-form .gfield textarea.large::placeholder {
  color: #385978;}

.leadpage-form .gfield input.large{ border-radius: 3px; font-weight: 500; font-size:14px;}
.leadpage-form .gfield textarea.large{ height: 120px!important; border-radius: 3px; font-weight: 500; font-size: 14px;}
.leadpage-form .ginput_container{ box-shadow: 0px 0px 8px rgb(0 0 0 / 50%);}
.leadpage-form .gform_fields{grid-row-gap: 10px!important;}

.leadpage-form .gform_button.button{color: #ffffff; background:#4679a9; font-size: 22px; text-transform: capitalize; border-radius: 3px; width: 100%; padding: 8px 20px;box-shadow: 0px 0px 8px rgb(0 0 0 / 50%);}
.leadpage-form .gform_footer{ padding: 8px 0px 0px 0px!important;}
/*end lead page 3*/

@media (min-width: 1601px){
.page-id-1196 .elementor-container {max-width: 1600px!important;}
}
@media (max-width: 1280px){	
.project-slider.elementor-arrows-position-outside .elementor-swiper-button-prev {left: 0px!important;}
	
.project-slider.elementor-arrows-position-outside .elementor-swiper-button-next {
	right: 0px!important;}
	
.project-slider .elementor-image-carousel-caption span {
	left: 43px;	}
	
}

@media (max-width: 1023px){
.lead-project-col .elementor-image-box-content {padding: 56px 0px;}
.lead-project-col .elementor-image-box-content .elementor-image-box-title{margin:5px 0px!important; 
	}
	
.hero-main-slider .swiper-slide .swiper-slide-inner { padding: 0px 20px!important;}
	
.hero-main-slider .swiper-container-horizontal>.swiper-pagination-bullets, .hero-main-slider .swiper-pagination-custom, .swiper-pagination-fraction {left: 20px;}	
	.inner-page-banner h1{ font-size:60px!important; line-height: 68px!important;}
	.heading-2 h2{ font-size: 36px!important;
 line-height: 40px!important;}
.leave-comment .comment-reply-title{font-size: 36px; line-height:40px;}
}
@media (max-width: 768px){
.lead-project-col .elementor-image-box-content {padding: 50px 0px;}
}
@media (max-width: 767px){
	.logo-home .elementor-col-25 {
    float: left;
    width: 50%;
}
	
	.logo-home .elementor-col-25 .elementor-widget-wrap {
    margin: 3px;
    border: 1px solid #f2f2f2;
}
	
	
	.elementor-menu-toggle {
    margin-bottom: 10px!important;
    padding-bottom: 10px;
}
	.lead-project-col .elementor-image-box-content {padding: 90px 0px;}
.home-testimonial .elementor-testimonial {flex-direction: column-reverse;}
	.home-testimonial .elementor-testimonial__footer{padding-right:0px!important}
	.home-testimonial .elementor-testimonial__image img{margin: 0 auto 30px auto;}
	.footer-menu ul{ display:block!important;}
	
.sub-heading.lft-w-divider p::before { width: 70px; left: -80px;}	
.sub-heading.rgt-w-divider p::after {width: 70px; right: -80px;
}
	
	.project-slider .elementor-image-carousel-caption span { left: 48px;	}
.inner-page-banner h1 {
    font-size: 54px!important;
    line-height: 60px!important;
}	
	.experience .elementor-widget-wrap {
    margin-right: 0px;
    width: auto;
    z-index: 1;
    background: #fff;
    box-shadow: 0px 0px 15px #00000026;
    margin-top: 0px;
		margin-bottom: 0px;padding: 60px 20px!important;}
	
	.newsletter{margin-bottom: 20px;}
	.newsletter	.elementor-field-type-email {width:80%!important;}
.sub-heading p::after {
    width: 70px;
    right: -80px;
    display: none; /* this is cusing problem on the home page contact form */
}
.our-value-sec .sub-heading p::before{ width: 70px;
  left: -80px;}
	
.home-testimonial .elementor-testimonial__text:before {left: -20px;	} 
section.CRoofing + .CRoofing {padding-top: 0px!important; margin-bottom: 0!important; }
.CRoofing h2 {margin-top: 30px; }
.CRoofing ~ .CRoofing {margin-top: 0!important; }
.mgtresetMob {margin-top: -20px!important; margin-bottom: 0px!important; }
}


@media only screen and (max-width: 768px) {
    .custom-background .elementor-column {
             
        } 
}


/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.page-id-9395 .elementor-location-header, .page-id-9648  .elementor-location-header, .page-id-9833 .elementor-location-header{display:none;}

.thankyou-form form input, .thankyou-form form textarea{border:none; border-bottom:1px solid #868686;background: transparent;
}

.thankyou-form form  textarea.small, #gform_fields_8 form  textarea.small {
    height: 75px !important;
    resize: none;
}


.thankyou-form form  .button{    background: #ffb91d;
    border: none;
    padding: 10px 30px;
    color: #192f44;
    border-radius: 0px;
    font-size: 16px; text-transform:capitalize;}
#gform_fields_8 .gfield_time_hour {
    max-width: 137px;
    min-width: 137px;
}
#gform_fields_8 .gfield_time_minute{
	max-width: 100px;
    min-width: 100px;
}
#gform_fields_8 .ginput_container_time intput{padding-right:0px;}

#gform_fields_8 .ginput_container_time .hour_label, #gform_fields_8  .hour_minute_colon, #gform_fields_8 .ginput_container_time  .minute_label{display:none;}

.icon-img .elementor-image img {
    width: 60px;
    height: 60px;
}

.icon-img .elementor-image{
        width: 90px;
    height: 90px;
    box-shadow: 0px 2px 5px #00000027;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0px auto;}
.footer-custom-menu ul li a:hover{text-decoration:underline;}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.gfield_html{font-size:16px;    line-height: 22px;
    font-weight: normal;
    color: #0F2F46 !important;}
    
.pum-theme-3841, .pum-theme-default-theme {
    background-color: rgba(0, 0, 0, 0.79) !important;
}
#popmake-10267 .gform_title{display:none !important;}
.pum-theme-3841 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 60px 40px !important;
    background-color: rgb(255 255 255)!important;
}
.gform_confirmation_message {
    color: #000 !important;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    font-size: 12px;
    padding: 0px;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none;
    border: none;
    font-size: 12px;
    margin-top: 5px;
    padding: 0px;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: #ff0000;
}
h2.gform_title {
    display: none;
}