/*
Theme Name: 
Author: 
Template: vanilla_web
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* This file was modified 2022-08-25 by Aspen Grove Studios to customize metadata in header comment */

/*
 * General
 * Header
 * Slider
 * Inquiry
 * About
 * Tab Module
 * Video module
 * FAQ
 * Contact Form
 * testimonial slider
 * Blog
 * Blog V2
 * Client
 * Sidebar
 * SERVICES PAGE 
	* SERVICE
 * Testimonial
 * Portfolio
 * Footer
 * Team
 * Team V2
 * Dct_Team_Blurb
 * Priceing
 * Blog Detail Page
	* CTA v1
 * Menu Home v2
 * Slider V2
 * CTA v2
 * Portfolio V2
 * Faq V2
 * Blog V3
 * Footer V2
 * About Home v3
 * Blog V4
*/
/* General */
.dct_title .et_pb_text_inner h3{padding-bottom: 20px;color:var(--color-1);text-transform: uppercase !important;}
.dct_title .et_pb_text_inner h3:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}
.dct_title .et_pb_text_inner h2{color:#323232;line-height: 36px !important;text-transform: uppercase;}
/*Header*/
.et_pb_sticky .dct_header_contact .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;}
.dct_header_contact .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);}
.dct_header_contact .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;vertical-align: middle;}
.dct_header_contact:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1) !important;}
.et_pb_sticky .dct_header_contact:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#fff !important;}
.dct_header_social li a:hover:before{color:var(--color-1) !important;}
.dct_menu nav ul li{margin-top:0 !important;}
.dct_menu nav ul li a{
    padding: 32px 0px;
    z-index: 1;
}
.dct_menu nav ul li a:hover{color:var(--color-1) !important;}
.dct_menu nav ul li a:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    opacity: 0;
    background-color: var(--color-1);
    content: "";
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: visible;
}
.dct_menu nav ul li a:hover:before{
    opacity: 1;
}
.dct_menu .menu-item-has-children > a:first-child {
    padding-right: 0px !important;
}
.dct_menu nav ul .current_page_item a:before{
    opacity: 1;
}
.dct_menu nav ul li a:after{
    display:none !important;
}
.dct_menu nav ul li ul li a:before{display:none;}
.dct_menu nav ul li ul.sub-menu{/*width:218px !important; */padding: 10px 0px !important;}
.dct_menu nav ul li ul li a{padding-bottom: 8px !important;padding-top: 8px !important;}
.dct_menu nav ul li ul li a{
    padding: 10px 0px !important;
    z-index: 1;
}
.dct_menu nav ul li.current-menu-parent a{color:var(--color-1) !important;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu{
	top: calc(100% - 0px);
}
.nav li li ul, .et-db #et-boc .et-l .nav li li ul{
	top: calc(100% - 40px) !important;
}
/* Slider */
.dct_slider .et_pb_slide{
    transition: opacity 1000ms ease 0s;
}
.dct_slider .et-pb-controllers{
    bottom: 100px !important;
}
.dct_slider .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_slider .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}

.dct_slider .et_pb_slide_description{animation: none !important;}
.dct_slider .et_parallax_bg{
    background-blend-mode: overlay;
    background-color:rgba(0,0,0,0.3);
}
.dct_slider .et_parallax_bg{
    -webkit-animation: dct_animate 5s linear backwards;
    animation: dct_animate 5s linear backwards;
}
.dct_slider .et_parallax_bg_wrap .et_parallax_bg {
    opacity: 0.8;
    mix-blend-mode: overlay;
}
@-webkit-keyframes dct_animate {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@keyframes dct_animate {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.dct_slider .et-pb-controllers .et-pb-active-control{
    color:var(--color-1) !important;
    background-color:var(--color-1) !important;
    height: 20px !important;
}
.dct_slider .et-pb-controllers a{
    color:#fff;
    background-color:#fff;
}

/* Inquiry */
.dct_inquiry .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);}
.dct_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#323232;text-transform:uppercase;}
.dct_inquiry:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1) !important;}
.dct_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span{position:relative;}
.dct_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    width: 0%;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #323232;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    text-align: left;

}
.dct_inquiry:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after{
    width: 100%;
    background-color: var(--color-1);
}
/* About*/
.dct_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);border-radius: 0 !important;}
.dct_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{padding:20px !important;}
.dct_about .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;}
.dct_about .et_pb_blurb_content .et_pb_main_blurb_image img{width:100%;max-width:100%;}
/* Tab Module*/
.dct_tab .et_pb_all_tabs{
    margin-top: -10px;
}
.dct_tab .et_pb_tabs_controls li a{
    color:#323232;
    padding:0px 20px !important;
}
.dct_tab .et_pb_tabs_controls li:hover a{
    color:  var(--color-1);
}
.dct_tab .et_pb_tabs_controls .et_pb_tab_active a{
    color:#fff !important;
}
.dct_tab .et_pb_tabs_controls:after{
    border:none;
}
/* Rotate image */
.dct_germs .et_pb_image_wrap img{
    webkit-animation: 40s linear 0s normal none infinite running rotate;
    animation: 40s linear 0s normal none infinite running rotate;
}
@keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
/* Video module */
.dct_video .et_pb_video_play{
    position: absolute;
    bottom: 0;
    right:0px;
}
.dct_video .et_pb_video_play:before{
    font-family: ETmodules;
	content: "\45";
	position: relative;
	color: var(--color-1);
	border-radius: 100%;
	background: #fff;
}

