/*---------------------------------------------------------------------------------
 Theme Name:   Divi Architect & Interior Theme 
 Theme URI:    https://diviarchitect.divifixer.com
 Description:  Divi Architect & Interior Theme is specifically for architecture , building company , Building Materials, construction business , construction portfolio, Construction , contractor, real estate agency etc.
 Author:       DCT Team
 Author URI:   https://divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/ 


/**General**/
/* Template-Options */


/*------ General --------*/

.et_builder_inner_content{z-index:auto !important;}

.dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.dct_link .et_pb_text_inner a{color:var(--color-1);}

.dct_divider{height: 12px;
margin: 0 auto;
width: 92px;-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;}

.dct_divider:before{display: none;}
.dct_divider:after{
	content: "\33";
          font-family: ETmodules !important;
font-weight: 900;
font-size: 26px;
line-height: 0px;-webkit-box-sizing: border-box;
box-sizing: border-box;margin: 0;
padding: 0;
	text-shadow: 10px 0px 0 var(--color-1), 20px 0px 0 var(--color-1), 30px 0px 0 var(--color-1), 40px 0px 0 var(--color-1), 50px 0px 0 var(--color-1), 60px 0px 0 var(--color-1), 70px 0px 0 var(--color-1), 80px 0px 0 var(--color-1);
color: var(--color-1);}

.dct_divider .et_pb_divider_internal{display:block;}

.dct_divider.left{margin: 0;}





/*------ Blog --------*/

.dct_blog .et_pb_post {box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.15);background: #fff;padding:0px;border:none;position:relative;}

.dct_blog .et_pb_post .et_pb_image_container{margin:0px;}

.dct_blog .et_pb_post .entry-featured-image-url{margin-bottom:10px;}

.dct_blog .et_pb_post .post-content .more-link{position: absolute;
font-size: 0;bottom: 0;
right: 0;}

.dct_blog .et_pb_post .post-content .more-link:after{content: "\45";
font-family: ETmodules !important;
font-size: 20px;
width: 40px;
height: 40px;
display: inline-block;
background: var(--color-1);
color: #fff;
line-height: 40px;
text-align: center;}
.dct_blog .et_pb_post .entry-title{padding: 15px 25px;
font-size: 20px;
line-height: 28px;color:var(--color-2);
font-weight: 700;}

.dct_blog .et_pb_post .entry-title:hover{color:var(--color-1);}

.dct_blog .et_pb_post .post-meta{padding: 0px 25px;}
.dct_blog .et_pb_post .post-content{padding: 10px 30px 30px;}


/** Blog Side bar **/

.dct_blog_list{}

.dct_blog_list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}


/*set the text width*/

.dct_blog_list .entry-title,
.dct_blog_list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}


/*make the image square*/

.dct_blog_list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.dct_blog_list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/*adjust the spacing and add a border between the posts*/

.dct_blog_list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.dct_blog_list .et_pb_post .more-link{position: absolute;
font-size: 0;
bottom: 0;
right: 0;}

.dct_blog_list .et_pb_post .more-link:after{content: "\45";
font-family: ETmodules !important;
font-size: 20px;
width: 40px;
height: 40px;
display: inline-block;
background: var(--color-1);
color: #fff;
line-height: 40px;
text-align: center;}



/** Blog 2 Column **/

.dct_blog.clm .et_pb_ajax_pagination_container{display: grid;
grid-gap: 30px;
grid-template-columns: repeat(2, 50%);}

.dct_blog.clm .et_pb_post .entry-featured-image-url img{height: 400px;
object-fit: cover;}

@media only screen and (max-width : 767px){
.dct_blog.clm .et_pb_ajax_pagination_container{grid-template-columns: repeat(1, 100%);}
}



/** Blog List **/

.dct_blog.list .et_pb_post .entry-featured-image-url{
margin-bottom: 0;
width: 50%;
float: left;
overflow: hidden;
position: relative;
}

