/*
Theme Name:     Roofit Divi Child Theme
Theme URI:      https://roofit.themesunit.com/
Description:    Roofit is the ideal WordPress Divi Child Theme for your roofing company.
Author:         ThemesUnit
Author URI:     https://themesunit.com/
Template:       Divi
Version:        1.1
*/


/* Theme color */
:root { 
	--color1:#E7824A;	
	--color2:#1C1B1F;  
}

/* Header Css Start */
.roofit-header-menu-section.et_pb_sticky.et_pb_section{
	box-shadow: 0 8px 8px -10px #9b8989;
}
.roofit-header-menu-section .et_pb_menu__menu>nav>ul>li>a{
	color:var(--color2)!important;
	position: relative;
	cursor: pointer;
	padding:0px!important;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
}
.roofit-header-menu-section .et-menu .menu-item-has-children>a:first-child {
	padding-right: 15px!important;
}
.roofit-header-menu-section .et-menu .menu-item-has-children>a:first-child:after{
	content:"\33";
	color:var(--color2)!important;
	font-size:16px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	font-weight:600!important;
}
.roofit-header-menu-section ul li ul {
	transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	padding:0!important;
	top:0;
	left:235px;
}
.roofit-header-menu-section ul li ul>li>a{
	padding: 10px 20px!important;
	width:100%!important;
	color:var(--color2)!important;
	font-weight:400;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
	font-size:16px;
	font-weight:600;
	line-height:26px;
}
.roofit-header-menu-section .et_pb_menu__menu>nav>ul>li>ul>li>a:hover{
	color:#fff!important;
	background:var(--color1)!important;
	opacity: 1!important;
	border-radius:0;
}
.roofit-header-menu-section .current-menu-item>a,
.roofit-header-menu-section .et_pb_menu__menu>nav>ul>li>a:hover,
.roofit-header-top-section ul.et_pb_social_media_follow li a:hover:before,
.roofit-header-menu-section .et-menu .menu-item-has-children>a:first-child:hover:after,
.roofit-header-menu-section .et_mobile_menu li a:hover{
	opacity: 1!important;
	color:var(--color1)!important;	
} 
.roofit-header-menu-section .et_mobile_nav_menu span:before {
	color:var(--color1)!important;
	border:1px solid var(--color1)!important;
	top:0!important;
}
.roofit-header-menu-section .mobile_nav.opened .mobile_menu_bar:before{
	content:"\4d";
	color:var(--color1)!important;
	border:1px solid var(--color1)!important;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.roofit-header-menu-section ul.et_mobile_menu{
	padding:10px;
}
.roofit-header-menu-section .mobile_nav ul.et_mobile_menu{
	border-top: 3px solid var(--color1);
	border-radius:10px;
}
.roofit-header-menu-section .mobile_nav.opened ul.et_mobile_menu>li>a{
	color:var(--color2);
	font-weight:700;
	border-bottom: unset!important;
}
.roofit-header-menu-section ul.et_mobile_menu{
	width:100%;
	padding:0!important;
}
.roofit-header-menu-section .et_mobile_menu .menu-item-has-children>a{
	position:relative;
}
.roofit-header-menu-section .et_mobile_menu li a {
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
	padding:10px 20px!important;
	border-bottom:unset!important;
	color:var(--color2)!important;
}
.roofit-header-menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li{
	margin-top:0!important;
}
.roofit-header-menu-section .et_mobile_menu .menu-item-has-children>a:after{
	font-family:ETmodules;
	text-align:center;
	speak:none;
	font-weight:600;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	font-size:18px;
	content:"\33";
	top:17px;
	transform:rotate(0);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	right:13px!important;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.roofit-header-menu-section .et_mobile_menu .menu-item-has-children.visible>a:after{
	content:'\34';
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.roofit-header-menu-section .et_mobile_menu ul.sub-menu{
	display:none!important;
	visibility:hidden!important;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.roofit-header-menu-section .et_mobile_menu .visible>ul.sub-menu{
	display:block!important;
	visibility:visible!important;
	opacity: 1;
	padding-left:10px!important;
}
.roofit-header-menu-section .et-menu li li.menu-item-has-children>a:first-child:after {
	top:auto;
}
.roofit-header-menu-section .et-menu li li.menu-item-has-children>a:first-child:hover:after{
	color:#fff!important;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	top: calc(208% - 1px)!important;
	border-top: 3px solid var(--color1);
	padding:0!important;
	border-radius:10px;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li{
	padding:0;
	display:block!important;
}
.roofit-header-menu-section .et_mobile_menu .menu-item-has-children>a{
	background-color: transparent;
}
.roofit-header-menu-section .et_pb_menu .et-menu>li{
	padding-left: 20px!important;
	padding-right: 20px!important;
}
.roofit-header-menu-section .et_pb_social_media_follow li{
	margin-bottom:0!important;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li{
	padding:0;
	display:block!important;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul{
	border-top: 3px solid var(--color1);
	top: -3px;
	border-radius:10px;
	overflow:hidden;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li>a:hover{
	color:#fff!important;
	opacity: 1!important;
	background:var(--color1)!important;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li>a{
	width: 100%!important;
	padding: 10px 20px!important;
	color: var(--color2)!important;
}
.roofit-header-menu-section .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li {
	padding: 0;
	display: block!important;
}
.roofit-header-menu-section .et_mobile_menu .menu-item-has-children>a{
	background-color: transparent;
}
.roofit-header-menu-section .et_pb_social_media_follow li a.icon:before{
	color:var(--color1)!important;
}
.roofit-header-menu-section .et_mobile_menu li li {
	padding-left: 2%!important;
}
.roofit-header-menu-section .et_pb_menu__menu>nav>ul>li>ul li:first-child>a {
	border-radius:6px 6px 0 0;
}
.roofit-header-menu-section .et_pb_menu__menu>nav>ul>li>ul li:last-child>a {
	border-radius:0 0 10px 10px ;
}
@media (max-width: 1126px){
	.roofit-header-menu-section .et_pb_menu .et-menu>li {
		padding-left: 13px!important;
		padding-right: 13px!important;
	}
}
@media (max-width: 1040px){
	.roofit-header-menu-section .et_pb_menu .et-menu>li {
		padding-left: 13px!important;
		padding-right: 13px!important;
	}
}
@media (max-width: 980px){
	.roofit-header-menu-section .et_pb_menu .et_mobile_menu {
		top: 143%!important;
	}
	.roofit-header-menu-section .et_pb_menu__wrap{
		justify-content: end!important;
	}
	.roofit-header-menu-section .et_pb_menu ul li a{
		font-size:16px!important;
		line-height:26px!important;
	}
}
/* Header Css End */

/* Footer Css Start */
.roofit-footer-section .roofit-footer-newsletter a.et_pb_button {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 0!important;
	line-height: 26px!important;
	font-size:16px;
	width: auto;
	height: 41px;
	border: 0;
	border-radius:10px;
}
.roofit-footer-section .et_pb_newsletter_form p.et_pb_newsletter_field {
	padding-bottom: 0!important;
	margin-bottom: 0;
}
.roofit-footer-section .et-pb-icon{
	color:var(--color1)!important;
}
.roofit-footer-section .et_pb_blurb {
	display: table-cell;
	background: #383C46;
	box-shadow: 1.85px -8.15px 3.14815px rgb(3 3 67 / 2%);
}
.roofit-footer-section .roofit-footer-blurb-one {
	border-radius: 10px 0 0 10px;
	padding: 15px 0 15px 30px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.roofit-footer-section .roofit-footer-blurb-two {
	border-radius: 0 10px 10px 0;
	padding: 15px 30px 15px 60px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.roofit-footer-section .et_pb_blurb {
	display: table-cell;
	background: #383C46;
	box-shadow: 1.85px -8.15px 3.14815px rgb(3 3 67 / 2%);
}
.roofit-footer-section .roofit-footer-blurb-one .et_pb_blurb_content {
	border-right: 1px solid #fff;
	margin-right: 60px;
	max-width: unset;
}
.roofit-footer-section .roofit-footer-condition-row .et_pb_button_module_wrapper:not(:last-child) {
	margin-bottom: 0px!important;
	padding-right: 28px;
}
.roofit-footer-section .roofit-footer-condition-row .et_pb_button_module_wrapper:not(:last-child):after {
	position: absolute;
	width: 24px;
	height: 0px;
	bottom: 12px;
	right: 0;
	border: 1px solid #FFFFFF;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	content: '';
}
.roofit-footer-email-link:hover {
	color: var(--color1)!important;
}
.roofit-footer-email-link  {
	color: #fff!important;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
@media only screen and (min-width: 981px) and (max-width: 1199px){
	.roofit-footer-section .roofit-footer-blurb-one .et_pb_blurb_content {
		border-right: none!important;
		border-bottom: 1px solid #fff!important;
		padding-bottom: 30px;
		border-top: 0;
	}
	.roofit-footer-section .roofit-footer-blurb-one {
		padding-bottom: 0!important;
		padding-right: 30px;
		border-radius: 10px 10px 0 0px;
		border-bottom: 0;
		border-right: 1px solid;
	}
	.roofit-footer-section .et_pb_blurb {
		display: block!important;
		margin-bottom: 0!important;
	}
	.roofit-footer-section .roofit-footer-blurb-two {
		border-radius: 0 0px 10px 10px;
		padding: 30px!important;
		border-left: 1px solid #fff;
		border-top: 0;
	}
}
@media (max-width: 767px){
	.roofit-footer-section .roofit-footer-blurb-one .et_pb_blurb_content {
		border-right: none!important;
		border-bottom: 1px solid #fff!important;
		padding-bottom: 30px;
		border-top: 0;
	}
	.roofit-footer-section .roofit-footer-blurb-one {
		padding-bottom: 0!important;
		padding-right: 30px;
		border-radius: 10px 10px 0 0px;
		border-bottom: 0;
		border-right: 1px solid;
	}
	.roofit-footer-section .roofit-footer-blurb-one {
		margin-bottom: 0!important;
	}
	.roofit-footer-section .roofit-footer-blurb-two {
		border-radius: 0 0px 10px 10px;
		border-left: 1px solid #fff;
		border-top: 0;
	}
	.roofit-footer-section .roofit-footer-blurb-one ,
	.roofit-footer-section .roofit-footer-blurb-two {
		padding: 30px;
		display: block;
	}
}
/* Footer Css End */

/* Home Contact Section Css Start */
.roofit-home-contact-section .et_pb_contact_submit {
	width: 100%;
}
.roofit-home-contact-section .et_pb_contact_field:not(:last-child){
	margin-bottom:15px!important;
}
.roofit-home-contact-section .et_contact_bottom_container{
	float: left!important;
	text-align: right!important;
	width: 50%!important;
	margin-top:0!important;
}
@media (max-width:767px) {
	.roofit-home-contact-section .et_contact_bottom_container{
		width: 100%!important;
	}
}
/* Home Contact Section Css End */

/* About Section Css Start */
.roofit-about-section .et_pb_number_counter .percent p{
	color:#fff!important;
}
.roofit-about-section .et_pb_number_counter {
	padding: 50px;
	width: 46%;
	background: var(--color1);
	border: 10px solid #FFFFFF;
	border-radius: 0px 10px;
	position: absolute;
	bottom: -1px;
}
.roofit-about-col {
	display:flex;
	flex-wrap:wrap;
	column-gap:20px;
}
.roofit-about-text{
	margin-bottom:0!important;
	width:30%;
	border-radius:10px;
	padding:25px 25px;
	margin-bottom:20px!important;
}
@media only screen and (min-width: 981px) and (max-width: 1234px){
	.roofit-about-col {
		display:block;		
	}
	.roofit-about-text{
		width:50%;
		margin-bottom:20px!important;
	}
}
@media (max-width:575px) {
	.roofit-about-col {
		display:block;		
	}
	.roofit-about-text{
		width:100%;
		margin-bottom:20px!important;
	}
}
@media (max-width:575px) {
	.roofit-about-section .et_pb_number_counter{
		width:100%!important;
		position:relative;
		bottom:0!important;
		margin-top: 20px;
	}
}
/* About Section Css End */

/* Service section Css Start */
.roofit-service-section .roofit-service-col .et_pb_button {
	border-width: 0px!important;
	border-radius: 0px;
	border-left: 1px solid #777777!important;
}
.roofit-service-section .roofit-service-col .et_pb_button {
	color:#777777!important;
	border: 0;
}
.roofit-service-section .roofit-image-blurb .et_pb_module_header{
	border: 1px solid #777777;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	line-height: 24px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-service-section .roofit-image-blurb .et_pb_blurb_container{
	float:right;
}
.roofit-service-section .roofit-service-col{
	border: 1px solid #777777;
	border-radius: 10px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	background-color:var(--color2);
}
.roofit-service-section .roofit-service-col:hover{
	background: #373739;
	border: 1px solid #373739;
}
.roofit-service-section .roofit-service-col:hover .roofit-image-blurb .et_pb_module_header{
	background:#fff;
	color:var(--color1)!important;
}
.roofit-service-section .roofit-service-col:hover .et_pb_button{
	color:var(--color1)!important;
	border-left: 1px solid var(--color1)!important;
}
.roofit-service-section .roofit-service-col .et_pb_main_blurb_image img {
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-service-section .roofit-service-col:hover .et_pb_main_blurb_image img{
	filter: brightness(0) invert(1);
}
/* Service Section css End */

/* Portfolio Section Css Start */
.roofit-portfolio-section .et_pb_portfolio_items,
.roofit-portfolio-section .et_pb_ajax_pagination_container{
	display: grid!important;
	gap: 30px;
	grid-template-columns: repeat(3,1fr);
}
.roofit-portfolio-grid-2 .et_pb_portfolio_items,
.roofit-portfolio-grid-2 .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(2,1fr);
}
.roofit-portfolio-grid-4 .et_pb_portfolio_items,
.roofit-portfolio-grid-4 .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(4,1fr);
}
.roofit-portfolio-no-gap .et_pb_portfolio_items,
.roofit-portfolio-no-gap .et_pb_ajax_pagination_container{
	gap: 0 !important;
}
.roofit-portfolio-no-gap .et_portfolio_image:after {
	border-radius: 0 !important;
}
.roofit-portfolio-section .roofit-protfolio-box{
	position: absolute;
	bottom: 5%;
	left: 8%;
}
.roofit-portfolio-section .et_portfolio_image:after,
.roofit-portfolio-section .entry-featured-image-url:after {
	position: absolute;
	top: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(28, 27, 31, 0) 0%,  var(--color2) 100%);
	border-radius: 10px;
	left: 0;
	content: '';
}
.roofit-portfolio-section ul.clearfix {
	display: flex;
	justify-content: center;
}
.roofit-portfolio-section .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	margin-right: 15px;
}
.roofit-portfolio-section .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	color: #FFFFFF;
	background-color: var(--color1)!important;
	border-radius: 10px;
}
.roofit-portfolio-section .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border-radius: 10px!important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-portfolio-section .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
	color:#fff!important;
	background-color:var(--color1)!important;
}
.roofit-portfolio-section .et_pb_post,
.roofit-portfolio-section .et_pb_post .entry-featured-image-url {
	margin-bottom:0 !important;
}
@media (max-width:980px) {
	.roofit-portfolio-section .et_pb_portfolio_items{
		grid-template-columns: repeat(2,1fr)!important;
	}
}
@media (max-width:767px) {
	.roofit-portfolio-tag-section .et_pb_portfolio_items, .roofit-portfolio-tag-section .et_pb_ajax_pagination_container {
		display: grid!important;
		gap: 30px;
		grid-template-columns: repeat(1,1fr)!important;
	}
	.roofit-portfolio-section ul.clearfix {
		display: block;
	}
	.roofit-portfolio-section .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: 100%;
		padding-bottom: 10px;
		margin: 0;
	}
	.roofit-portfolio-section .et_pb_filterable_portfolio .et_pb_portfolio_filters {
		margin: 0 0 20px!important;
	}
	.roofit-portfolio-section .et_pb_portfolio_items,
	.roofit-portfolio-section .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(1,1fr)!important;
	}
}
@media (max-width: 479px){
	.roofit-portfolio-section .et_pb_portfolio_item {
		margin-bottom: 0!important;
	}
}
/* Portfolio section Css End */

/* Project Carousel Section Css Satrt */
.roofit-project-carousel-section .et_overlay{
	background: linear-gradient(180deg, rgba(28, 27, 31, 0) 0%,  var(--color2) 100%)!important;
	opacity: 1!important;
	z-index: 1!important;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before{
	display:none!important;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay, 
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta {
	z-index: 0;
	opacity: 1;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header, 
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
	margin-top: 46%!important;
	margin-left: 30px;
}
.roofit-project-carousel-section .meta {
	opacity: 1!important;
	z-index: 1!important;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio_0 .et_pb_portfolio_image p.post-meta {
	text-align: left;
	margin-left: 35px;
	padding-top: 10px!important;
}
.roofit-project-carousel-section .et_pb_bg_layout_light .et-pb-arrow-next, 
.roofit-project-carousel-section .et_pb_bg_layout_light .et-pb-arrow-prev {
	color: #fff!important;
	background: var(--color1);
	border-radius: 50px;
	line-height: 40px;
	font-size: 30px;
	width: 40px;
	height: 40px;
	text-align: center;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et-pb-arrow-next{
	right: 22px!important;
	opacity: 1!important;
}
.roofit-project-carousel-section .et_pb_fullwidth_portfolio .et-pb-arrow-prev {
	left: 22px!important;
	opacity: 1!important;
}
/* Project Carousel Section Css End */

/* Why Choose Section Css Start */
.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb:hover {
	background-color:#fff;
}
.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb,
.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb .et_pb_blurb_container h4 {
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb:hover .et_pb_blurb_container h4{
	color:var(--color2);
}
.roofit-choose-section .et_pb_column_single{
	padding:0!important;
}
.roofit-choose-section .et_pb_image_wrap {
	position:relative;
}
.roofit-choose-section .et_pb_image_wrap:after{
	content: '';
	position: absolute;
	background:#fff;
	opacity: 0.2;
	border-radius: 100px;
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	right: -60%;
	z-index:1;
	transition:all .5s ease;
}
.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb:hover .et_pb_image_wrap:after{
	background:var(--color2);
}
@media only screen and (min-width: 981px) and (max-width: 1360px){
	.roofit-choose-section .roofit-choose-inner-row .et_pb_blurb {
		height:182px;
	}
}
/* Why Choose Section Css End */

/* Team Section Css Start */
.roofit-team-section .et_pb_member_social_links {
	position: absolute;
	flex-direction: column;
	top: 65px;
	left: 16px;
	margin: auto;
	display: flex;
	gap: 10px;
	padding: 0;
	z-index: 9;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-team-section .et_pb_team_member .et_pb_member_social_links:before {
	content: '\4c';
	font-size: 20px;
	text-align: center;
	color:var(--color1) ;
	font-family: ETmodules;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: -50px;
	right: 0;
	font-weight: bolder;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-team-section .et_pb_team_member .et_pb_member_social_links li {
	opacity: 0;
	width: 35px;
	height: 35px;
	margin: 0;
	border-radius: 50%;
	line-height: 39px;
	background: #fff;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	text-align: center!important;
}
.roofit-team-section .et_pb_team_member:hover .et_pb_member_social_links:before {
	transform: rotate(45deg);
	background: var(--color1);
	color: #fff;
	border-color: #fff;
}
.roofit-team-section .et_pb_team_member:hover ul li:nth-child(1) {
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
}
.roofit-team-section .et_pb_team_member:hover .et_pb_member_social_links li {
	opacity: 1;
}
.roofit-team-section .et_pb_member_social_links li:hover {
	background-color: var(--color1)!important;
	color: #fff!important;
}
.roofit-team-section .et_pb_team_member_image{
	z-index:-1;
}
.roofit-team-section .et_pb_team_member_image  img{
	width:100%;
}
.roofit-team-section .et_pb_team_member_description{
	background-color:#fff;
	padding:20px;
	border-radius:0 0 10px 10px;
	margin-top:-100px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-team-section .et_pb_team_member:hover .et_pb_team_member_description{
	background-color: var(--color1);
}
.roofit-team-section .et_pb_team_member .et_pb_member_position {
	transition:all .5s ease;
}
.roofit-team-section .et_pb_team_member:hover .et_pb_member_position{
	color:#fff!important;
}
.roofit-team-section .et_pb_member_social_links a{
	color:var(--color2)!important;
}
.roofit-team-section .et_pb_google_icon:before {
	content: "\e09a"!important;
}
/* Team Section Css End */

/* Counter Section Css Start */
.roofit-counter-section .et-pb-icon{
	color:var(--color1) !important;
}
.roofit-counter-section .percent-value,
.roofit-counter-section .percent-sign{
	color: var(--color2);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-counter-section .et_pb_main_blurb_image:before {
	content: '';
	position: absolute;
	background: var(--color1);
	opacity: .15;
	top:0;
	bottom:0;
	right:0;
	left:0;
	border-radius: 50%;
}
.roofit-counter-section .roofit-counter-box:hover .percent-value,
.roofit-counter-section .roofit-counter-box:hover .percent-sign,
.roofit-counter-section .roofit-counter-box:hover .title {
	color:#fff;
}
.roofit-counter-section h4.title {
	padding-bottom: 0 !important;
	transition:all .5s ease;
}
/* Counter Section Css End */

/* Video Section Css Start */
/* button video */
.wps-video{
	text-align:center;
}
button#myBtn {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	position: relative;
}
button#myBtn .arrow_triangle-right_alt {
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 1;
}
button#myBtn .arrow_triangle-right_alt:after {
	content: "\45";
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: var(--color2);
	color: #fff;
	font-size: 70px;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'ETmodules';
	border-radius: 100px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 0px;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0,0.7);
}
.modal-content {
	font-family: 'Mulish', sans-serif;
	background-color: transparent;
	margin: auto;
	padding: 0;
	width: 100%;
	position: relative;
	height: inherit;
}
.close, .close:hover, .close:focus {
	color: #aaaaaa!important;
	float: right;
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	top: 150px;
	left: auto;
	right: 40px;
	z-index:9999;
	text-decoration: none;
	cursor: pointer!important;
}
.popup-is-visible .et_pb_row:not(.close) {
	animation: scale-in 0.5s cubic-bezier(0.14, 0.06, 0.41, 1.39) both;
	animation-delay: 0.5s;
}
.modal-content .wps-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.modal-content .wps-box .wps-box-inner {
	max-width: 1140px;
	width: 100%;
	margin: auto;
	display: block;
	align-items: center;
}
.modal-content .wps-box video {
	max-width: 600px;
	height: 100%;
	width: 100%;
}
.popup-open footer .et_builder_inner_content,
.popup-open header .et_builder_inner_content {
	z-index: 0;
}
.popup-open .roofit-testimonial-section,
.popup-open .roofit-accordion-section,
.popup-open .roofit-blog-section,
.popup-open .roofit-client-section{
	z-index: -2!important;
}
@media only screen and (min-width: 767px) and (max-width: 1400px){
	.roofit-video-section .et_pb_code {
		text-align:center;
	}
}
@media (max-width:980px) {
	button#myBtn .arrow_triangle-right_alt:after{
		background: var(--color1);
	}
}
/* Video Section Css End */

/* Testimonial Section Css Start */
.roofit-testimonial-section .et_pb_testimonial {
	background: #FFFFFF!important;
	border-radius: 10px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}
.roofit-testimonial-section .et_pb_testimonial_portrait {
	width: 80px!important;
	height: 80px!important;
}
.roofit-testimonial-section .et_pb_testimonial_description {
	margin-left: 0!important;
}
.roofit-testimonial-section .et_pb_testimonial_description_inner {
	padding-top: 70px;
}
.roofit-testimonial-section .et_pb_testimonial_content {
	padding-top: 50px;
}
.roofit-testimonial-section .et_pb_testimonial_description p {
	padding-bottom: 0;
}
.roofit-testimonial-section .et_pb_testimonial_author {
	display: block;
	font-size: 22px;
	color: #252525!important;
	margin-top: 0px;
	position: absolute;
	top: 0;
	left: 113px;
}
.roofit-testimonial-section .et_pb_testimonial_meta {
	display: block;
	font-size: 13px;
	color: #444;
	position: absolute;
	top: 40px;
	left: 113px;
}
.roofit-testimonial-section .et_pb_testimonial:after {
	content: "\e033 \e033 \e033 \e033 \e033";
	background-color: var(--color2);
	width: 94px;
	height: 27px;
	right: 0;
	position: absolute;
	bottom: 0;
	top: 80px;
	visibility: visible;
	padding: 3px 7px;
	color: #fff;
	font-family: 'ETmodules';
	font-size: 17px;
	text-align: center;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-testimonial-section .et_pb_testimonial_description,
.et_pb_testimonial_description_inner {
	position: relative;
}
.roofit-testimonial-section .et_pb_testimonial:before{
	display:none!important;
}
.roofit-testimonial-section .et_pb_testimonial  {
	float: left;
	border-left: 10px solid var(--color2);
	box-shadow: 5px 5px 6px rgb(0 0 0 / 6%);
	padding: 40px;
	position: relative;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-testimonial-section .et_pb_testimonial:hover:after {
	background-color: var(--color1)!important;
}
.roofit-testimonial-section .et_pb_testimonial:hover {
	border-left: 10px solid var(--color1)!important;
}
.roofit-testimonial-section .et_pb_testimonial:hover .et_pb_testimonial_portrait {
	border: 5px solid var(--color1)!important;
}
.roofit-testimonial-section .et_pb_testimonial_portrait {
	border-radius: 50%;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	border: 5px solid var(--color2)!important;
}
@media (max-width: 980px){
	.roofit-testimonial-section .slick-slide {
		margin: 0px 20px 70px;
		padding: 20px;
	}
	.roofit-testimonial-section .slick-slide:after {
		top: 48px;
	}
	.roofit-testimonial-section .et_pb_testimonial{
		padding:20px;
	}
	.roofit-testimonial-section .et_pb_testimonial:after{
		top:50px;
	}
}
@media (max-width: 767px){
	.roofit-testimonial-section .et_pb_column .et_pb_testimonial_portrait {
		display: block;
		float: left;
		margin: 0 auto 20px;
	}
}
@media (max-width: 481px){
	.roofit-testimonial-section .et_pb_testimonial:after{
		top:46px;
	}
	.roofit-testimonial-section .et_pb_testimonial_description_inner {
		padding-top: 114px;
	}
	.roofit-testimonial-section .et_pb_testimonial_author {
		left: 0;
		top: 100px;
	}
	.roofit-testimonial-section .et_pb_testimonial_meta {
		left: 0;
		top: 130px;
	}
}
/* Testimonial Section Css End */
/* Accordion Section Css Satrt */
.roofit-accordion-section .et_pb_toggle_open h5.et_pb_toggle_title{
	color:var(--color1)!important;
}
.roofit-accordion-section .et_pb_toggle_title:before{
	font-size: 24px;
	color:#fff!important;
}
.roofit-accordion-section .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before {
	content: "\46"!important;
	font-family: ETmodules!important;
	font-weight: 200!important;
	display: block!important;
	line-height: 30px;
	border-radius: 50%;
	font-size: 24px;
	color: var(--color1)!important;
	position: absolute;
	right: 0;
	left: auto;
	top: 40%!important;
	margin-top: -0.5em;
}
.roofit-faq-section .et_pb_toggle_title:before{
	font-size: 24px;
	color:var(--color2)!important;
}
.roofit-faq-section .et_pb_toggle.et_pb_toggle_open:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--color1);
	opacity: 0.1;
}
/* Accordion Section Css End */

/* Blog Section Css start */
.roofit-blog-section .et_pb_ajax_pagination_container{
	display: grid!important;
	gap: 30px;
	grid-template-columns: repeat(3,1fr);
}
.roofit-blog-grid-2 .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(2,1fr);
}
.roofit-blog-grid-4 .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(4,1fr);
}
.roofit-blog-left-image .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(1,1fr);
}
.roofit-blog-section .entry-featured-image-url:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	content: '';
	border-radius: 10px 10px 0 0px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-blog-section .et_pb_post:hover .entry-featured-image-url:after {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px 10px 0px 0px;
}
.roofit-blog-section .et_pb_post .entry-title {
	transition:all .5s ease;
}
.roofit-blog-section .et_pb_post:hover .entry-title {
	color:var(--color1) !important;
}
.roofit-blog-section article{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 25%);
	border-radius: 10px;
	margin-bottom:0;
}
.roofit-blog-section .et_pb_post .entry-featured-image-url{
	margin-bottom:0;
}
.roofit-blog-section .roofit-detail {
	padding: 30px;
}
.roofit-blog-section .post-content-inner {
	margin-bottom:30px !important;
}
.roofit-blog-section .post-meta {
	display: flex;
	justify-content: space-between;
}
.roofit-blog-section span.author.vcard {
	margin-left:26px;
}
.roofit-blog-section .author a:before {
	content: '\e08a';
	position: absolute;
	left: 27px;
	font-family: 'ETMODULES';
	color: var(--color1)!important;
	font-size: 18px;
}
.roofit-blog-section .post-content a.more-link:after {
	content: '\24';
	position: absolute;
	font-family: ETmodules;
	color: var(--color1);
	margin-left: 10px;
	margin-top: 3px;
}
/* Blog Siderbar Css  */

.roofit-blog-grid-1 .et_pb_ajax_pagination_container {
	gap:30px !important;
	grid-template-columns: repeat(1,1fr);
}
.roofit-popular-posts .et_pb_ajax_pagination_container {
	gap:0px !important;
	grid-template-columns: repeat(1,1fr) !important;
}
.roofit-popular-posts .et_pb_post {
	margin-bottom: 0!important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	display: flex!important;
	background: transparent !important;
	box-shadow: none;
	align-items: center;
	column-gap: 15px!important;
}
.roofit-popular-posts .et_pb_post:hover {
	background: transparent !important;
}
.roofit-popular-posts .et_pb_post .entry-featured-image-url img {
	max-width: 110px!important;
	height: 100%!important;
	min-height: 100px!important;
	border-radius:10px;
}
.roofit-popular-posts .entry-title,
.roofit-popular-posts  .et_pb_post .entry-featured-image-url {
	margin-bottom: 0!important;
}
.roofit-popular-posts .blog-detail,
.roofit-popular-posts .roofit-detail {
	padding: 0 !important;
}
.roofit-popular-posts .post-content {
	padding-top: 0;
	border-top: 0;
}
.roofit-popular-posts .entry-featured-image-url:before,
.roofit-popular-posts .entry-featured-image-url:after{
	border-radius:10px!important;
}
.roofit-popular-posts article {
	padding-bottom: 15px!important;
}
.roofit-popular-posts a.entry-featured-image-url {
	width:auto!important;
}
/* Blog Left Image Css */

.roofit-blog-left-image article {
	position: relative;
	display: flex;
	align-items: center;
}
.roofit-blog-left-image .roofit-detail {
	padding: 26px;
	position: relative;
}
.roofit-blog-left-image .et_pb_post .entry-featured-image-url {
	max-width:400px;
}
.roofit-blog-left-image .et_pb_post .entry-featured-image-url,
.roofit-blog-left-image .et_pb_post .entry-featured-image-url img {
	height:100%;
	width:100%;
}
.roofit-blog-left-image .et_pb_post:hover .entry-featured-image-url:after {
	border-radius: 10px 0 0px 10px;
}
.roofit-blog-right-image article {
	flex-direction: row-reverse;
}
.roofit-blog-right-image .et_pb_post:hover .entry-featured-image-url:after {
	border-radius: 0 10px 10px 0;
}
@media(max-width:1200px) {
	.roofit-blog-grid-4 .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(3,1fr);
	}
}
@media (max-width: 980px) {
	.roofit-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr);
	}
	.roofit-blog-left-image article {
		flex-direction:column;
	}
	.roofit-blog-left-image .et_pb_post .entry-featured-image-url {
		max-width:100%;
	}
}
@media (max-width: 767px) {
	.roofit-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr);
	}
	.roofit-blog-left-image article {
		max-width:500px;
		margin:auto;
	}
}
/* Blog Section Css End */