.dct_video .et_pb_video_play:after{
    content: "";
	position: absolute;
	height: 80px;
	width: 80px;
	background: transparent linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 100%) 0% 0% no-repeat padding-box;
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	animation: pulse-border 1500ms ease-out infinite;
	left: 50%;
	top: 50%;
	margin: 0;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
/* FAQ */
.dct_faq .et_pb_toggle_close .et_pb_toggle_title:before{
    content: '\4c' !important;
}
/**/
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{
    display:block !important;
    float: none !important;
    text-align: center;
}
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/*.dct_contact_form .et_pb_contact .et_pb_contact_form p.et_pb_contact_field{padding: 0 !important;}*/
/* testimonial slider */
.dct_slider_image:after:hover{
    color: #323232 !important;
    background-color: #fff !important;
    transition: all .2s !important;
}
/**/
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content{
    text-align: left;
    padding-left: 40px;
}
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_title:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: -4px;
    margin-right: 0px;
    text-align: center;
}
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h2{
    font-size:30px;
    color: #323232 !important;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0;
    text-shadow: none;
}
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content p{
    font-size:15px;
    color:#7d7d7d !important;
    line-height:20px;
    padding: 10px 0;
    text-shadow: none;
}
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h4{
    font-weight: 600;
    color: #323232 !important;
    font-size: 16px;
    line-height: 28px;
    text-shadow: none;
}
.dct_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h4 span{
    font-weight: 500;
    color: #7d7d7d !important;
    font-size: 14px;
    line-height: 28px;
    text-shadow: none;
}
.dct_testi_slider .et-pb-controllers .et-pb-active-control{
    color:var(--color-1) !important;
    background-color:var(--color-1) !important;
    height: 20px !important;
}
.dct_testi_slider .et-pb-controllers a{
    color:#fff;
    background-color:#000;
}
/* Blog */
.dct_blog .et_pb_post {
    position: relative;
    overflow: hidden;
    padding:0;
}
.dct_blog .et_pb_post:hover .blog_detail .entry-title{color: var(--color-1) !important;}
.dct_blog .et_pb_post .blog_detail {
    background-color: #fff;
	z-index: 9;
	padding: 20px 20px 20px 20px !important;
	transition: all .3s linear 0s;
	position: relative;
	margin-top: -100px;
	margin-left: 50px;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	margin-bottom: 5px;
}
.dct_blog .et_pb_post .entry-featured-image-url{
    overflow: hidden;
}
.dct_blog .et_pb_post .entry-featured-image-url img{
    transform: scale(0.9, 0.9);
    transition: all .8s ease;
}

.dct_blog .et_pb_post:hover .entry-featured-image-url img{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1)
}
.dct_blog .et_pb_post .post-meta a {
    color: var(--color-1);
}
.dct_blog .et_pb_post .post-meta .published{
    color: var(--color-1);
}
.dct_blog .et_pb_post .post-meta .published:before{
    content: "\e023";
    font-size: 24px;
    font-family: ETmodules;
    position: relative;
    padding: 0 10px 0 0;
}
.dct_blog .et_pb_post .post-content .more-link:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    width: 0%;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #323232;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
}
.dct_blog .et_pb_post .post-content .more-link:hover:before{width:100%;}

.dct_blog .pagination .alignleft,
.dct_blog .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_blog .pagination .alignleft a,
.dct_blog .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_blog .pagination .alignleft a:after,
.dct_blog .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog .pagination .alignleft a:hover:after,
.dct_blog .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_blog .pagination .alignleft a:hover,
.dct_blog .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/* Blog V2 */
.dct_blog_v2 .et_pb_post .entry-featured-image-url{
    overflow: hidden;
}
.dct_blog_v2 .et_pb_post .entry-featured-image-url img{
    transition: all .8s ease;
}

.dct_blog_v2 .et_pb_post .entry-featured-image-url:hover img{
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1,1.1);
}

.dct_blog_v2 .et_pb_post .blog_detail .entry-title:hover{color: var(--color-1) !important;}
.dct_blog_v2 .et_pb_post .blog_detail {
    position: relative;
    transition: all .3s linear 0s;
    padding:40px 0;
}
.dct_blog_v2 .et_pb_post .post-meta{
    position: absolute;
    top: 0;
}
.dct_blog_v2 .et_pb_post .post-meta a{
    position: relative;
}
.dct_blog_v2 .et_pb_post .post-meta .published{
    position: absolute;
    top: -80px;
    left: 24px;
    z-index: 3;
    background: var(--color-1);
    color: #fff;
    font-weight: 700;
    padding: 10px;
    width: 60px;
    text-align: center;
}
.dct_blog_v2 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog_v2 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}