.dct_blog.list .et_pb_post .entry-featured-image-url img{height: 310px;
object-fit: cover;}


.dct_blog.list .et_pb_post .info{
width: 50%;
float: left;
padding: 0 20px;
}


@media only screen and (max-width: 767px){
	.dct_blog.list .et_pb_post .entry-featured-image-url,
	.dct_blog.list .et_pb_post .info{width: 100% !important;float: none !important;}}
	
	
/** For Right **/

.dct_blog.list.rt .et_pb_post .entry-featured-image-url{width: 50%;
float: right;}
.dct_blog.list.rt .et_pb_post .info{width: 50%;
float: left;
padding: 0 20px;}
	

/*------ Blurb --------*/


.dct_blurb_drm.bg .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);}

.dct_blurb_drm .et_pb_blurb_content .et_pb_main_blurb_image{box-shadow: inset 0 0 0 5px #e2e2e3;
display:block;padding: 20px;
border-radius: 0;width: 100px;
height: 100px;
line-height: 100px;}

.dct_blurb_drm .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{line-height: 100px;font-size: 40px;
font-weight: 700;text-align: center;
display: block;
	color: var(--color-1);}

.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container{padding-left: 20px;}
.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{position:relative;margin-bottom: 10px;}
.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{content:'';background:var(--color-1);width: 45px;
height: 2px;position:absolute;bottom:0;left:0px;}



.dct_video.bg .et_pb_blurb_content{position: relative;
top: 0;
transform: none;
left: 0;}

.dct_video.bg .et_pb_blurb_content .et_pb_main_blurb_image{margin: 0 auto 50px;border-radius: 50%;}



.dct_video .et_pb_blurb_content .et_pb_main_blurb_image img{filter: contrast(200%) invert(100%);
backface-visibility: hidden;padding: 10px;}

.dct_video .et_pb_blurb_content{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;}

.dct_video .et_pb_blurb_content .et_pb_main_blurb_image{height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
background-color: var(--color-1);
display: block;

margin: 0 auto;
transition: all 0.5s;
box-shadow: 0 0 0 20px rgba(198, 164, 126, 0.5);}

.dct_video .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: #fff;
font-size: 42px;text-align: center;line-height: 100px;display:block;}


/*------ Slider --------*/

.dct_slider .et_pb_slide{padding: 10% 6% 0 0%;}

.dct_slider .et_pb_slide_description{background: #fff;
width: 70%;padding: 100px 40px 50px 40px;
float: left;}


.dct_slider .et_pb_slide_description .et_pb_slide_content h1{color: var(--color-2 ) !important;
font-size: 32px;text-transform:uppercase;
line-height: 52px;
font-weight: 800;}