/* Clinet Css Start */
.roofit-client-section .slick-track {
	display: flex;
	column-gap: 30px;
}
.roofit-client-section .et_pb_image_wrap img{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-client-section .et_pb_image_wrap img:hover{
	filter:brightness(0);
}
/* Clinet Css End */

/* Service Detail Css Start */
.roofit-service-detail-section .roofit-service-detail-box .et-pb-icon {
	color:var(--color1) !important;
}
.roofit-service-detail-section .roofit-service-detail-benefit .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0;
}
.roofit-service-detail-benefit .et_pb_blurb_description {
	margin-top:-3px;
}
.roofit-service-detail-section .roofit-service-detail-benefit .et-pb-icon {
	color:var(--color1) !important;
	border-color:var(--color1) !important;
	font-weight:700!important;
}
/* Service Detail Css End */

/* Contact Section Start */
.roofit-contact-info-section .roofit-info-box  .et-pb-icon {
	color:var(--color1) !important;
}
.roofit-contact-form-section .et_contact_bottom_container {
	float:left;
}
/* Contact Section End Start */

/* Team Detail Css Start */
.roofit-team-detail-section .et_pb_social_media_follow li a.icon:before {
	color:var(--color2);
}
.roofit-team-detail-section .et_pb_social_media_follow li a:hover.icon:before {
	color:#fff;
}
/* Team Detail Css End */