.dct_blog_v2 .pagination .alignleft,
.dct_blog_v2 .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_blog_v2 .pagination .alignleft a,
.dct_blog_v2 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_blog_v2 .pagination .alignleft a:after,
.dct_blog_v2 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog_v2 .pagination .alignleft a:hover:after,
.dct_blog_v2 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_blog_v2 .pagination .alignleft a:hover,
.dct_blog_v2 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}

/* =======================
   Client
=========================*/

#dct_client .owl-controls {
    width: 100%;
    position: absolute;
    top: 38%;
    margin-top: auto
}

#dct_client .owl-controls .owl-buttons div{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background: var(--color-1);
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    opacity: 1;
}

#dct_client .owl-prev {
    position: absolute;
    left: -5%;
}

#dct_client .owl-next {
    position: absolute;
    right: -5%;
}

#dct_client .owl-next::after,
#dct_client .owl-prev::after {
    content: "\23";
    font-family: ETmodules !important;
    font-size: 20px;
    font-weight: 900;
}

#dct_client .owl-next::after {
    content: "\24"
}

#dct_client .own-item .et_pb_image_wrap img {
    border: 2px solid var(--color-1);
    padding: 5px;
}

#dct_client .own-item {

    padding-top: 15px;
    padding-bottom: 15px;
    transition: transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms;
}

#dct_client .own-item:hover {
    transform:translateX(0px) translateY(-10px);
}

#dct_client .own-item .et_pb_image_wrap:hover img {
    border: 2px solid var(--color-1);
    box-shadow: 0 0 8px 0 var(--color-1);
}

@media only screen and (max-width: 1299px) {
    #dct_client .owl-next {
        position: absolute;
        right: -7%;
    }
}
/**/
.dct_ft_social li a:hover:before{background-color:#fff;color:#323232 !important;}
.dct_ft_social li a:before{
    background-color:var(--color-1);
    height: 40px !important;
    width: 40px !important;
    font-size: 20px !important;
    line-height: 40px !important;
    border-radius: 3px !important;
}
/* Sidebar */

.widget_search input#searchsubmit {
    background-color:var(--color-1);
    opacity:1;
    color:#fff;
    border:1px solid #ddd;
    box-shadow:none;
}
.dct_sidebar .et_pb_widget{
    margin-bottom: 20px !important;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 19px 40px rgba(157,174,185,.15);
    float: none;
    width: 100%;
    background-color: #fff;
}
.dct_sidebar .et_pb_widget .widgettitle{
    margin-bottom: 10px;
    color: var(--color-1);
    font-size: 20px;
    font-weight: 600;
}
.dct_sidebar .et_pb_widget .widgettitle:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}
.dct_sidebar .et_pb_widget ul li{
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 14px;
}
.dct_sidebar .et_pb_widget ul li a{
    color:#323232;
    transition: all 0.3s;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 20px;
}
.dct_sidebar .et_pb_widget ul li:hover a{
    color:var(--color-1);
    transition: all 0.3s;
}
.dct_sidebar .et_pb_widget ul li:before{
    content: "\24";
    font-family: ETmodules;
    display: inline-block;
    position: absolute;
    left: 10px;
    color: #323232;
    font-size: 20px;
    font-weight: 800;
}
.dct_sidebar .et_pb_widget ul li:hover:before{
    color:var(--color-1);
    transition: all 0.3s;
}

.dct_sidebar .widget_calendar .calendar_wrap .wp-calendar-table caption{
    color: var(--color-1);
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 47px !important;
    text-align: center;
}
.dct_sidebar table thead {
    background-color: #f5f5f5;
    color: #323232;
    text-align: center;
}
/*SERVICES PAGE */
.dct_pricing .et_pb_text_inner h4{
    background-color:var(--color-1);
    padding:12px;
}
.dct_pricing .et_pb_text_inner p{
    background-color:#fff;
    padding:12px;
}
.dct_pricing .et_pb_text_inner p:nth-child(2n+1){
    background-color: #f4f5f7;
    padding: 12px;
}
.dct_pricing .et_pb_text_inner span{float:right;}
/**/
.dct_service_blrb{
    border:1px solid #ddd;
    transition: all .5s;
}
.dct_service_blrb:hover{
    border:1px solid transparent;
}
.dct_service_blrb:before{
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.35s, transform 1.3s;
    transform: scale(1, 0);
    border-right: 1px solid var(--color-1);
    border-left: 1px solid var(--color-1);
}
.dct_service_blrb:hover:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.dct_service_blrb:after{
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.5s, transform 1.3s;
    transform: scale(0, 1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
}
.dct_service_blrb:hover:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.dct_service_blrb .et_pb_blurb_content .et_pb_main_blurb_image{
    z-index: 1;
    transition: all .9s;
    background-color:#fff;
    color:var(--color-1);
    width: 100px;
    height: 100px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 0 auto;
    position: absolute;
    top: -104px;
    left: 0;
    right: 0;
}
.dct_service_blrb:hover .et_pb_blurb_content .et_pb_main_blurb_image{
    color:#fff !important;
    background-color:var(--color-1) !important;
    transform: rotateY(180deg) rotate(0deg);
    transition: all .9s;
    z-index: 1;
}
.dct_service_blrb .et_pb_blurb_content .et_pb_main_blurb_image img{top: 20px;position: relative;}
.dct_service_blrb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1);}