.dct_slider .et_pb_slide_description .et_pb_slide_content {color: #000;}

.dct_slider .et_pb_slide_description .et_pb_slide_content h1 span{color: var(--color-1 ) !important;}

.dct_slider .et-pb-controllers{width:auto;right:30px;left: auto;}
.dct_slider .et-pb-controllers a{width: 15px;height: 15px;opacity: 1;}
.dct_slider .et-pb-controllers .et-pb-active-control{background-color:var(--color-1);}

@media only screen and (max-width : 767px) {
.dct_slider .et_pb_slide_description{width:100%;padding: 40px 20px 40px 20px;}
	.dct_slider .et_pb_slide_description .et_pb_slide_content h1{font-size:25px;}	
}



/*------ Home V2 --------*/

.dct_home_v2 .et_pb_fullwidth_header_container {max-width: 90% !important;width: 90% !important;}

.dct_home_v2 .et_pb_header_content_wrapper h6{color: var(--color-2) !important;
font-size: 50px;
line-height: 60px;
font-weight: 800;}

.dct_home_v2.bg .et_pb_header_content_wrapper h6{color:#fff !important;}

@media only screen and (max-width : 767px) {
.dct_home_v2 .et_pb_header_content_wrapper h6{font-size: 29px;
line-height: 40px;}}

/*------ Counter --------*/

.dct_counter .percent-value{color:var(--color-2);border-bottom: 4px solid var(--color-1);}

.dct_counter.bg .percent-value{color:#fff;}

/*------ Services --------*/

.dct_service_icon{}
.dct_service_icon .et_pb_blurb_content .et_pb_main_blurb_image{height: 60px;
width: 60px;
min-width: 60px;
line-height: 60px;-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_service_icon:hover .et_pb_blurb_content .et_pb_main_blurb_image img{filter: contrast(200%) invert(100%);
backface-visibility: hidden;}

.dct_service_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	-webkit-transition: all 0.8s;text-align: center;
display: block;
font-size: 30px;
-ms-transition: all 0.8s;
transition: all 0.8s;color:var(--color-1);line-height: 60px;}

.dct_service_icon:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.dct_service_icon:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:#fff;}


/*------ Process --------*/

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image{display: block;position: relative;
z-index: 1;}

.dct_process.not .et_pb_blurb_content .et_pb_main_blurb_image:after{display:none;}
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image:after{content: "";
height: 1px;z-index: -1;
border-bottom: 1px dashed var(--color-2);
right: -50%;
top: 55px;-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
width: 75%;}

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
box-shadow: inset 0 0 0 5px #e2e2e3;
width: 100px;
height: 100px;}

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{padding: 19px;}

.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{position:relative;font-weight: 700;
color: var(--color-1);font-size: 1.5rem;}


.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{content:'';width: 45px;height: 2px;}


@media only screen and (max-width : 980px) {
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image:after{display:none;}
}


/*------ Team --------*/

.dct_team{position: relative;
overflow: hidden;} 

.dct_team .et_pb_team_member{position: relative;
overflow: hidden;}

.dct_team .et_pb_team_member:before{position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_team:hover .et_pb_team_member:before{-webkit-animation: shine .75s;
animation: shine .75s;}



.dct_team .et_pb_team_member .et_pb_team_member_image {width: 100%;
max-width: 100%;margin: 0;
float: none;}

.dct_team .et_pb_team_member .et_pb_team_member_image img{width: 100%;}


.dct_team .et_pb_team_member .et_pb_team_member_description{position:unset;} 
.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{position: absolute;
right: -100px;
top: 10px;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_team:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{right: 10px;}

.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li{display:block;margin: 0 0 6px 0;}
.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a{background: var(--color-2);
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
display: block;
color: #fff;}

.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: var(--color-1);}


@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/*------ Service --------*/

.dct_service_v1 {-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;}


.dct_service_v1 .dct_blurb_1  {-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;background-size: cover;
background-position: center;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 370px;
height: auto;
color: #fff;}

.dct_service_v1:hover .dct_blurb_1{-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;}

.dct_service_v1 .dct_blurb_1:before{-webkit-box-sizing: border-box;
box-sizing: border-box;opacity: 0.5;background: #000;content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;margin: 0;
padding: 0;} 

.dct_service_v1 .dct_blurb_1 .et_pb_blurb_content{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;}

.dct_service_v1 .dct_blurb_2{background: var(--color-2);
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 370px;
height: auto;
color: #fff;} 

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{width:100%;}
.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-top:50px;}

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{font-size: 40px;color:var(--color-1);}


.dct_service_v1:hover .dct_blurb_1,
.dct_service_v1:hover .dct_blurb_2{-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}


.dct_service_v1:hover .dct_blurb_2{-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;}

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
height: 100%;}

@media only screen and (max-width : 980px) {
.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-top:20px;}
	.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{padding: 15px;}	
}

/*------ Portfolio --------*/




.dct_ptf .et_pb_portfolio_filters {
	text-align: center;
	margin-bottom: 10px;
}
.dct_ptf .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
}
.dct_ptf .et_pb_portfolio_filters li a:hover {
	background-color:var(--color-1);
	color:#fff;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background:var(--color-2);
	color:#fff;
	border:none;
	font-size:13px;
	overflow:visible;
	font-weight:600;
	line-height:26px;
	padding:8px 20px 6px;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin:0 5px 20px;
	display:inline-block;
	position:relative;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portfolio_filters li a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	border-radius: 5px !important;
}
.dct_ptf .et_pb_portfolio_filters li a.active {
	border-color:var(--color-2);
	background:var(--color-1);
	color:#fff
}
.dct_ptf .et_pb_portfolio_filters li a.active:before {
	background:var(--color-2);
	left:-7px;
	top:-7px;
	opacity:1;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portofolio_pagination {
	border:none !important;
	margin-top: 20px;
}
.dct_ptf .et_pb_portofolio_pagination ul {
	float: right;
	position:relative;
	display:inline-block
}
.dct_ptf .et_pb_portofolio_pagination ul:before {
	width:100%;
	height:2px;
	display:block;
	background:#e8e8e8;
	content:'';
	position:absolute;
	top:50%;
	z-index:-1;
	left:0;
	transform:translateY(-50%)
}
.dct_ptf .et_pb_portofolio_pagination ul li {
	border-radius: 5px;
	background:#000;
	position:relative;
	z-index:1;
	padding:5px 15px!important;
	margin-right:20px;
	border-color:#000;
	color:#fff
}
.dct_ptf .et_pb_portofolio_pagination ul li:last-child {
	margin-right: 0px;
}
.dct_ptf .et_pb_portofolio_pagination ul li a {
	color:#fff !important;
}



.dct_ptf .project{position:relative;overflow:hidden;-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_ptf .project:hover{transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
z-index: 1;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35);}



.dct_ptf .project .et_overlay {opacity:1;z-index:1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.5);}

.dct_ptf .project .post-meta{writing-mode: tb-rl;
float: right;
margin: 0;
color: #fff;
font-weight: 300;position: absolute;
top: 30px;z-index: 9;
right: 30px;
letter-spacing: 3px;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_ptf .project .post-meta a{color:#fff;}

.dct_ptf .project .et_pb_module_header{position: absolute;
bottom: 20px;
padding-right: 20%;
margin: 0;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
font-weight: 700;
color: #fff;
z-index: 9;
font-size: 18px;
left: 20px;
line-height: 25px;}

.dct_ptf .project .et_overlay:before{width: 50px;
height: 50px;
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
    transition-delay: 0s;
transition-delay: 0s;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
text-align: center;
line-height: 46px;
margin: 0;
font-size: 23px;}

.dct_ptf .project:hover .et_overlay:before{background: var(--color-1);
transition-delay: 0s;}

.dct_ptf.clm2 .alignleft,
.dct_ptf.clm3 .alignleft{position:absolute;left:0px;}
.dct_ptf.clm2 .alignright,
.dct_ptf.clm3 .alignright{position: absolute;right: 0;}


.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}

.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid;
grid-gap: 5px;
grid-template-columns: repeat(3, 33.33%);}

.dct_ptf.clm3 .et_pb_portfolio_filters, 
.dct_ptf.clm2 .et_pb_portfolio_filters{text-align: center;
width: 100%;
display: block;
}


.dct_ptf .project .et_portfolio_image:before{content:'';opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.5);position: absolute;
top: 0;display: block;}


@media only screen and (max-width : 767px) {
.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items,
.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 100%);}
	
	.dct_ptf.clm2 .et_pb_portfolio_filters,
	.dct_ptf.clm3 .et_pb_portfolio_filters{position:relative;top: 0;}
	
	.dct_ptf .et_pb_portfolio_filters li{width:auto !important;}
	
}



