/*---------------------------------------------------------------------------------
Theme Name:   Divi Roofing Theme 
Theme URI:    https://diviroofing.divifixer.com
Description:  Don't just rely on word of mouth — Attract new clients for your roofing business online with the DIVI Roofing Multi-page child theme. All the important pages and business features that add up to a professional website for roofing contractors are already set up and ready to use.
Author:       Divi-Childthemes.com
Author URI:   https://www.divi-childthemes.com/
Template:     Divi
Version:      1.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* 
General
Title
	 Title Default
	 Title Center
button
header
Slider
	(max-width : 480px)
About us
Services
	Service s1
	Service s2
	Service s3
	(max-width : 480px)
	Service Details
Portfolio
Portfolio Details
Client	
	max-width :1299px
Pricing Table
Counter
	Counter v1
Faq
Blog
	Blog Details + Sidebar
Work Process		
Team
Contact us
Mobile Menu
max-width: 980px
	(min-width: 783px) and (max-width: 980px) 	
	(max-width: 479px) 
Responsive
Template-Options	
	max-width: 980px
Single Post - Project - Category
Scroll Bar 
Animations
Pulse
*/
/* Header */
.nav li li{
	padding:0px;
	display: inline-block;
	width: 100%;
}
.et-menu li li a{
	width: auto;
}
nav> ul > li > ul{
	border:none;
}
nav > ul > li > ul::after {
	position: absolute;
	left: 20%;
	margin-left: -40px;
	top: -15px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
}
.nav li ul {	
	text-align: left;
}
.sub-menu {border-radius: 5px; }
@media only screen and (min-width:1405px) {
 .et-show-dropdown .sub-menu {
	-webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both;
	animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both
 }
 .sub-menu {
	-webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both;
	animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both
 }
}
@media only screen and (min-width:1100px) and (max-width:1405px) {
 .et-show-dropdown .sub-menu {
	-webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both;
	animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both
 }
 .sub-menu {
		-webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both;
		animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both;
		
 }
}
@-webkit-keyframes scale-out-top {
 0% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@keyframes scale-out-top {
 0% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@-webkit-keyframes scale-in-top {
 0% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@keyframes scale-in-top {
 0% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
/*set the defautl background color of the header section*/
.dct-header {
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
/*set the background color of the fixed header when scrolling*/
.dct-fixed-header {
	background-color: #fff ;
	position:fixed;
	top:0px;
	width:100%;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
/* Parallax background */
.parallax_bg_overrely .et_parallax_bg:before {
	content:"";
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#182333;
	opacity: 0.5;
}
/* Title Default*/

.dct_title .et_pb_text_inner:before {
	width:14px;
	content:'';
	height:14px;
	background:var(--color-1);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	position:absolute;
	bottom:-5px;
	left:0
}
.dct_title .et_pb_text_inner:after {
	content:'';
	border:1px solid #dedede;
	width:100px;
	position:absolute;
	left:20px;
	bottom:0
}
/* Title Center*/
.dct_title.center .et_pb_text_inner:after, .dct_title.center .et_pb_text_inner:before {
	display:none
}
.dct_title.center .et_pb_text_inner{
	position:relative;
	display:inline-block
}
.dct_title.center .et_pb_text_inner span {
	width:14px;
	height:14px;
	background:var(--color-1);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	position:absolute;
}
.dct_title.center .et_pb_text_inner span:before {
	content:'';
	border:1px solid rgba(255, 255, 255, .5);
	width:100px;
	position:absolute;
	right:20px;
	bottom:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.dct_title.center .et_pb_text_inner span:after {
	content:'';
	border:1px solid rgba(255, 255, 255, .5);
	width:100px;
	position:absolute;
	left:20px;
	box-sizing:border-box;
	bottom:6px
}
.dct_title.center.cl .et_pb_text_inner span::before, .dct_title.center.cl .et_pb_text_inner span::after {
	border-color:#ddd;
}

/*Header */
.dct_header {
	background:var(--color-2);
	border-radius:10px 10px 0 0
}
.dct_header .et_pb_text_inner h1 {
	color:#fff;
	position:relative;
	font-size:40px;
	padding-bottom:0;
	text-transform:uppercase;
	font-weight:500
}
.dct_header .et_pb_text_inner ul {
	list-style:none;
	padding:0;
	margin:0;
	position:relative
}
.dct_header .et_pb_text_inner ul li {
	position:relative;
	display:inline-block;
	font-size:14px;
	line-height:25px;
	color:#999;
	font-weight:400;
	cursor:default;
	padding-right:9px;
	margin-right:9px;
	text-transform:uppercase
}
.dct_header .et_pb_text_inner ul li::before {
	position:absolute;
	right:-3px;
	font-size:13px;
	line-height:25px;
	color:#999;
	content:"/"
}
.dct_header .et_pb_text_inner ul li a {
	color:#999;
	font-weight:400;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.dct_header .et_pb_text_inner ul li a:hover {
	color:var(--color-1)
}
.dct_header .et_pb_text_inner ul li:last-child::before {
	display:none
}
@media only screen and (max-width : 480px) {
	.dct_header .et_pb_text_inner h1 {
		font-size: 30px;
	}
	.dct_title .et_pb_text_inner h2, .dct_title .et_pb_text_inner h2 span {
		font-size: 20px;
	}
}

/* Slider */
.dct_slider:hover .et-pb-arrow-next {
	right:0
}
.dct_slider:hover .et-pb-arrow-prev {
	left:0
}
.dct_slider .et-pb-arrow-next:before, .dct_slider .et-pb-arrow-prev:before {
	background:var(--color-2);
	padding:15px
}
.dct_slider .et-pb-arrow-next, .dct_slider .et-pb-arrow-prev {
	font-size:25px
}
.dct_slider .et-pb-arrow-next:before {
	content:'\23'
}
.dct_slider .et-pb-arrow-prev:before {
	content:'\24'
}
.dct_slider .et-pb-controllers .et-pb-active-control {
	background-color:var(--color-1)
}
.dct_slider .et-pb-controllers a {
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	margin-right: 5px;
	background-color:var(--color-2);
	opacity:1;
	line-height:8px;
	width:10px;
	height:10px
}
@media only screen and (max-width : 480px) {
	.dct_slider .et-pb-arrow-next::before, .dct_slider .et-pb-arrow-prev::before {
		padding: 10px;
		font-size: 10px;
	}
}
/** Counter v1  **/
.dct_cnt_v1 .percent-value:before {
	content:'+';
	float:right
}
.dct_cnt_v1:hover .percent .percent-value {
	color:#fff
}
.dct_cnt_v1 .percent .percent-value {
	position:relative;
	display:inline-block;
	font-size:60px;
	color:#1a2940;
	line-height:60px;
	font-weight:600;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.dct_cnt_v1:before {
	content:"\3a";
	font-family:ETmodules!important;
	font-size:150px;
	line-height:1em;
	color:var(--color-1);
	width:100%;
	font-weight:400;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	opacity:.1;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.dct_cnt_v1:before {
	content:'\e028'
}
.dct_cnt_v1.c1:before {
	content:'\e0f5'
}
.dct_cnt_v1.c2:before {
	content:'\5d'
}
.dct_cnt_v1:hover .title {
	color:#fff !important
}
.dct_cnt_v1:hover:before {
	color:#fff
}

/* About us */
.dct_info a{color:var(--color-1);}
.dct_info a:hover {color:#fff;}

/* Services */
.dct_service .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color:var(--color-1);
}
.dct_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
	content:"";
	background-color:var(--color-1);
	position:absolute;
	left:50%;
	bottom:-10px;
	width:20px;
	height:3px;
	margin-left:-10px;
	transform:rotateX(-180deg);
	transition:width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}
.dct_service:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
	transform:rotate(180deg);
	transition-delay:.3s
}
.dct_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	padding-top:25px;
}

/* Service s2 */

.dct_service.s2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	padding-top:7px
}
.dct_service.s2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::after {
display:none
}
.dct_service.s2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description, 
.dct_service.s2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, 
.dct_service.s2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color:#fff
}
/* Service s3 */
.dct_service_s3 .et_pb_blurb_content .et_pb_blurb_container {
	padding-left:20px;
	border-left:1px solid #dadada
}

.dct_service_s3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::after {
	content:"";
	background-color:var(--color-1);
	display:block;
	position:absolute;
	width:10px;
	height:3px;
	transform:rotateX(-180deg);
	transition:width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}
.dct_service_s4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color:var(--color-1);
}

/* Portfolio */
.dct_ptf .et_pb_portfolio_item {
	overflow:hidden;
	border:5px solid #fff;
	position:relative
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before {
	content:"";
	width:100%;
	height:100%;
	background:rgba(24, 35, 51, .83);
	position:absolute;
	bottom:-100%;
	left:0;
	z-index:1;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before{
	bottom:0
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image{
	margin-bottom:0;
	position:relative
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image img,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image img{
	width:100%;
	height:auto
}
.dct_ptf .et_pb_portfolio_item .post-meta a {
	color:var(--color-1)
}
.dct_ptf .et_pb_portfolio_item:hover .post-meta {
	bottom:50%
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header {
	opacity:1;
	bottom:50%
}
.dct_ptf .et_pb_portfolio_item .et_pb_module_header a:after {
	content:"";
	background-color:var(--color-1);
	position:absolute;
	left:50%;
	bottom:-22px;
	width:60px;
	height:3px;
	margin-left:-25px;
	transform:rotateX(-180deg);
	transition:width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header a::after {
	transform:rotate(180deg);
	transition-delay:.3s
}
.dct_ptf .et_pb_portfolio_filters ul li a {
	padding:10px 30px;
	background:var(--color-2);
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:5px;
	box-shadow: 0 5px 30px rgba(0,0,0,.1);
	transition: all 500ms ease;
}
.dct_ptf .et_pb_portfolio_filters ul li a:hover {
	background:var(--color-1)!important;
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	transform: translateY(-10px);
	color:#fff;
}
.dct_ptf .et_pb_portfolio_filters {
	margin:0
}
.dct_ptf .et_pb_portfolio_filters ul li a.active {
	background:var(--color-1)!important;
	color:#fff;
	border-radius:5px;
}
.dct_ptf .et_pb_portfolio_item .et_overlay {
	background:0 0;
	border:none
}
.dct_ptf .et_pb_portfolio_item .et_overlay:before {
	color:#fff;
	font-size:0
}


.dct_ptf .et_pb_portfolio_item .meta .et_pb_module_header{width: 100%;
position: absolute;
bottom: -30%;
z-index: 1;
text-align: center;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;color:#fff;
-ms-transition: all .5s;
transition: all .5s;}

.dct_ptf .et_pb_portfolio_item .meta .et_pb_module_header:after{content: "";
background-color: var(--color-1);
position: absolute;
left: 50%;
bottom: -22px;
width: 60px;
height: 3px;
margin-left: -25px;
transform: rotateX(-180deg);
transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s;}
.dct_ptf .et_pb_portfolio_item:hover .meta .et_pb_module_header:after{transform: rotate(180deg);
transition-delay: .3s;}

.dct_ptf .et_pb_portfolio_item:hover .meta .et_pb_module_header{opacity: 1;
bottom: 50%;}
.dct_ptf .et_pb_portfolio_item .meta .post-meta{width: 100%;
position: absolute;
bottom: -30%;
z-index: 1;
text-align: center;
margin-bottom: 30px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;}

.dct_ptf .et_pb_portfolio_item:hover .meta .post-meta{bottom: 50%;}


@media only screen and (min-width: 768px) and (max-width:980px) {
	.dct_ptf .et_pb_portfolio_item .post-meta, .dct_ptf .et_pb_portfolio_item .et_pb_module_header {
		bottom: -100%;
	}
}
@media only screen and (min-width:768px) {
	.dct_ptf .et_pb_portfolio_filters ul {
		text-align:center
	}
	.dct_ptf .et_pb_portfolio_filters ul li {
		display:inline-block;
		float:none!important;
		margin-left:10px
	}
}
/* Portfolio Details */

.dct_project_d .et-pb-arrow-next, .dct_project_d .et-pb-arrow-prev {
	background:var(--color-1)
}
.dct_project_d .et-pb-arrow-next:before, .dct_project_d .et-pb-arrow-prev:before {
color:#fff
}
.dct_project_d .et_pb_slider:hover .et-pb-arrow-prev {
left:0
}
.dct_project_d .et_pb_slider:hover .et-pb-arrow-next {
	right:0
}
@media only screen and (max-width : 480px) {
	.dct_project_d .et-pb-arrow-next, .dct_project_d .et-pb-arrow-prev {
		font-size: 30px;
	}	
}

/* Client */
.owl-carousel .owl-wrapper-outer {
	overflow:hidden;
	position:relative;
	width:100%
}
.owl-carousel .owl-item {
	float:left
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0)
}
#dct_client .owl-controls {
	width:100%;
	position:absolute;
	top:38%;
	margin-top:auto
}
#dct_client .owl-controls .owl-buttons div {
	transform:rotate(-45deg);
	display:inline-block;
	width:40px;
	height:40px;
	line-height:33px;
	background:var(--color-1);
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	opacity:1
}
#dct_client .owl-prev {
	position:absolute;
	left:-7%
}
#dct_client .owl-next {
	position:absolute;
	right:-40px
}
#dct_client .owl-next::after, #dct_client .owl-prev::after {
	transform:rotate(45deg);
	display:inline-block;
	content:"\23";
	font-family:ETmodules!important;
	font-size:20px;
	font-weight:900;
	border-radius:4px;
}
#dct_client .owl-next::after {
	content:"\24"
}
#dct_client .own-item .et_pb_image_wrap:before {
	content:'';
	height:1px;
	background:var(--color-2);
	display:block;
	width:50%;
	position:absolute;
	bottom:-20px;
	left:50%;
	-webkit-transition:all .4s ease 0s;
	-o-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
	-webkit-transform:translate(-50%, 0) scale(0);
	-ms-transform:translate(-50%, 0) scale(0);
	-o-transform:translate(-50%, 0) scale(0);
	transform:translate(-50%, 0) scale(0)
}
#dct_client .own-item .et_pb_image_wrap:hover:before {
	-webkit-transform:translate(-50%, 0) scale(1);
	-ms-transform:translate(-50%, 0) scale(1);
	-o-transform:translate(-50%, 0) scale(1);
	transform:translate(-50%, 0) scale(1)
}
#dct_client .own-item .et_pb_image_wrap img {
	border:2px solid var(--color-1);
	border-radius:5px;
	padding:5px;
	-webkit-transition:all .4s ease 0s;
	-o-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
	height:auto;
	max-width:100%;
	cursor:pointer;
	vertical-align:middle;
	-webkit-transition:all .4s ease 0s;
	-o-transition:all .4s ease 0s;
	transition:all .4s ease 0s
}
#dct_client .own-item .et_pb_image_wrap img:hover {
	-webkit-transform:translate(0, -5px);
	-ms-transform:translate(0, -5px);
	-o-transform:translate(0, -5px);
	transform:translate(0, -5px)
}
#dct_client .own-item {
	max-width:150px;
	padding-top:35px;
	padding-bottom:35px;
	transition:transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s
}
#dct_client .own-item .et_pb_image_wrap:hover img {
	border:2px solid var(--color-2);
	box-shadow:0 0 8px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width :1299px) {
	#dct_client .owl-next {
		position:absolute;
		right:-7%
	}
}