/* Testimonial */
.dct_testi{color:#323232 !important;}
.dct_testi:hover{color:#fff !important;}

/* 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 .et_pb_portfolio_item {
    overflow:hidden;
    border:5px solid #fff;
    position: relative;
}
.dct_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item {
    border:none;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image {
    position:relative;
    overflow:hidden
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image img, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image img {
    width: 100%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    height:auto
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image:before, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 600px;
    bottom: 0;
    opacity:0;
    width: 100%;
    z-index: 1;
    height: 100%;
    transition: all .7s;
    content:'';
    background:rgba(0, 0, 0, .7);
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before, .dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
    opacity:1;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
    background:transparent;
    border:none;
    opacity:1;
    z-index:2;
}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before {
    background:#fff;
    font-size:25px;
    padding:10px;
    border-radius:0;
    color:#000;
    top:auto;
    bottom: -50px;
    left: auto;
    right: -50px;
    opacity:0;
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before, .dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before {
    top:auto;
    bottom: 0px;
    left: auto;
    right: 0px;
    opacity:1;
}
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image img, .dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.dct_ptf .et_pb_portfolio_item .et_pb_module_header {
    padding-bottom: 0;
    background:var(--color-1);
    left:-100%;
    color:#fff;
    bottom:0;
    margin:0;
    right:inherit;
    width:100%;
    z-index:1;
    text-align:left;
    font-size:15px;
    box-sizing:border-box;
    border:0;
    position:absolute;
    -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_item .meta .et_pb_module_header {
    margin-top: 0;
    padding: 15px;
    display: block;
    width: 100%;
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header {
    left:0
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header a {
    padding:15px;
    display:block;
    width:100%;
}
.dct_ptf .et_pb_portfolio_item .post-meta a {
    color:#fff
}
.dct_ptf .et_pb_portfolio_item .meta .post-meta {
    width: auto;
    color: #fff;
}
.dct_ptf .et_pb_portfolio_item .post-meta {
    background: #000;
    right: -100%;
    bottom: 45px;
    margin: 0;
    left: inherit;
    text-align: left;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    position:absolute;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    z-index:3
}
.dct_ptf .et_pb_portfolio_item:hover .post-meta {
    right:0
}
.dct_ptf .et-pb-arrow-next, .dct_ptf .et-pb-arrow-prev {
    opacity:1;
    background:var(--color-1);
    color:#fff!important;
    font-size:20px;
    padding:10px
}
.dct_ptf .et-pb-arrow-next:hover, .dct_ptf .et-pb-arrow-prev:hover {
    background:var(--color-2);
}
.dct_ptf .et-pb-arrow-prev {
    left:0!important
}
.dct_ptf .et-pb-arrow-next {
    right:0!important
}
@media only screen and (max-width : 1024px) {
	.dct_ptf.clm3 .et_pb_ajax_pagination_container, .dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(2, 50%) !important;}
}
@media only screen and (max-width : 767px) {
    .dct_ptf .et_pb_portfolio_filters li {
        width: auto !important;
        margin-bottom: 0;
    }
	.dct_ptf.clm2 .et_pb_ajax_pagination_container, .dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
.dct_ptf.clm3 .et_pb_ajax_pagination_container, .dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
}

.dct_ptf.clm2 .et_pb_ajax_pagination_container, .dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 10px;
    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%);
}
.dct_ptf .pagination .alignleft,
.dct_ptf .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_ptf .pagination .alignleft a,
.dct_ptf .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_ptf .pagination .alignleft a:after,
.dct_ptf .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_ptf .pagination .alignleft a:hover:after,
.dct_ptf .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_ptf .pagination .alignleft a:hover,
.dct_ptf .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/* Footer */
.dct_ft_heading .et_pb_text_inner h2{
	position: relative;
	display: inline-block;
}
.dct_ft_heading .et_pb_text_inner h2::before {
    content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 2px;
	margin: auto;
	left: 0;
	background-color: var(--color-1);
	-webkit-transition: width .2s linear;
	transition: width .2s linear;
	text-align: left;
}
.dct_footer_tp .et_pb_blurb_content .et_pb_blurb_container{padding-left: 70px;}
.dct_footer_tp .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2{
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 700;
    color: #fff;
}
.dct_footer_tp .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{
    color:var(--color-2);
    background-color: #fff;
    padding: 20px;
    border-radius: 50%;
    font-size: 40px;
    position: relative;
}
.dct_footer_tp .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:after{
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    /*border: 10px solid rgba(255,255,255,0.30);*/
	border: 10px solid var(--color-2);
	opacity: 0.5;
}
@media (min-width: 360px) and (max-width: 767px) {
    .dct_footer_tp .et_pb_blurb_content .et_pb_blurb_container{padding-left: 0px;padding:20px;}
    .dct_footer_tp .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2{font-size: 24px;}
}
.dct_contact_ft p.et_pb_contact_field{padding:0px !important;}
.dct_contact_ft .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{
    display:block !important;
    float: none !important;
    text-align: center;
}
.dct_contact_ft .et_pb_contact .et_pb_contact_form .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_contact_ft .et_pb_contact .et_pb_contact_form .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Team */
.dct_team .et_pb_team_member_image:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.70;
    background-color: rgba(0,0,0,0.70);
    transition: all 900ms ease;
    opacity:0;
    transform: rotateY(-180deg);
}
.dct_team:hover .et_pb_team_member_image:before{
    opacity: 1;
    transform: rotateY(0deg);
}
.dct_team .et_pb_team_member_description .et_pb_member_position:after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    height: 3px;
    width: 40px;
    margin-left: -20px;
    background-color: var(--color-1);
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_font_icon{
    background-color:var(--color-2);
    color: #fff;
    width: 44px;
    height: 44px;
    line-height:50px;
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_font_icon:hover{
    background-color:var(--color-1);
    color:#fff;
}
@media only screen and (max-width:980px){
    .dct_team{max-width:400px;margin:0 auto;}
    .dct_team .et_pb_team_member_image{width: 100% !important;float: none;}
    .dct_team .et_pb_team_member_image img{width: 100%;}
    .dct_team .et_pb_team_member_description{display:block;}
}
/*Team V2*/
.dct_team_v2 .et_pb_team_member_description .et_pb_module_header{color:#323232;}
.dct_team_v2 .et_pb_team_member_description .et_pb_member_position{color:#323232;}
.dct_team_v2:hover .et_pb_team_member_description .et_pb_module_header{color:#fff;}
.dct_team_v2:hover .et_pb_team_member_description .et_pb_member_position{color:#fff;}
.dct_team_v2 .et_pb_team_member_image:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.70;
    background-color: rgba(0,0,0,0.70);
    transition: all 900ms ease;
    opacity:0;
    transform: rotateY(-180deg);
}
.dct_team_v2:hover .et_pb_team_member_image:before{
    opacity: 1;
    transform: rotateY(0deg);
}
.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{
    background-color:var(--color-2);
    color: #fff;
    width: 44px;
    height: 44px;
    line-height:50px;
}
.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover{
    background-color:#fff;
    color:#000;
}
@media only screen and (max-width:980px){
    .dct_team_v2{max-width:400px;margin:0 auto;}
    .dct_team_v2 .et_pb_team_member_image{width: 100% !important;float: none;}
    .dct_team_v2 .et_pb_team_member_image img{width: 100%;}
    .dct_team_v2 .et_pb_team_member_description{display:block;}
}
/*dct_team Blurb*/
.dct_team_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;background-color: var(--color-1);}
.dct_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: var(--color-1);
}
.dct_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul{padding: 12px 0;}
.dct_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description li{
    position: relative;
    list-style: none;
    padding: 6px 10px;
    font-size: 16px;
    color: #323232;
}
.dct_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description li:before{
    content: "\24";
    font-family: ETmodules;
    position: absolute;
    color: var(--color-1);
    left: -20px;
    font-size: 24px;
}
/* Priceing */
.dct_price .et_pb_pricing_heading {
    padding:90px 0 20px;
    border-bottom:1px solid #eee;
    margin-bottom:25px;
    background-color:rgba(0,0,0,0)
}
.dct_price .et_pb_pricing_heading h2 {
    padding-bottom:7px
}
.dct_price .et_pb_pricing_content_top {
    position:absolute;
    overflow:hidden;
    z-index:10;
    display:inline-block;
    width:100%;
    padding:0;
    border:none;
    top:-72px;
    max-width:140px;
    margin:0 auto;
    left:0;
    right:0;
    transition: all 0.4s ease-in-out;
}
.dct_price .et_pb_pricing_content_top:after{
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
}
.dct_price .et_pb_et_price {
    display: inline-block;
    background: var(--color-1);
    border-radius: 50%;
    padding: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.dct_price .et_pb_dollar_sign {
    font-size: 26px;
    font-weight: 700;
    position: absolute;
    margin-left: -.5em;
    color: #fff;
    margin-left: -15.017px;
}
.dct_price ul.et_pb_pricing li {
    padding-bottom:10px;
    position:relative;
}
.dct_price .et_pb_pricing_table:hover .et_pb_pricing_content_top {transform: scale(1.1);}
.dct_price .et_pb_pricing_table:hover .et_pb_et_price{background:var(--color-2);}
.dct_price .et_pb_pricing_table .et_pb_sum{color:#fff;}
.dct_price .et_pb_pricing_table:hover .et_pb_sum{color:var(--color-1);}
.dct_price .et_pb_pricing_table .et_pb_frequency .et_pb_frequency_slash{display:none;}
.dct_price .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_price .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Blog Detail Page */
/* CTA */
.dct_cta .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_cta .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Comment*/
.dct_comment .page_title{
    font-weight: 600;
    font-size: 20px;
    color: var(--color-1);
}
.dct_comment .page_title:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}

.dct_comment .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_comment .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/*Mobile Menu*/
.mobile_nav .mobile_menu_bar::before {color:var(--color-1);}
/*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 var(--color-2);
}
/*remove border under last mobile menu item*/
.et_mobile_menu li:last-child a {
    border-bottom: none;
}


/*------------- 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 0.4s;
    transition: right 0.4s;
    z-index: 9999999;
}
.template-options.opened {
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 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, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 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, 0.2) inset;
    box-shadow: 0 0 0 3px rgba(0, 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 only screen and (max-width: 980px) {
    .cl-toggler {
        width: 40px;
        height: 48px;
        left: -40px;
    }
    .cl-toggler i {
        font-size: 16px;
    }
    #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: 0;
    }
}

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

@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;
    }
}
/* Home Page v2*/
.dct_menu_v2 nav ul li{margin-top:0 !important;}
.dct_menu_v2 nav ul li a:hover{color:var(--color-1) !important;}
.dct_menu_v2 nav ul li a:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    opacity: 0;
    background-color: var(--color-1);
    content: "";
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: visible;
}
.dct_menu_v2 nav ul li a:hover:before{
    opacity: 1;
}
.dct_menu_v2 nav ul .current_page_item a:before{
    opacity: 1;
}
.dct_menu_v2 nav ul li a:after{
    display:none !important;
}
.dct_menu_v2 nav ul li ul li a:before{display:none;}
.dct_menu_v2 nav ul li ul{width:218px !important; padding: 10px 0px !important;}
.dct_menu_v2 nav ul li ul li a{padding-bottom: 8px !important;padding-top: 8px !important;}
/* Slider */
.dct_slider_home_v2 .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_slider_home_v2 .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
.dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
.dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 8px;
}
.dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover{
    background: var(--color-1);
    transition: all 500ms ease;
}
/**/
.dct_home_v2_cta:before{position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    border-radius: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--color-1);
    transform: scale(0.2,1);
    z-index:-1;
}
.dct_home_v2_cta:hover:before{
    opacity: 1;
    transform: scale(1,1);
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--color-1) !important;
    z-index:-1;
}
.dct_home_v2_cta .et_pb_promo_description .et_pb_module_header{color: #323232 !important;padding: 20px 0;}
.dct_home_v2_cta .et_pb_promo_description p{color:#323232;}
.dct_home_v2_cta:hover .et_pb_promo_description .et_pb_module_header{color:#fff !important;}
.dct_home_v2_cta:hover .et_pb_promo_description p{color:#fff;}
.dct_home_v2_cta .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_home_v2_cta .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Portfolio V2 */
.dct_ptf_v2  .et_pb_portfolio_filters ul li{
	display: inline-block;
	float: none !important;
	margin-left: 10px;
}
.dct_ptf_v2  .et_pb_portfolio_filters ul li a {
    padding:10px 30px;
    background:var(--color-2);
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    border-radius:0px;
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
    transition: all 500ms ease;
}
.dct_ptf_v2  .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_v2  .et_pb_portfolio_filters {
    margin:0
}
.dct_ptf_v2  .et_pb_portfolio_filters ul li a.active {
    background:var(--color-1)!important;
    color:#fff;
    border-radius:0px;
}
.dct_ptf_v2  .et_pb_portfolio_filters ul{text-align:center;}
/*
.dct_ptf_v2 .et_pb_portfolio_filters {
    text-align: center;
    margin-bottom: 10px;
}
.dct_ptf_v2 .et_pb_portfolio_filters li {
    float:none;
    display:inline-block;
}
.dct_ptf_v2 .et_pb_portfolio_filters li a:hover {
    background-color:var(--color-1);
    color:#fff;
}
.dct_ptf_v2 .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_v2 .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_v2 .et_pb_portfolio_filters li a.active {
    border-color:var(--color-2);
    background:var(--color-1);
    color:#fff;
}
.dct_ptf_v2 .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_v2 .et_pb_portofolio_pagination {
    border:none !important;
    margin-top: 20px;
}
.dct_ptf_v2 .et_pb_portofolio_pagination ul {
    float: right;
    position:relative;
    display:inline-block
}
.dct_ptf_v2 .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_v2 .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_v2 .et_pb_portofolio_pagination ul li:last-child {
    margin-right: 0px;
}
.dct_ptf_v2 .et_pb_portofolio_pagination ul li a {
    color:#fff !important;
}
.dct_ptf_v2 .et_pb_portfolio_item {
    overflow:hidden;
    border:5px solid #fff;
    position: relative;
}
.dct_ptf_v2.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item {
    border:none;
}
.dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image {
    position:relative;
    overflow:hidden
}
.dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image img, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image img {
    width: 100%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    height:auto
}
.dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image:before, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image:before {
    display: block;
    position: absolute;
    left: -100%;
    right: 0;
    top: 0;
    bottom: 0;
    opacity:0;
    width: 100%;
    z-index: 1;
    height: 100%;
    transition: all .7s;
    content:'';
    background:rgba(0, 0, 0, .7);
    transform-origin: left center;
}
.dct_ptf_v2 .et_pb_portfolio_item:hover .et_portfolio_image:before, .dct_ptf_v2 .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
    opacity:1;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: right center;
}
.dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
    background:transparent;
    border:none;
    opacity:1;
    z-index:2;
}
.dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before {
    background:var(--color-1);
    font-size: 25px !important;
    padding: 6px;
    border-radius: 0;
    color: #ffff;
    bottom: auto;
    top: 20%;
    left: -100%;
    right: auto;
    opacity: 0;
    -webkit-transition:all .7s;
    -moz-transition:all .7s;
    -o-transition:all .7s;
    -ms-transition:all .7s;
    transition:all .7s;
}
.dct_ptf_v2 .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before, .dct_ptf_v2 .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before {
    bottom: auto;
    top: 20%;
    left: 85%;
    right: auto;
    opacity: 1;
}
.dct_ptf_v2 .et_pb_portfolio_item .et_pb_module_header {
    padding-bottom: 0;
    left:-100%;
    color:#fff;
    bottom:20%;
    margin:0;
    right:inherit;
    width:100%;
    z-index:1;
    text-align:left;
    box-sizing:border-box;
    border:0;
    position:absolute;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
}
.dct_ptf_v2 .et_pb_portfolio_item .meta .et_pb_module_header {
    margin-top: 0;
    padding: 15px;
    display: block;
    width: 100%;
}
.dct_ptf_v2 .et_pb_portfolio_item:hover .et_pb_module_header {
    left: 10px;
}
.dct_ptf_v2 .et_pb_portfolio_item:hover .et_pb_module_header a {
    padding:15px;
    display:block;
    width:100%;
}
.dct_ptf_v2 .et_pb_portfolio_item .post-meta a {
    color:#fff
}
.dct_ptf_v2 .et_pb_portfolio_item .meta .post-meta {
    width: auto;
    color: #fff;
}
.dct_ptf_v2 .et_pb_portfolio_item .post-meta {
    left: -100%;
    bottom: 10%;
    margin: 0;
    right: inherit;
    text-align: left;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    position:absolute;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
    z-index:3
}
.dct_ptf_v2 .et_pb_portfolio_item:hover .post-meta {
    left: 24px;
}
.dct_ptf_v2 .et-pb-arrow-next, .dct_ptf_v2 .et-pb-arrow-prev {
    opacity:1;
    background:var(--color-1);
    color:#fff!important;
    font-size:20px;
    padding:10px
}
.dct_ptf_v2 .et-pb-arrow-next:hover, .dct_ptf_v2 .et-pb-arrow-prev:hover {
    background:var(--color-2);
}
.dct_ptf_v2 .et-pb-arrow-prev {
    left:0!important
}
.dct_ptf_v2 .et-pb-arrow-next {
    right:0!important
}
@media (min-width: 768px) and (max-width: 1024px) {
    .dct_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .dct_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before{
        font-size: 24px !important;
        padding: 4px !important;
    }
    .dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
    .dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
        padding: 0px !important;
        font-size: 40px;
    }
}
@media only screen and (max-width : 1024px) {
	.dct_ptf_v2.clm3 .et_pb_ajax_pagination_container, .dct_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(2, 50%) !important;}
}

@media only screen and (max-width : 767px) {
    .dct_ptf_v2 .et_pb_portfolio_filters li {
        width: auto !important;
        margin-bottom: 0;
    }
	.dct_ptf_v2.clm2 .et_pb_ajax_pagination_container, .dct_ptf_v2.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
.dct_ptf_v2.clm3 .et_pb_ajax_pagination_container, .dct_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
    .dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
    .dct_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
        padding: 0px !important;
        font-size: 34px;
    }
}
.dct_ptf_v2.clm2 .et_pb_ajax_pagination_container, .dct_ptf_v2.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 50%);
}
.dct_ptf_v2.clm3 .et_pb_ajax_pagination_container, .dct_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(3, 33%);
}
.dct_ptf_v2 .pagination .alignleft,
.dct_ptf_v2 .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_ptf_v2 .pagination .alignleft a,
.dct_ptf_v2 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_ptf_v2 .pagination .alignleft a:after,
.dct_ptf_v2 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_ptf_v2 .pagination .alignleft a:hover:after,
.dct_ptf_v2 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_ptf_v2 .pagination .alignleft a:hover,
.dct_ptf_v2 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/* Faq V2 */
.dct_faq_v2 .et_pb_toggle_close .et_pb_toggle_title:before{
    content: '\4c' !important;
}
.dct_faq_v2 .et_pb_toggle_open .et_pb_toggle_title{
    background-color:var(--color-1);
}
.dct_faq_v2 .et_pb_toggle_close .et_pb_toggle_title{
    background-color:var(--color-2);
}
/* Blog V3 */
.dct_blog_v3 .et_pb_post:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 45px;
    border-radius: 4px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    z-index:-1;
}
.dct_blog_v3 .et_pb_post:hover:before{
    bottom: 0px;
}
.dct_blog_v3 .et_pb_post .post-content .more-link{
    opacity: 0;
    visibility: visible;
}
.dct_blog_v3 .et_pb_post:hover .post-content .more-link{
    opacity: 1;
    visibility: visible;
}

.dct_blog_v3 .et_pb_post {
    position: relative;
    overflow: visible;
    padding:0;
    border:none;
    z-index:1;
}
.dct_blog_v3 .et_pb_post .blog_detail {
    display: flex;
    flex-direction: column-reverse;
    padding:20px;
}
.dct_blog_v3 .et_pb_post .blog_detail .entry-title:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 40px;
    background-color: var(--color-1);
}

.dct_blog_v3 .et_pb_post .et_pb_image_container{
    margin:0 !important;
}
.dct_blog_v3 .et_pb_post .entry-featured-image-url{margin-bottom: 10px !important;}
.dct_blog_v3 .et_pb_post .post-meta a {
    color: var(--color-1);
}
.dct_blog_v3 .et_pb_post .post-meta .published{
    color: #fff;
    position: absolute;
    right: 20px;
    top: -30px;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    border-radius: 3px;
    display: inline-block;
    background-color: var(--color-1);
    border: 5px solid #ffffff;
}
.dct_blog_v3 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog_v3 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}


/**/
.dct_blog_v3 .pagination .alignleft,
.dct_blog_v3 .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_blog_v3 .pagination .alignleft a,
.dct_blog_v3 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_blog_v3 .pagination .alignleft a:after,
.dct_blog_v3 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}