@media only screen and (min-width: 768px) and (max-width: 980px){
	
	.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}} 


/*------ Single Portfolio  --------*/

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container{display:flex;}

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{margin-right: 50px;}

/*------ Header --------*/

.dct_hdr_v1 .et-menu > li{padding:0 15px;}

.dct_hdr_v1 .et_pb_menu__menu > nav > ul{justify-content:center;}

.dct_txt_hdr.big{width: 100px;
height: 100px;}

.dct_txt_hdr.big .et_pb_text_inner{top: 19px;left: 18px;}
.dct_txt_hdr.big span:nth-child(1){width:40px;}
.dct_txt_hdr.big span:nth-child(2){width:30px;top: 23.5px;}
.dct_txt_hdr.big span:nth-child(3){width:20px;top: 35px;}

.dct_txt_hdr{background: var(--color-1);
width: 45px;
height: 45px;
box-shadow: 0 5px 15px -10px var(--color-1);position: relative;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
border-radius: 0;}

.dct_txt_hdr span{display: block;
position: absolute;
height: 2px;border-radius: 1px;
opacity: 1;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;cursor: pointer;background: #fff;
left: 10px;}

.dct_txt_hdr span:nth-child(1){top: 14px;
width: 25px;}

.dct_txt_hdr span:nth-child(2){top: 21.5px;
width: 20px;}