/* Pricing Table */
.dct_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before {
	content:none
}

/* Faq */
.dct_faq_text .et_pb_text_inner h3 {
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:left;
	position:relative;
	font-size:30px
}
.dct_faq_text .et_pb_text_inner h3 span {
	color:var(--color-1)
}
.dct_faq_text .et_pb_text_inner h3:after {
	content:'';
	position:absolute;
	background-color:var(--color-1);
	width:10px;
	height:3px;
	left:0;
	bottom:0
}

.dct_faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
	content:'\4b'
}
.dct_faq .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title::before {
	content:'\4c'
}

/* Blog */
.dct_blog .et_pb_post {
	position:relative;
	border:none;
	margin-bottom:50px!important;
	box-shadow: 0 5px 30px rgba(0,0,0,.1);
	transition: all 500ms ease;
	border-radius:5px;
}
.dct_blog .et_pb_post:hover {
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	transform: translateY(-10px);
}
.dct_blog .et_pb_post .post-meta .published {
	position:absolute;
	top:5px;
	left:10px;
	color:#fff;
	line-height:1.2;
	z-index:1;
	background-color:var(--color-1);
	border-radius:4px;
	padding:10px 18px 10px;
	display:block;
	width:70px
}
.dct_blog .et_pb_post .post-meta .published:before {
	content:"";
	height:8px;
	width:8px;
	background-color:#fff;
	-webkit-box-shadow:0 5px 5px 0 rgba(143, 11, 11, .75);
	box-shadow:0 5px 5px 0 rgba(143, 11, 11, .75);
	border-radius:50%;
	position:absolute;
	top:5px;
	right:5px;
	box-sizing:border-box
}
.dct_blog .et_pb_post .post-meta .published:after {
	content:"";
	height:8px;
	width:8px;
	background-color:#fff;
	-webkit-box-shadow:0 5px 5px 0 rgba(143, 11, 11, .75);
	box-shadow:0 5px 5px 0 rgba(143, 11, 11, .75);
	border-radius:50%;
	position:absolute;
	top:5px;
	left:5px;
	box-sizing:border-box
}
.dct_blog .et_pb_post .post-content .post-content-inner {margin-bottom: 20px;}
.dct_blog .et_pb_post .post-meta a { color:var(--color-2); }
.dct_blog .et_pb_post .more-link::after {
	background-color:var(--color-2);
	content:"";
	height:2px;
	margin:auto;
	position:absolute;
	left:100%;
	top:50%;
	transform:translateX(10px);
	transition:all .3s linear;
	width:100px
}
.dct_blog .et_pb_post:hover .more-link::after {
	width:150px
}
.dct_blog .et_pb_post .entry-featured-image-url {
	overflow:hidden;
	margin-bottom:0!important;
	background-color:#000!important
}