/* Portfolio Detail Css Start */
.roofit-portfolio-detail-section .roofit-portfolio-list .et-pb-icon{
	color:var(--color1) !important;
}
/* Portfolio Detail Css End */

/* Blog Detail Css Start */
.roofit-blog-detail-section .et_pb_image_wrap img {
	border-radius:10px;
}
.roofit-blog-detail-section .author a:after {
	content:none;
}
.roofit-blog-detail-section .author a:before {   
	left: 0;
}
.roofit-blog-detail-section span.comments-number {
	margin-left: 100px;
}
.roofit-blog-detail-section .comments-number a:before {
	content: '\e065';
	position: absolute;
	font-family: 'ETMODULES';
	color: var(--color1)!important;
	font-size: 18px;
	left:180px;
}
.roofit-blog-detail-section .roofit-social-icon a {
	border-color: var(--color1) !important; 
	border-width: 1px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-blog-detail-section .roofit-social-icon .et_pb_social_media_follow li a.icon:before {
	color: var(--color1) !important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-blog-detail-section .roofit-social-icon .et_pb_social_media_follow li a.icon:hover:before {
	color: #fff !important;
}
.roofit-blog-detail-section .roofit-social-icon .et_pb_social_media_follow a:hover {
	border-color: var(--color1) !important; 
	background-color: var(--color1) !important;
}
.roofit-blog-detail-section .et_pb_column_single {
	padding: 0;
}
.roofit-blog-detail-section .comment-reply-title,
.roofit-blog-detail-section h3{
	color:var(--color2)!important;
}
.roofit-blog-detail-section article{
	box-shadow: none;
}
/* Blog Detail Css End */

/* Pricing Table Css Start */
.roofit-pricing-section .et_pb_sum{
	color:var(--color1)!important;
}
.roofit-pricing-section .et_pb_pricing_table{
	padding:30px 40px;
}
.roofit-pricing-section .et_pb_best_value{
	padding-top: 90px;
	padding-bottom: 30px;
	border-bottom: 1px dashed var(--color1);
}
.roofit-pricing-section .et_pb_pricing_content_top{
	position: absolute;
	top: 63px;
	border-bottom: 0;
}
.roofit-pricing-section .et_pb_pricing_content {
	padding: 30px 0!important;
}
.roofit-pricing-section .et_pb_pricing_heading{
	padding:0!important;
}
.roofit-pricing-section .et_pb_pricing_table .et_pb_button_wrapper {
	padding-left: 0px;
	padding-right: 0px;
}
.roofit-pricing-section .et_pb_pricing li span:before {
	content: '\4e';
	font-family: ETmodules;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border: none!important;
	width: 18px;
	font-weight: 400;
	background-color:var(--color2)!important;
	border-radius: 50%;
	height: 18px;
	line-height: 21px;
	text-align: center;
	color:#fff;
	font-size:12px;
}
.roofit-pricing-section .et_pb_dollar_sign{
	color:var(--color1)!important;
}
.roofit-pricing-section .et_pb_pricing li span {
	padding-left: 29px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-pricing-section .et_pb_pricing_table_wrap{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	border:3px solid #fff!important;
}
.roofit-pricing-section .et_pb_pricing_table_wrap:hover{
	border-radius: 5px;
	border:3px solid var(--color1)!important;
}
.roofit-pricing-section .et_pb_pricing li {
	line-height: 1.6em;
	padding: 0 0 22px 0px!important;
}
.roofit-pricing-section .et_pb_pricing li.et_pb_not_available span:before{
	background-color:#777777!important;
}
@media (max-width:575px) {
	.roofit-pricing-section .et_pb_pricing_table{
		padding:30px 20px!important;
	}
}
/* Pricing Table Css End */

/* Service Page Css Satrt */
.roofit-service-section .roofit-services-row .roofit-service-col {
	border: 1px solid #777777;
	border-radius: 10px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	background-color: #fff!important;
}
.roofit-service-section .roofit-services-row .roofit-service-col:hover{
	background-color: var(--color1)!important;
	border: 1px solid var(--color1);
}
.roofit-service-section .roofit-services-row .roofit-service-col:hover .roofit-image-blurb .et_pb_module_header{
	color:var(--color2)!important;
}
.roofit-service-section .roofit-services-row .roofit-service-col:hover .et_pb_blurb_description{
	color:#fff!important;
}
.roofit-service-section .roofit-services-row .roofit-service-col .et_pb_blurb_description{
	color:#777!important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-service-list-section .et_pb_blurb_description,
.roofit-service-list-section .et_pb_main_blurb_image{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.roofit-service-section .roofit-services-row .roofit-image-blurb .et_pb_module_header{
	border: 1px solid var(--color1);
}
.roofit-service-section .roofit-services-row .roofit-service-col .et_pb_button{
	color: var(--color1)!important;
	border-left: 1px solid var(--color1)!important;
}
.roofit-service-section .roofit-services-row .roofit-service-col:hover .et_pb_button{
	color: var(--color2)!important;
	border-left: 1px solid var(--color2)!important;
}
/* Service Page Css End */

.roofit-service-list-section .et_pb_blurb_container{
	display:flex;
}
.roofit-service-list-section .et_pb_main_blurb_image{
	width: 85px;
	transition:all .5s ease;
}
.roofit-service-list-section .et_pb_blurb_content{
	display:flex;
	align-items:center;
}
.roofit-service-list-section .roofit-service-title .et_pb_module_header{
	border: 1px solid var(--color1);
	border-radius: 30px;
	width: 40px;
	height: 40px;
	line-height: 24px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	color: var(--color1);
}
.roofit-service-list-section .roofit-service-title .et_pb_blurb_container{
	padding-left:0;
}
.roofit-service-list-section .et_pb_blurb_description{
	padding-left:50px;
}
.roofit-service-list-section .roofit-service-title .et_pb_blurb_description{
	color:var(--color2)!important;
}
.roofit-service-list-section .roofit-service-list-btn {
	color: var(--color1)!important;
	border-left: 1px solid var(--color1)!important;
	border-width: 1px!important;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 600!important;
	padding-left: 10px;
	text-transform:uppercase;
	transition:all .5s ease;
}
.roofit-service-image .et_pb_blurb_container{
	padding-left:0!important;
}
.roofit-service-list-col{
	background: #FFFFFF;
	border: 1px solid #777777;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
/* Hover Effect */
.roofit-service-list-section .roofit-service-list-col:hover{
	background:var(--color1);
	border: 1px solid var(--color1);
}
.roofit-service-list-section .roofit-service-list-col:hover .roofit-service-title .et_pb_module_header{
	color: var(--color2);
	border: 1px solid #fff;
	background: #fff;
}
.roofit-service-list-section .roofit-service-list-col:hover  .et_pb_main_blurb_image{
	filter: brightness(0) invert(1);
}
.roofit-service-list-section .roofit-service-list-col:hover .roofit-service-title .et_pb_blurb_description{
	color:var(--color2)!important;
}
.roofit-service-list-section .roofit-service-list-col:hover .roofit-service-image .et_pb_blurb_description{
	color:#fff!important;
}
.roofit-service-list-section .roofit-service-list-col:hover .roofit-service-list-btn{
	color: var(--color2)!important;
	border-left: 1px solid var(--color2)!important;
}
@media (max-width:980px) {
	.roofit-service-list-section .et_pb_main_blurb_image {
		width: 53px;
	}
}
@media (max-width:767px) {
	.roofit-service-list-section .et_pb_blurb_content {
		display: block;
		align-items: center;
	}
	.roofit-service-list-section .roofit-service-image .et_pb_blurb_description {
		padding-left: 0px!important;
	}
	.roofit-service-list-section .et_pb_main_blurb_image {
		width: 40px;
	}
}
.roofit-search-section .et_pb_post {
	background: #FFFFFF;
	box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 15%);
	border-radius: 10px;
	padding: 30px 25px;
}
.roofit-search-section .et_pb_post {
	margin-bottom: 30px;
}
/* Pre-Loader CSS */
.tu-preloader {
	background-color:#ffffff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	overflow:hidden !important;
	z-index:9999999999999999;
}
.tu-preloader .tu-status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	background-size:cover;
	margin:-50px 0 0 -50px;
}
.tu-loader {
	text-indent:-99999em;
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(231,130,74,0.3);
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.tu-loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(231,130,74,0.6);
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.tu-loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--color1);
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Pre-Loader End  */

#commentform {
	padding-bottom: 0;
	display:flex;
	flex-direction:column;
}
#commentform .comment-form-comment {
	order:4;
}
#commentform .comment-form-cookies-consent {
	order:5;
}
#commentform .form-submit {
	order:6;
	text-align:left;
}