.dct_txt_hdr span:nth-child(3){top: 29px;
width: 15px;}


.dct_hdr_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1);
color: #fff;
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;}




.nav li ul{width:250px;}
.nav li li{padding:0px;display:block;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{font-weight: 300;
letter-spacing: 1px;width: 100%;
text-transform: uppercase;color: var(--color-2);
display: block;
font-size: 14px;
padding: 10px 25px;position: relative;transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{color: var(--color-1);
padding: 10px 20px 10px 35px;}


.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{content: "";
position: absolute;
width: 0;
height: 1px;box-sizing: border-box;
background: var(--color-1);
left: 20px;
top: 50%;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:after{width: 10px;}

@media only screen and (max-width : 980px) {
.dct_hdr_v1 .et_pb_menu__logo-wrap{margin-bottom:10px !important;}
.dct_hdr_v1 .et_pb_menu_inner_container{display:flex;}	
.dct_hdr_v1	.et_pb_menu__logo{width:auto !important;}
.dct_hdr_v1	.et_pb_menu__logo img{width: 135px;}
.dct_hdr_v1.et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap{justify-content:right;}
}
/*------ Bar Counter --------*/

.dct_bar li{margin-bottom: 30px;}
.dct_bar li .et_pb_counter_title{font-weight: 300;
font-size: 17px;padding-bottom: 10px;
letter-spacing: 1px;}

.dct_bar li .et_pb_counter_amount{background:var(--color-1);}


/*------ Testimonials --------*/

.dct_testi .dct_divider_1{height: 45px;
width: 45px;
position: relative;
left: -20px;
}

.dct_testi .dct_divider_1:before{height: 100%;
width: 1px;
left: 10px;
top: 0;-webkit-box-sizing: border-box;
box-sizing: border-box;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .dct_divider_1:after{height: 1px;
width: 100%;
left: 0;
top: 10px;-webkit-box-sizing: border-box;
box-sizing: border-box;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .dct_divider_2{right: 0;
bottom: 20px;height: 45px;
width: 45px;float: right;
position: relative;
right: -20px;
}
.dct_testi .dct_divider_2:before{height: 100%;
width: 1px;
right: 10px;
top: 0;
content: "";
position: absolute;
background-color: var(--color-1);
left: auto;}
.dct_testi .dct_divider_2:after{height: 1px;
width: 100%;
right: 0;
bottom: 10px;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .et_pb_image_wrap {border: 2px solid var(--color-1);
padding: 9px;}


/*------ Header --------*/

.dct_header .et_pb_blurb_description ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

.dct_header .et_pb_blurb_description ul li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: var(--color-1);
	cursor: pointer;
	
	cursor: default;
	padding-right: 9px;
	margin-right: 9px;
	text-transform: uppercase
}

.dct_header .et_pb_blurb_description ul li:last-child{padding-right: 0;
margin-right: 0;}


.dct_header .et_pb_blurb_description ul li:before {
	position: absolute;
right: -9px;
line-height: 25px;
color: var(--color-1);
content: "\5e";
font-family: ETmodules !important;
}

.dct_header .et_pb_blurb_description ul li a {
	color:var(--color-2);
	
	-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_blurb_description ul li:last-child::before {
	display: none;
}

.dct_header .et_pb_blurb_description ul li a:hover {
	color: var(--color-1);
}

@media only screen and (max-width: 480px) {
	.dct_header .et_pb_text_inner h1,
	.dct_header.ctgr .et_pb_text_inner {
		font-size: 30px;
		line-height: 30px;
	}
}


/*------ Footer --------*/


.dct_ft_social li{margin-bottom: 0;}

.dct_ft_email .et_pb_newsletter_field .input{height: 90px;
background-color: #e7e7e7 !important;
border-radius: 0 !important;
color: var(--color-2) !important;
letter-spacing: 2px;margin-bottom: 0 !important;
padding-bottom: 0 !important;} 

.dct_ft_email .et_pb_newsletter_button_wrap{position: absolute;
top: 14px;
right: -30px;}

.dct_ft_email .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{position: relative;}

@media only screen and (max-width : 767px) {
.dct_ft_email .et_pb_newsletter_button_wrap{position: relative;
top: 0;
right: 0;}

}
	

/*------ Footer V2 --------*/

.dct_ft_email_v2 .et_pb_newsletter_button_wrap{position: absolute;
top: 0;
right: 0;}

.dct_ft_email_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{position: relative;}


@media only screen and (max-width : 767px) {
.dct_ft_email_v2 .et_pb_newsletter_button_wrap{position:relative;}
}



/*------------------------------------------------------- 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: 150px;
 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;
}
}



/* ===== SIDEBAR ======*/

#sidebar .et_pb_widget, #sidebar .widget_calendar {
	position: relative;
	border-radius:5px;
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .1);
	padding:20px;
-webkit-transition:box-shadow .27s cubic-bezier(0, 0, .58, 1);
transition:box-shadow .27s cubic-bezier(0, 0, .58, 1)
}
#sidebar .et_pb_widget:hover, #sidebar .widget_calendar:hover {
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .2)
}
#sidebar .et_pb_widget .widgettitle {
	text-transform: uppercase;
	position:relative;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:700;
	line-height:28px;
	color:#2d2d2d;
	display: inline-block;
}
#sidebar .et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before {
	content:'';
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #d4d4d4;
	left:0
}
#sidebar .et_pb_widget .widgettitle:after {
	border-top:3px solid var(--color-1);
	display:block;
	position:absolute;
	bottom:-1px;
	width:30px;