.dct_blog .et_pb_post .entry-featured-image-url img {
	width:100%!important;
	transition:1s;
	background-color:#000!important;
	opacity:.66;
	border-radius: 5px 5px 0px 0px;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url img {
	opacity:.4
}

/** Blog Details + Sidebar  **/	
#sidebar .widgettitle:after {
	content:" ";
	width:9px;
	height:3px;
	background-color:var(--color-1);
	position:absolute;
	top:25px;
	left:0;
	transform:translate(-43px, -12px)
}
.widget_search input#searchsubmit {
	background-color:var(--color-1);
	color:#fff;
	border:none
}
.widget_search input#s {
	border:none;
	box-shadow:0 0 10px 0 #ddd
}
#sidebar .widget_recent_entries ul li a::before, #sidebar li.cat-item a::before {
	content:"";
	float:left;
	margin-top:9px;
	margin-right:12px;
	width:6px;
	border-radius:50%;
	height:6px;
	border:1px solid var(--color-1);
	background:var(--color-1);
	box-sizing:border-box
}
#sidebar .et_pb_widget {
	float:none;
	width:100%;
	margin-bottom:15px;
	z-index:9;
	position:relative;
	border:3px solid rgba(41, 42, 46, .1);
	list-style:none;
	padding:25px 40px;
	box-sizing:border-box
}
#sidebar .et_pb_widget ul li {
	margin-bottom:20px
}
#sidebar .et_pb_widget ul li a {
	font-size:15px;
	display:flex;
	color:var(--color-2)
}
#sidebar .et_pb_widget ul li a:hover {
	color:var(--color-1)
}