.dct_blog_v3 .pagination .alignleft a:hover:after,
.dct_blog_v3 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_blog_v3 .pagination .alignleft a:hover,
.dct_blog_v3 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/*Footer V2*/
.dct_ft_v2_blurb .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;}
.dct_ft_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff; border-radius: 0 !important;}
.dct_ft_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1) !important;border-radius: 0 !important;}
/* Home V3   Iquiry */
#dct_inquiry_v2 .et_pb_contact_form {
    display: flex;
}
#dct_inquiry_v2 p.et_pb_contact_field {
    padding: 0 0 0 1%;
}
#dct_inquiry_v2 .et_contact_bottom_container {
    display: inline-block;
    float: none;
    position: relative;
    bottom: -18px;
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    #dct_inquiry_v2 .et_contact_bottom_container {
        bottom: -10px;
    }
}
@media only screen and (max-width: 766px) {
    #dct_inquiry_v2 .et_contact_bottom_container .et_pb_contact_submit {
        width: 100%;
        display: block;
        margin: 0;
    }
    #dct_inquiry_v2 p.et_pb_contact_field {
        padding:0 !important;
    }
    #dct_inquiry_v2 .et_contact_bottom_container {
        padding: 0 0 0 3%;
        float: none;
        text-align: center;
        display: block;
        bottom: -14px;
    }
    #dct_inquiry_v2 .et_pb_contact_form {
        display: block;
    }

}