-webkit-transition:all .27s cubic-bezier(0, 0, .58, 1);
transition:all .27s cubic-bezier(0, 0, .58, 1)
}
#sidebar .et_pb_widget:hover .widgettitle:after {
	width:60px
}
#sidebar .et_pb_widget ul li {
	position:relative;
	margin-bottom:15px;
	line-height:28px;
	font-size:14px;
}
#sidebar .et_pb_widget ul li:hover:before {
	opacity:1
}
#sidebar .et_pb_widget ul li a {
	color:#2d2d2d;
transition:all .3s
}
#sidebar .et_pb_widget ul li a:hover {
	color:var(--color-1);
-webkit-transition:all .3s;
transition:all .3s
}
#sidebar #wp-calendar {
	margin:0;
}
#sidebar #wp-calendar caption {
	color:var(--color-1);
	font-size:18px;
	font-weight:600;
	line-height:47px;
	text-align:center
}
#sidebar table thead {
	background-color:#f5f5f5;
	color:#2d2d2d;
	text-align:center
}
#sidebar table thead th {
	padding:3px 5px;
	font-style:normal;
	text-transform:capitalize;
	color:#555;
	font-weight:500;
	font-size:13px
}
#sidebar #wp-calendar tfoot {
	display:none
}
#sidebar table td {
	font-weight:400
}
#sidebar table td#today {
	position:relative;
	color:#fff;
	z-index:1;
	font-weight:400!important;
	font-size:14px;
	text-align:center;
	line-height:28px;
	padding:5px
}
#sidebar table td#today::before {
content:'';
width:34px;
height:34px;
border-radius:50%;
position:absolute;
background-color:var(--color-1);
z-index:-1;
top:calc(50% - 17px);
left:calc(50% - 17px);
color:#fff
}
#sidebar #gallery-1 .gallery-item {
	margin-top: 0 !important;
	margin-bottom: 0;
}
#sidebar #gallery-1 img {
	border-radius: 5px;
	border: none;
}
#sidebar .et_pb_widget select {
	height: 40px;
}
#sidebar .widget_search input#s, #sidebar .widget_search input#searchsubmit {
	border-radius: 25px;
}
 #sidebar .widget_search::before {