/* Work Process */
.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
	position:relative;
	border-radius:50%;
	margin-bottom:22px;
	display:block;
	position:relative;
	display:inline-block;
	border:10px solid #fff;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.dct_wp.et_pb_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image {
	border-color:var(--color-1);
	animation:pulse 3s infinite
}
.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
	border-radius:50%;
	width: 150px;
	height: 150px;
}
.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before {
	position:absolute;
	content:"";
	display:block;
	width:100%;
	left:100%;
	z-index:-1;
	border-top:1px dashed;
	top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%)
}
.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after {
	position:absolute;
	content:"\4b";
	font-family:ETmodules!important;
	display:block;
	color:#fff;
	top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:-35px;
	font-size:35px;
	z-index:1
}
.dct_wp.dc_none .et_pb_blurb_content .et_pb_main_blurb_image::after, .dct_wp.dc_none .et_pb_blurb_content .et_pb_main_blurb_image::before {
	display:none
}
@media only screen and (min-width:981px) and (max-width:1344px) {
	.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
		right: 0;
	}
	.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2 {
		font-size: 16px;
	}
}
@media only screen and (max-width : 980px) {
	.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after, .dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before 					{
		display:none;
	}
}
/* Team */

.dct_team .et_pb_team_member_description {
	position:absolute;
	bottom:-60px;
	left:0;
	right:0;
	background-color:var(--color-2);
	opacity:.8;
	border-radius:0 0 4px 4px;
	padding:15px;
	text-align:center;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.dct_team:hover .et_pb_team_member_description {
	bottom:0;
	background-color:var(--color-1)
}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li {
	margin-right:0
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a {
	color:#fff;
	font-size:18px;
	padding:10px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a:hover {
	color:var(--color-2)
}

@media only screen and (max-width : 480px) {
	.dct_team_section .et_pb_row .et_pb_column {
	width:100% !important;
	margin-right: 0 !important;
	}
}

/* Contact us */
.dc_line.et_pb_blurb .et_pb_image_wrap {
	display: block;
	margin: auto;
	background: var(--color-1);
	padding: 15px;
	border-radius: 50%;
}

/* Single Post - Project - Category */	
.dct_post_list .pagination, .dct_project_list .pagination {
	margin-top:50px
}
.dct_post_list .pagination .alignleft a, .dct_project_list .pagination .alignleft a {
	background:var(--color-1);
	color:#fff;
	padding:5px 10px;
	border-radius:5px
}
@media only screen and (max-width :766px) {
	.dct_project_title .header-content {
		width:100%!important;
		max-width:100%!important
	}
	.dct_project_title .et_pb_fullwidth_header_container {
		width:90%
	}
}
/* Scroll Bar */
.et_pb_scroll_top:after {
	content: "Back To Top";/*button text*/
	font-family: "Open Sans", Arial, sans-serif;/*text font*/
	font-size:12px;/*text size*/
}
.et_pb_scroll_top:before {
	content: "\21";/*select icon*/
	font-family: ETmodules !important;
	font-size:12px;/*icon size*/
	margin-right: 5px;
}
.et_pb_scroll_top.et-pb-icon {
	padding: 0px 20px 17px;
	right: 20px;
	bottom: 30px;
	border-radius: 100px;
	background: var(--color-1);/*button color*/
	box-shadow: 0 10px 20px #fff;
	transition: all .1s ease-in-out;
}
.et_pb_scroll_top.et-pb-icon:hover {
	background: var(--color-2);/*button color on hover*/
	transition: all .1s ease-in-out; /*add transition*/
}
/*Add Animation from Bottom */
.et_pb_scroll_top.et-visible {
	-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
	-moz-animation: fadeInBottom 2s 1 cubic-bezier(.50, 0, .160, 1);
	-o-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
	animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
}
.et_pb_scroll_top.et-hidden {
	opacity: 0;
	-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	-moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	-o-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
}
/* Animations */
/* Pulse Animations */
@keyframes pulse {
	0% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	50% {
		-webkit-transform:scale3d(1.05, 1.05, 1.05);
		transform:scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	0% {
		-webkit-box-shadow:0 0 0 0 var(--color-1);
		box-shadow:0 0 0 0 var(--color-1)
	}
	40% {
		-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);
		box-shadow:0 0 0 50px rgba(255, 194, 17, 0)
	}
	70% {
		-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);
		box-shadow:0 0 0 50px rgba(255, 194, 17, 0)
	}
	100% {
		-webkit-box-shadow:0 0 0 0 rgba(255, 194, 17, 0);
		box-shadow:0 0 0 0 rgba(255, 194, 17, 0)
	}
}

/* Mobile Menu */
.logged-in.admin-bar .dct-fixed-header{top:32px;}
@media screen and (max-width:980px) {
/*for login user make adminbar fix*/	
	#wpadminbar {
		position:fixed;
	}
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*remove the border from the top of the mobile menu*/
.et_mobile_menu {
	border-top: none;
}
/*hide the submenu items on mobile*/
.et_mobile_menu li ul.hide {
	display: none !important;
}
/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children {
	position: relative;
}
/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children > a {
	background: transparent;
}
/*position and style the submenu icons*/
.et_mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}
/*icon for closed submenu*/
span.menu-closed:before {
	content: "\33";
	display: block;
	color: var(--color-1);
	font-size: 18px;
	font-family: ETmodules;
}
/*icon for open submenu*/
span.menu-closed.menu-open:before {
	content: "\4d";
	color: var(--color-1);
}
/*adjust border under mobile menu items*/
.et_mobile_menu li:not(:last-child) a {
	border-bottom: 2px solid #f3f6fd;
}
/*remove border under last mobile menu item*/
.et_mobile_menu li:last-child a {
	border-bottom: none;
}
/* Responsive */

/* Template-Options */
/*------------------------------------------------------- Template-Options -------------------------------------------*/
.template-options .theme_option_bar:before {
    font-size: 22px;
    content: "\e037";
    cursor: pointer;
    color: #000;
    font-family: ETmodules !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
}
.template-options.opened .theme_option_bar:before {
    content: "\4d";
    font-size: 32px;
}
.template-options {
    position: fixed;
    top: 130px;
    right: -200px;
    width: 200px;
    background: #fff;
    -webkit-transition: right .4s;
    transition: right .4s;
    z-index: 9999999
}
.template-options.opened {
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    z-index: 9999999
}
.option-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1
}
.option-section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}
.option-section h4 {
    color: #333;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}
.option-section .checkbox {
    margin-bottom: 0
}
.options-inner {
    position: relative;
    padding: 20px
}
.cl-toggler {
    position: absolute;
    top: 0;
    left: -48px;
    display: inline-block;
    background: #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.cl-toggler i {
    font-size: 20px
}
.cl-toggler:hover {
    color: #000
}
.cl-bg-images,
.cl-presets {
    list-style: none;
    padding: 0;
    margin: -5px
}
.cl-bg-images li,
.cl-presets li {
    display: block;
    float: left;
    margin: 5px
}
.cl-bg-images li a,
.cl-presets li a {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 2px;
    float: left
}
.cl-bg-images li a img {
    width: 100%
}
.cl-bg-images li.active a {
    border: 3px solid #22b8f0
}
.cl-presets li.active a {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}
.switcher-style-list {
    list-style: none;
    overflow: hidden;
}
.switcher-style-list li {
    float: left;
    margin: 2px;
}
.switcher-style-list li a {
    display: block;
    width: 16px;
    height: 15px;
    cursor: pointer;
    background-size: cover;
}
#switcher-theme-custom-color.switcher-style-list li a {
    width: 80px;
    height: 40px;
    border: 2px solid #444;
    position: relative;
}
#switcher-theme-custom-color.switcher-style-list li a .color {
    width: 50%;
    height: 100%;
    float: left;
    background-color: #eee;
}
#switcher-theme-custom-color.switcher-style-list li.active a:after {
    color: #ddd;
    content: "\e052";
    font-family: ETmodules !important;
    font-size: 16px;
    left: 40%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 15%;
}
.layout select {
    width: 100%;
    padding: 5px;
    border: none;
    margin: 0 0 0 -5px;
    color: #666;
    cursor: pointer;
}
@media (max-width: 980px) {
    .template-options {
        top: 10%;
        width: 100px;
        right: -100px;
    }
    .cl-bg-images li a,
    .cl-presets li a {
        width: 25px;
        height: 25px;
    }
   #switcher-theme-custom-color.switcher-style-list li a {
        width: 65px;
        height: 25px;
    }
    #switcher-theme-custom-color.switcher-style-list li.active a::after {
        top: 0px;
    }
}

@media only screen and (max-width: 768px) {
    #switcher-menu-primary-color,
    #switcher-menu-secondary-color {
        display: none;
    }
}