@media only screen and (max-width: 480px) {
    #dct_inquiry_v2 .et_contact_bottom_container {
        display: block;
        width: 100%;
    }
    #dct_inquiry_v2 .et_contact_bottom_container {
        padding: 0 0 0 0%;
    }
}
/* About Home v3*/
.dct_hv3_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{background-color:#fff;transition: 0.5s all ease;}
.dct_hv3_about:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{background-color:var(--color-2);}
.dct_hv3_about .et_pb_blurb_content .et_pb_blurb_container{padding-left:5px !important;vertical-align: middle;}
.dct_hv3_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-2) ;border-radius: 100% !important;transition: 0.5s all ease;}
.dct_hv3_about:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;}
.dct_hv3_about .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: #fff;}

/* Blog V4 */
.dct_blog_v4 .et_pb_post{
    padding: 20px 15px;
    border-radius: 10px;
    background-color: var(--color-1);
    transition: .5s all ease;
}
.dct_blog_v4 .et_pb_post:hover{
    background-color: var(--color-2);
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
.dct_blog_v4 .et_pb_post .et_pb_image_container{
    margin: 0 !Important;
}
.dct_blog_v4 .et_pb_post .entry-title{
    color: var(--color-2);
}
.dct_blog_v4 .et_pb_post:hover .entry-title{
    color: #fff;
}
.dct_blog_v4 .et_pb_post .post-meta a{
    color: #fff;
}
.dct_blog_v4 .et_pb_post .post-content p{
    color: #fff;
}
.dct_blog_v4 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog_v4 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}

.dct_blog_v4 .pagination .alignleft,
.dct_blog_v4 .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.dct_blog_v4 .pagination .alignleft a,
.dct_blog_v4 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.dct_blog_v4 .pagination .alignleft a:after,
.dct_blog_v4 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.dct_blog_v4 .pagination .alignleft a:hover:after,
.dct_blog_v4 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.dct_blog_v4 .pagination .alignleft a:hover,
.dct_blog_v4 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: var(--color-1);
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/* Slidebar */
.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;
} 
#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: 50%;
	font-size: 30px;
}
.dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	color: var(--color-1);
	background: #fff;
	font-size: 25px;
	padding: 14px;
	border-radius: 50%;
}