font-size: 16px;
padding: 27px 40px;
bottom: 0;
}
#sidebar .tagcloud a {
	font-size: 14px !important;
	padding: 5px 10px;
	background: rgba(0, 0, 0, .05);
	display: inline-block;
	margin-bottom: 5px;
	border-radius: 3px;
}


.widget_search input#searchsubmit{background:var(--color-1);color:#fff;}

/* ===== Comment ======*/
#comment-wrap .page_title {
	font-size: 25px;
}
#comment-wrap .commentlist .reply-container .comment-reply-link {
	width:auto;
	display:inline-block;
}
.et_pb_comments_module #commentform textarea, .et_pb_comments_module #commentform input[type="text"], .et_pb_comments_module #commentform input[type="email"], .et_pb_comments_module #commentform input[type="url"] {
	box-shadow:none !important;
}
#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea {
	font-size:14px;
	line-height:1.5;
	border:1px solid rgba(0, 0, 0, .15);
	padding:12px 15px;
	border-radius:0;
	background:0 0!important;
transition:all .3s, ease-in-out
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
	width:32%;
	float:left
}
p.comment-form-author, p.comment-form-email {
	margin-right:2%!important
}
p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {
	width:100%!important;
	display:block
}
#comment-wrap .page_title, #comment-wrap .comment-respond .comment-reply-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	color: #222d35;
	position: relative;
}
#comment-wrap .page_title:after, #comment-wrap .comment-respond .comment-reply-title:after {
	background: linear-gradient(to right, var(--color-1) 0, var(--color-1) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 71%, #333 71%);
	content: '';
	position: absolute;
	height: 2px;
	width: 100px;
	bottom: 0;
	left: 0;
	transform: none;
}


/* ####### SLIDE-IN  ####### */

.slide_in_sidebar {
  position: fixed !important;
  right: 0px !important;
  top: 0px !important;
  left: unset !important;
  bottom: unset !important;
  transform: translateX(100%)!important;  
  transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;
}
 
.scroll_show_slide_in,
.exit_intent_slide_in.activate_exit_intent,
.exit_intent_slide_in_bottom.activate_exit_intent  {
  transform: translateX(0px) !important;
}
  
.slide_in_sidebar.dct_activate_slide_in {
	transform: translateX(0px) !important;
}  
  
.slide_in_sidebar .et-waypoint:not(.et_pb_counters) {
  opacity: 1 !important;
} 

/* width */
.slide_in_sidebar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.slide_in_sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/*Close Icon**/

.dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{background: var(--color-2);
color: #fff;
padding: 15px;
border-radius: 50%;
font-size: 25px;}

#dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	background: var(--color-1);
color: #fff;
padding: 10px;
border-radius: 0;
font-size: 30px;
-webkit-transition: 0.45s ease-in-out;
-o-transition: 0.45s ease-in-out;
-moz-transition: 0.45s ease-in-out;
transition: 0.45s ease-in-out;	
}

#dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}

.dct_blurb_rd .et_pb_main_blurb_image .et-pb-icon{background: var(--color-1);
padding: 12px;
font-size: 25px;}  

.dct_inqy .et_contact_bottom_container{float: none;
padding-left: 3%;}