/*---------------------------------------------------------------------------------
Theme Name:   Divi Wine Shop 
Theme URI:    http://wineshop.divifixer.com/
Description:  WineShop is a modern, attractive & refined Winery DIVI theme crafted for vineyard projects, online wine shop company, wine restaurant, grape farm, sommelier association, wine steward, grocery firm, food & wine blogs.
Author:       Divi-Childthemes.com
Author URI:   https://www.divi-childthemes.com/
Template:     Divi
Version:      1.0.2
License:      GNU General Public License v2 or later 
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/*----------------------------------------------- Text Information ---------------------------------------------------*/


/**
 General
 Title
	(max-width : 480px) 
 Header
	Header v1
	Header v2-v5
 Slider
	Slider V1
	Slider V2
	Slider V3
	Slider V4
	Slider V5
 Intro
 Team 
 Deal Of the Day
	Deal Of the Day V1
	Deal Of the Day V2
	Deal Of the Day V3
 Testimonial
	Testimonial v1
	Testimonial v2
 FAQ	
 Hero 
	Hero v1
	Hero v2
	Hero v3
	Hero v4
	Hero v5
 Footer
 Client
 Blog
	Single Post - Project - Category
 Scroll Top
 Mobile Menu
 Template-Options 
 
 */

/*** General ****/
.et_pb_text{position: relative;}
.dct_plx .et_parallax_bg:before{content:"";display:block;height:100%;position:absolute;top:0;left:0;width:100%;background-color:rgba(0,0,0,.7)}

.dct_exp .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    box-shadow: 0 0 20px #fff;
    background: var(--color-1);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 85px;
    border: 5px solid #fff;
}

/*** Title ****/

.dct_s_title .et_pb_text_inner span.dct_text2 {
    position: relative;
    padding: 0 50px;
    
    display: inline-block;
    margin: 0 auto;
    }
.dct_s_title .et_pb_text_inner span.dct_text2:before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 0;
    transform: translateY(50%);
}
.dct_s_title .et_pb_text_inner span.dct_text2:after {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 479px) {
    .dct_s_title .et_pb_text_inner span.dct_text2::before,
    .dct_s_title .et_pb_text_inner span.dct_text2::after {
        display: none;
    }
    .dct_s_title .et_pb_text_inner span.dct_text2 {
        padding: 0;
    }
}


/*** Page Title ****/

.dct_p_title .et_pb_wc_breadcrumb .et_pb_module_inner .woocommerce-breadcrumb {
    list-style: none;
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
}
.dct_p_title .et_pb_wc_breadcrumb .et_pb_module_inner .woocommerce-breadcrumb a:first-child:before {
    content: "\e074";
    font-family: ETmodules !important;
    margin-right: 5px;
    color: var(--color-1);
}
.dct_p_title .et_pb_text .et_pb_text_inner:after,
.dct_p_title .et_pb_text .et_pb_text_inner:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -70px;
    line-height: 20px;
    height: 1px;
    width: 50px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dct_p_title .et_pb_text .et_pb_text_inner:after {
    right: -65px;
    left: auto;
}
.dct_p_title .et_pb_text .et_pb_text_inner,
.et-db #et-boc .dct_p_title .et_pb_text .et_pb_text_inner {
    display: inline-block;
    position: relative;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul {
    text-align: center;
    padding: 0;
    list-style-type: none;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li {
    display: inline-block;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li:after {
    color: #fff;
    content: "|";
    margin: 0 5px;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li:last-child:after {
    display: none;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li a {
    position: relative;
    text-transform: capitalize;
}
.dct_p_title .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li:first-child a:before {
    content: "\e074";
    font-family: ETmodules !important;
    margin-right: 5px;
    color: var(--color-1);
}
@media only screen and (max-width: 380px) {
    .dct_p_title .et_pb_text .et_pb_text_inner,
    .et-db #et-boc .dct_p_title .et_pb_text .et_pb_text_inner {
        font-size: 20px !important;
    }
}



/*** Slider V1 ****/

.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
    
    display: block;
    line-height: 20px;
    font-weight: 600;
    font-size: 20px;
    border-color: #999;
    padding-bottom: 20px;
    color: var(--color-1) !important;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content span.dct_text2 {
    text-transform: uppercase;
   
    display: block;
    line-height: 60px;
    font-weight: 700;
    font-size: 53px;
    border-color: #999;
    padding: 0;
    color: #fff;
    position: relative;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content {
    position: relative;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content:after,
.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content:before {
    background: var(--color-1);
    width: 1px;
    height: 45px;
    top: -50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
}
.dct_slider_v1 .et_pb_slide_description .et_pb_slide_content:after {
    bottom: -50%;
    top: auto;
}
.dct_slider_v1 .et-pb-arrow-prev {
    left: 22px !important;
    opacity: 1;
}
.dct_slider_v1 .et-pb-arrow-next {
    right: 22px !important;
    opacity: 1;
}
.dct_slider_v1 .et-pb-arrow-prev:before {
    content: "\23";
}
.dct_slider_v1 .et-pb-arrow-next:before {
    content: "\24";
}
.dct_slider_v1 .et-pb-controllers a {
    width: 15px;
    height: 15px;
    border-radius: 0;
}

@media only screen and (max-width: 980px) {
    .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content span.dct_text2 {
        font-size: 25px;
        line-height: 35px;
	}
    .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content::after,
    .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content::before {
        display: none;
    }
    .dct_slider_v1 .et-pb-arrow-prev {
        left: 2px !important;
    }
    .dct_slider_v1 .et-pb-arrow-next {
        right: 2px !important;
    }
    
}

/*** Slider V2 ****/
/*
.dct_slider_v2 .et_pb_slide_description .et_pb_slide_content {
    background: #fff;
    padding: 50px 35px 30px 30px;
    border-left: 5px solid var(--color-1);
}
.dct_slider_v2 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 45px;
    font-weight: 700;
}

.dct_slider_v2 .et_pb_button_wrapper {
    background: #fff;
    border-left: 5px solid var(--color-1);
}
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:after,
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:before {
    content: "";
    background: var(--color-2);
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:hover:after,
.dct_slider_v2 .et_pb_button_wrapper .et_pb_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

@media only screen and (max-width: 480px) {
    .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content span.dct_text1 {
        font-size: 23px;
        line-height: 35px;
    }
    .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content {
        padding: 40px 25px;
    }
    .dct_slider_v2 .et_pb_button_wrapper .et_pb_button {
        margin-left: 0 !important;
    }
}
*/
/*** Slider V3 ****/

.dct_slider_v3 .et_pb_slide_description .et_pb_slide_title:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 60px;
    margin: 8px auto 15px;
    transition: all 0.5s ease-out;
}
.dct_slider_v3:hover .et_pb_slide_description .et_pb_slide_title:after {
    width: 100px;
    transition: all 0.5s ease-out;
}

/*** Slider V4 ****/

.dct_slider_v4 .et_pb_slide_description .et_pb_slide_title:after {
    content: "";
    background: var(--color-1);
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:after,
.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:before {
    content: "";
    background: #fff;
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:hover:after,
.dct_slider_v4 .et_pb_button_wrapper .et_pb_more_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}
.dct_slider_v4 .et-pb-arrow-prev {
    left: 0;
    opacity: 1;
}
.dct_slider_v4 .et-pb-arrow-next {
    right: 0;
    opacity: 1;
}
.dct_slider_v4 .et-pb-controllers a {
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 1;
}



/*** Slider V5 ****/

.dct_slider_v5 .et_pb_button_wrapper .et_pb_more_button:after,
.dct_slider_v5 .et_pb_button_wrapper .et_pb_more_button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: 0;
    display: block;
    opacity: 1;
    transition: all 0.5s ease 0s;
}
.dct_slider_v5 .et_pb_button_wrapper .et_pb_more_button:hover:before {
    background: rgba(255, 255, 255, 0.7);
    left: 60%;
    right: 60%;
}
.dct_slider_v5 .et_pb_button_wrapper .et_pb_more_button:hover:after {
    background: rgba(255, 255, 255, 0.7);
    top: 60%;
    bottom: 60%;
}

@media only screen and (max-width: 380px) {.dct_slider_v5 .et_pb_slide_description {padding: 16% 0% !important;}}



/*** About us ****/

.dct_abt_cta .header-content a.et_pb_button:after,
.dct_abt_cta .header-content a.et_pb_button:before,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:after,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:before {
    content: "";
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background: var(--color-1);
    opacity: 1 !important;
    display: block !important;
    margin-left: 0;
    visibility: visible;
    transition: all 0.35s ease 0s;
}
.dct_abt_cta .header-content a.et_pb_button:before,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:before {
    left: 0;
}
.dct_abt_cta .header-content a.et_pb_button:hover:before,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:hover:before {
    transform: translateX(-110%);
}
.dct_abt_cta .header-content a.et_pb_button:after,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:after {
    right: 0;
}
.dct_abt_cta .header-content a.et_pb_button:hover:after,
.dct_abt_intro .et_pb_button_module_wrapper .et_pb_button:hover:after {
    transform: translateX(110%);
}
.dct_abt_title_left .et_pb_text_inner span{
    padding-bottom: 20px;
    position: relative;
}

.dct_abt_title_left .et_pb_text_inner span.dct_text2 {
    color: var(--color-1);
}


.dct_abt_intro .dct_abt_img .et_pb_image_wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #000;
}

.dct_abt_intro .dct_abt_img .et_pb_image_wrap img {
    opacity: 0.5;
    transition: 1s;
}
.dct_abt_intro .dct_abt_img:hover .et_pb_image_wrap img {
    transform: scale(1.2);
}

.dct_abt_cta .header-content .et_pb_fullwidth_header_subhead:after {

    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 60px;
    margin: 8px auto 15px;
    transition: all 0.5s ease-out;
}
.dct_abt_cta .header-content:hover .et_pb_fullwidth_header_subhead:after {
    width: 100px;
    transition: all 0.5s ease-out;
}
.dct_abt_cta .header-content a.et_pb_button_two:after,
.dct_abt_cta .header-content a.et_pb_button_two:before {
    background: #fff;
}

.dct_abt_ofr .et_pb_blurb_content .et_pb_blurb_container {
    position: absolute;
    bottom: 0;
    padding: 35px;
    color: #fff;
    z-index: 9;
}
@media only screen and (max-width: 980px) {
    .dct_abt_cta .header-content {
        margin: 0 auto;
        padding: 0;
        width: 90%;
        max-width: 1170px;
    }
    .dct_abt_cta .et_pb_fullwidth_header_container.center {
        width: 90%;
        max-width: 1170px;
    }

    .dct_abt_hover {
        width: 400px;
        margin: 0 auto !important;
        float: none;
    }

    .dct_abt_intro .dct_hover,
    .dct_abt_intro .dct_hover.et-last-child,
    .dct_abt_intro .dct_hover:last-child,
    .dct_abt_intro .dct_hover.et-last-child,
    .dct_abt_intro .dct_hover:last-child {
        margin-bottom: 20px !important;
        width: 500px;
        margin: 0 auto !important;
        float: none;
    }
    .dct_abt_intro .et_pb_text_inner h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
}
@media only screen and (max-width: 380px) {
    .dct_abt_cta .header-content a.et_pb_button_two {
        margin-left: 0;
    }
    .dct_abt_cta .header-content a.et_pb_button {
        margin-top: 5px !important;
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .dct_abt_cta .header-content .et_pb_module_header {
        font-size: 25px;
    }
    .dct_abt_intro .et_pb_text_inner h2 {
        font-size: 20px;
    }
}

/***Header***/

/***** CENTER MENU *****/
/* center main nav but right align last 2 menu items */
ul.et-menu,
nav.et-menu-nav,
.et_pb_menu__menu {
	width:100%;
}

ul.et-menu li:first-child {
	margin-left: auto;
}

ul.et-menu li.diviwp-menu-right-align {
	margin-left:auto;
}
/***** END CENTER MENU *****/

/*****  MENU BUTTON *****/
/* reduce default padding to style the last item nicely */
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding-top:10px;
	padding-bottom:10px;
}

/***** CART AND SEARCH ICONS *****/

.et_pb_menu .et_pb_menu__wrap {
	/* this aligns the menu with the cart and search icons */
	-ms-flex-wrap: nowrap;
    	flex-wrap: nowrap;
}

/***** END CART AND SEARCH ICONS *****/

/***** SUB MENUS STYLES *****/
/* sub-menu dropdown menu container */
ul.sub-menu {
	/* top left, top right, bottom right, bottom left */
	border-radius: 4px 4px 4px 4px;
}

/* drop-down menu animation on hover */
ul.sub-menu {
	-webkit-transition: all .07s ease-in-out !important;
			transition: all .07s ease-in-out !important;
	-webkit-transform: scale(0.80);
		-ms-transform: scale(0.80);
			transform: scale(0.80);
}

.et_pb_menu .nav li:hover > ul {
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}

/* sub-menu triangle above sub-menu dropdown. To change the color of the triangle, go to Menu Module Settings -> Design -> Drop Down Menu -> Drop Down Menu Line Color or add a color property */
.nav li ul.sub-menu:before {
	position: absolute;
	top: -8px;
	left: 16%;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	border-bottom-color: inherit;
	border-left: 8px solid transparent !important;
	border-color: var(--color-1);
}

/* don't display the top triangle on the 2nd level sub-menu dropdown */
.nav li ul.sub-menu li ul.sub-menu:before {
	display: none;
}

/* reduce the padding top and bottom of the submenu container */
.et-menu-nav > ul ul {
	padding: 0px;
}

/* remove the top line color  */
.et_pb_menu .nav li ul {
	border-top: 0px;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
}
.nav li ul.sub-menu li a {width:100%;} 
/* 2nd level sub-menu */
.nav li ul.sub-menu li ul.sub-menu {
	/* remove the border top */
	border-top: 0px;
	/* if border top is 0px and the padding is set to 0px for the submenu container then we need to adjust the sub menu margin by 23px to make it align with its parent menu item */
	margin-top: 23px;
	/* adjust the box shadow so the sub menu doesn't overlap its parent sub-menu */
	box-shadow: 3px 0px 5px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,.1);
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,.1);
	/*keep the top left value 0 to make it appear attached to parent sub-menu */
	border-radius: 0px 4px 4px 4px;
}

/* border bottom line between sub-menu list items */
li ul.sub-menu li {
	/* adjust color of border here */
	border-bottom: 1px solid #ececec;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}

/* increase the padding and width of the submenu links */
ul.sub-menu a {
	width: 100%;
	/* font-weight:700;*/
}

/* remove the sub menu link background color on hover  */
ul.sub-menu a:hover {
	/* you can adjust this color to suit your styles */
	background-color: #fff;
	opacity: 1;
	-webkit-transition: none;
		-moz-transition: none;
		 -o-transition: none;
		  	transition: none;
}

/* set the border radius on first item hover to maintain our custom border radius of the submenu */
ul.sub-menu li:first-child a:hover {
	/*top left, top right, bottom right, bottom left */
	border-radius: 0px 4px 4px 4px;
}

/* set the border radius on the last item hover to maintain our custom border radius of the submenu */
ul.sub-menu li:last-child a:hover {
	/*top left, top right, bottom right, bottom left */
	border-radius: 0px 0px 4px 4px;
}

/* change the down pointing caret icon to right pointing if we have 3 level menu items */
ul li ul li.menu-item-has-children > a:first-child:after {
	content: "5";
}
/***** END SUB MENUS STYLES *****/

/***** MEGA MENU STYLES ******/
/* sub-menu triangle above sub-menu dropdown. To change the color of the triangle, go to Menu Module Settings -> Design -> Drop Down Menu -> Drop Down Menu Line Color or add a color property */
nav ul li.mega-menu ul.sub-menu:before {
	position: absolute;
    left: 50%; /* this positions the trianlge in the center of the sub menu. You can adjust this to suit your needs */
    margin-left: -20px;
    top: -8px;
    width: 0;
    height: 0;
	content: " ";
	border-right: 8px solid transparent;
	border-bottom: 8px solid;
	border-bottom-color: inherit;
	border-left: 8px solid transparent;
}

.et_pb_menu .nav li.mega-menu > ul {
	padding: 2%;
}

li.mega-menu ul.sub-menu li {
	width: auto;
	border-bottom: none; /* remove this if you want to keep the list item bottom borders */
}

.nav li.mega-menu ul.sub-menu li ul.sub-menu {
	margin-top: 0px;
}

.et-menu-nav li.mega-menu.mega-menu-parent-3 > ul > li {
	border-bottom: none !important;
}

/* title of columns - change this to suit your needs */
.et-menu-nav li.mega-menu > ul > li > a:first-child {
	padding-top: 16px !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: none !important;
}

/* 2nd levl sub-menus of columns */
.et_pb_menu .nav li.mega-menu ul li ul {
	border-top: none !important;
}

ul li.mega-menu ul li ul.sub-menu:before {
	display: none;
}

/* animation */
ul.sub-menu li ul.sub-menu {
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
}
/***** END MEGA MENU STYLES ******/
.et_pb_menu  a.et_pb_menu__icon.et_pb_menu__cart-button{margin:0;}
.et_pb_menu  .et_pb_menu__icon.et_pb_menu__search-button::after,
.et_pb_menu  a.et_pb_menu__icon.et_pb_menu__cart-button::after{
	background: var(--color-1);
	border-radius: 5px;
	color: #fff;
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
	line-height: 35px;
	font-size: 15px;
}
.et_pb_menu  a.et_pb_menu__icon.et_pb_menu__cart-button::after{background: var(--color-1);}
.et_pb_menu .et_pb_menu .et_pb_menu__search-input {border:1px solid var(--color-1)!important;border-radius:30px;padding:10px;}
.et_pb_menu .et_pb_menu .et_mobile_menu {position: absolute;z-index: 1111;}
.et_pb_menu  a.et_pb_menu__icon.et_pb_menu__cart-button {display: inline-block;position: absolute  !important;right: 90px;top: 10px;}
.et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button {display: inline-block;position: absolute  !important;right: 30px;top: 10px;}
.dct_header_v4 .et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button,
.dct_header_v4 .et_pb_menu a.et_pb_menu__icon.et_pb_menu__cart-button{top: 25px; }
/***** RESPONSIVE MEDIA QUERIES *****/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.dct_header_v4 .et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button,
	.dct_header_v4 .et_pb_menu a.et_pb_menu__icon.et_pb_menu__cart-button{top: 5px; }
	/***** CONTAINERS NECESSARY FOR STICKY OR FIXED *****/
	.et_pb_menu__menu {
		display: none;
	}

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

} /* end tablet media query */

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	

} /* end mobile media query */

/***** END RESPONSIVE MEDIA QUERIES *****/
/*** Intro ****/

.dct_intro .et_pb_button_module_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.dct_b_intro .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--color-1);}

.dct_b_intro .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    width: 60px;
    margin: 8px auto 15px;
    transition: all 0.5s ease-out;
}
.dct_b_intro .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
    width: 100px;
    transition: all 0.5s ease-out;
}


@media only screen and (max-width: 480px) {
    .dct_intro .et_pb_button_module_wrapper {
        transform: 0;
        left: 0;
    }}


/*** Intro V2****/

.dct_intro_v2 .et_pb_image .et_pb_image_wrap {
    position: relative;
    overflow: hidden;display: block;
   
}

.dct_intro_v2 .et_pb_image .et_pb_image_wrap img {
    transform: translate3d(-29px, 0, 0);
    -moz-transform: translate3d(-29px, 0, 0);
    -ms-transform: translate3d(-29px, 0, 0);
    -o-transform: translate3d(-29px, 0, 0);
    -webkit-transform: translate3d(-29px, 0, 0);
    width: calc(100% + 60px);
    max-width: 140% !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.dct_intro_v2:hover .et_pb_image .et_pb_image_wrap img {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.dct_intro_v2 .et_pb_image .et_pb_image_wrap:after,
.dct_intro_v2 .et_pb_image .et_pb_image_wrap:before {
    z-index: 11;
    content: "";
    opacity: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    box-sizing: border-box;
}
.dct_intro_v2 .et_pb_image .et_pb_image_wrap:before {
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}
.dct_intro_v2 .et_pb_image .et_pb_image_wrap:after {
    border-left: solid 1px rgba(255, 255, 255, 0.3);
    border-right: solid 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}


.dct_intro_v2:hover .et_pb_image .et_pb_image_wrap:after,
.dct_intro_v2:hover .et_pb_image .et_pb_image_wrap:before {
    opacity: 1;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}





.dct_intro_v2 .et_pb_promo .et_pb_promo_description .et_pb_module_header:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    width: 60px;
    margin: 8px auto 15px;
    transition: all 0.5s ease-out;
}
.dct_intro_v2:hover .et_pb_promo .et_pb_promo_description .et_pb_module_header:after {
    width: 100%;
}

/*** Intro V3****/


#dct_intro_v3 .dct_hover {
    position: relative;
    overflow: hidden;
}
#dct_intro_v3 .dct_txt_1,
#dct_intro_v3 .dct_txt_1 .et_pb_blurb_content,
#dct_intro_v3 .dct_txt_1 .et_pb_blurb_content .et_pb_blurb_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#dct_intro_v3 .dct_txt_1 .et_pb_blurb_content .et_pb_blurb_description {
    
    background: var(--color-1);
    width: auto;
    padding: 10px 50px 10px 20px;
    opacity: 0;
    transform: translateY(-50%);
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: 1;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    transition: all 0.3s ease;
}
#dct_intro_v3 .dct_hover:hover .dct_txt_1 .et_pb_blurb_content .et_pb_blurb_description {
    opacity: 1;
    left: 0;
}
#dct_intro_v3 .dct_img_hr img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
#dct_intro_v3 .dct_img_hr:hover img {
    transform: scale(1.1);
}

@media only screen and (max-width: 480px) {
    #dct_intro_v3 .dct_hover .et_pb_promo .et_pb_promo_description .et_pb_module_header {
        font-size: 20px;
    }
}

@media only screen and (max-width: 980px) {
    #dct_intro_v3 .dct_img_hr {
        width: 400px;
    }
    #dct_intro_v3 .dct_hover {
        margin: 0 auto !important;
        float: none;
    }
}


/*** Intro V5****/

#dct_intro_v5 .et_pb_promo .et_pb_promo_description .et_pb_module_header:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    width: 60px;
    margin: 8px auto 20px;
    transition: all 0.5s ease-out;
}
#dct_intro_v5 .et_pb_promo:hover .et_pb_promo_description .et_pb_module_header:after {
    width: 100px;
    transition: all 0.5s ease-out;
}
#dct_intro_v5 .et_pb_promo .et_pb_promo_description div p {
    font-size: 20px;
    line-height: 28px;
} 
#dct_hero_v3 .et_pb_button_module_wrapper .et_pb_button:after,
#dct_hero_v3 .et_pb_button_module_wrapper .et_pb_button:before,
#dct_intro_v5 .et_pb_button_wrapper .et_pb_promo_button:after,
#dct_intro_v5 .et_pb_button_wrapper .et_pb_promo_button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: 0;
    display: block;
    opacity: 1;
    transition: all 0.5s ease 0s;
}
#dct_hero_v3 .et_pb_button_module_wrapper .et_pb_button:hover:before,

#dct_intro_v5 .et_pb_button_wrapper .et_pb_promo_button:hover:before {
    background: rgba(255, 255, 255, 0.7);
    left: 60%;
    right: 60%;
}
#dct_hero_v3 .et_pb_button_module_wrapper .et_pb_button:hover:after,
#dct_intro_v5 .et_pb_button_wrapper .et_pb_promo_button:hover:after {
    background: rgba(255, 255, 255, 0.7);
    top: 60%;
    bottom: 60%;
}
/******** Home V2*************/

.dct_wine_make .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    transform: translateY(50%);
}


/******** Home V5*************/

.dct_w_hover:hover .et_pb_image .et_pb_image_wrap:after {
    opacity: 1;
    background: linear-gradient(225deg, #000 0, rgba(0, 0, 0, 0) 100%);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dct_w_hover .et_pb_image .et_pb_image_wrap img {
    display: block;
    min-height: 100%;
    max-width: 100%;
    transform: scale(1);opacity: 0.7;
    transition: transform 3s ease-out 0s;
}
.dct_w_hover:hover .et_pb_image .et_pb_image_wrap img {
    transform: scale(1.1);opacity: 0.4;
    transition: transform 3s ease-out 0s;
}

.dct_w_hover:hover .et_pb_promo .et_pb_promo_description .et_pb_module_header {
    transform: translateY(-40px);
}
.dct_w_hover .et_pb_promo .et_pb_promo_description div {
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0);
}
.dct_w_hover:hover .et_pb_promo .et_pb_promo_description div {
    transform: translateY(-40px);
}
.dct_w_hover .et_pb_promo_description .et_pb_module_header:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 60px;
    margin: 8px auto 20px;
    transition: all 0.5s ease-out;
}
.dct_w_hover:hover .et_pb_promo_description .et_pb_module_header:after {
    width: 100px;
    transition: all 0.5s ease-out;
}

.dct_w_hover .et_pb_button_wrapper .et_pb_promo_button{transform: translateY(0);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;}
.dct_w_hover:hover .et_pb_button_wrapper .et_pb_promo_button {
    opacity: 1;
    transform: translateY(-40px);}


.dct_int_blrb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background: var(--color-1);
    padding: 10px;
    border-radius: 50%;
    
}
.dct_int_blrb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background: #fff;
    color: var(--color-1);
}

@media only screen and (max-width: 980px) {
    .dct_w_hover,
    .et_pb_row .dct_w_hover.et-last-child,
    .et_pb_row .dct_w_hover:last-child,
    .et_pb_row_inner .dct_w_hover.et-last-child,
    .et_pb_row_inner .dct_w_hover:last-child {
        width: 400px;
        margin: 0 auto !important;
        float: none;
    }
}

/*** Timer ****/

.dct_timer .et_pb_countdown_timer_container .sep.section{
   display:none;
}

.dct_timer .section p.value{padding-top:30px;}
.dct_timer .et_pb_countdown_timer_container .section.values:after {
    content: "";
    background: var(--color-1);
    width: 200px;
    height: 2px;
    position: absolute;
    top: 50%;
}
.dct_timer .et_pb_countdown_timer_container .section.values:last-child:after {display: none;}

@media only screen and (max-width: 767px) {
    .dct_timer .et_pb_countdown_timer_container .section.values::after {display: none;}}

/*** Timer V2****/

.dct_timer_v2 .et_pb_countdown_timer .sep.section {
    display:none;
}

@media only screen and (max-width: 480px) {
    .dct_timer_v2 .et_pb_countdown_timer .section.values {
        width: 22%;
        padding: 10px;
    }}

/*** Timer V3****/

#dct_timer_v3 .et_pb_countdown_timer .title:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: -10px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 60px;
    margin: 8px auto 15px;
    transition: all 0.5s ease-out;
}
#dct_timer_v3 .et_pb_countdown_timer:hover .title:after {
    width: 150px;
    transition: all 0.5s ease-out;
}

#dct_timer_v3 .et_pb_countdown_timer .section.values:after {
    display: block;
    content: "";
    background: #333;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -15px;
}
#dct_timer_v3 .et_pb_countdown_timer .section.values p.value {
    opacity:1;
    color: var(--color-1);
}

#dct_timer_v3 .et_pb_countdown_timer .section.values:last-child:after,
#dct_timer_v3 .et_pb_countdown_timer .sep.section {
    display: none;
    transform: translateY(-50%);
}
#dct_timer_v3 .et_pb_button_module_wrapper {
    border: 1px solid #cdcdcd;
    border-top: none;
}


@media only screen and (max-width: 380px) {
    #dct_timer_v3 .et_pb_countdown_timer .section.values::after {
        width: 20px;
    }
}

/*** Timer V4****/

.dct_timer_v4 .sep.section {
    display: none;
}

/*** Hero Section  V2****/

#dct_hero_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	background: var(--color-1);
	padding: 22px;
	border-radius: 50%;
	position: relative;
	font-weight: 900;
}
#dct_hero_v2 .dct_hover:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	background:#fff;
	color:var(--color-1);
}
#dct_hero_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after {
	content: "";
	width: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 64px;
	border: 1px solid #fff;
	opacity: .2;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
}

/*** Hero Shop Section ****/	

.dct_shop_list .woocommerce ul.products li .star-rating span:before {
    color: #fff;
}
.dct_shop_list .woocommerce ul.products li .product_block {
    display: flow-root;
}
.dct_shop_list .woocommerce ul.products li:hover .et_overlay {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
}
.dct_shop_list .woocommerce ul.products li .et_overlay:before {
    
    background: var(--color-1);
    padding: 5px;
    transform: translate(-50%, -50%);
    margin: 0;
    top: 50%;
    
    top: 50%;
    opacity: 1 !important;
    font-size: 15px;
}
.dct_shop_list .woocommerce ul.products li .button {
    position: absolute;
    bottom: 25px;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    border-radius: 0;
    background: var(--color-1);
    padding: 5px;
    color: #fff;
    border: none;
}
.dct_shop_list .woocommerce ul.products li .button:hover {
    background: #fff !important;
    color: var(--color-2);
}
.dct_shop_list .woocommerce ul.products li .button:after {
    display: none !important;
}

@media only screen and (max-width: 766px) {
    .dct_shop_list .woocommerce ul.products li .et_shop_image {
        float: none !important;
        width: auto !important;
    }
    .dct_shop_list .woocommerce ul.products li .button {
        position: relative;
        margin-left: 0;
        text-align: center;
        bottom: 0;
    }
   
    .dct_shop_list .woocommerce ul.products li .product_block {
        display: block;
    }
   
}




/*** Shop List V2 ****/	

.dct_shop_list_v2 .woocommerce ul.products li .et_shop_image:before {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 100%;
    bottom: 0;
    top: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
}
.dct_shop_list_v2 .woocommerce ul.products li .et_shop_image:after {
    position: absolute;
    top: 50%;
    left: -50%;
    z-index: 5;
    width: 40px;
    height: 40px;
    content: "+";
    font-weight: 400;
    font-family: "Times New Roman";
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 32px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 350ms ease 0s;
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
}
.dct_shop_list_v2 .woocommerce ul.products li:hover .et_shop_image:after {
    left: 50%;
}
.dct_shop_list_v2 .woocommerce ul.products li:hover .et_shop_image:before {
    right: 0;
}
.dct_shop_list_v2 .woocommerce ul.products li .product_block {
    display: flow-root;
}
.dct_shop_list_v2 .woocommerce ul.products li .button{
    display: none;
}

@media only screen and (max-width: 380px) {
    .dct_shop_list_v2 .woocommerce ul.products li .et_shop_image {
        float: none !important;
        width: 100% !important;
    }
}

/*** Shop List V3 ****/	

.dct_shop_list_v3 .woocommerce ul.products li .star-rating span:before {
	color:var(--color-1);
}


.dct_shop_list_v3 .woocommerce ul.products li .product_block {
	display: flow-root;
}

.dct_shop_list_v3 .woocommerce ul.products li:hover .et_overlay {
	opacity: .9;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}
.dct_shop_list_v3 .woocommerce ul.products li .et_overlay:before {
	background: var(--color-1);
	padding: 10px;
	transform: translate(-50%, -50%);
	margin: 0;
	top: 50%;
	
	top: 50%;
	border-radius: 50%;
	opacity: 1 !important;
	font-size: 15px;
}
.dct_shop_list_v3 .woocommerce ul.products li .button {
	display:none;}




/*** Call to action V2 ****/

.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:after,
.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:before {
    content: "";
    background: #fff;
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:hover:after,
.dct_cta_v2 .et_pb_button_wrapper .et_pb_promo_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

@media only screen and (max-width: 480px) {
    .dct_cta_v2 .et_pb_promo_description {
        font-size: 30px;
        line-height: 33px;
        padding-bottom: 20px;
    }}


/*** Call to action V3 ****/

.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:after,
.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:before {
    content: "";
    background: #fff;
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:hover:after,
.dct_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

/* ===== Team ======*/

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

.dct_team:hover .et_pb_team_member_description {
	min-height:160px
}
.dct_team:hover .et_pb_team_member_description .et_pb_module_header {
	transform:translateY(0)
}
.dct_team:hover .et_pb_team_member_description .et_pb_member_position {
	transform:translateY(10px)
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li {
	margin-right:0
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a {
	transform:translateY(50px);
transition:all .35s ease-in-out;
	display:block;
	margin:0 5px;
	background:var(--color-1);
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%
}
.dct_team .et_pb_team_member_description .et_pb_member_social_links li a:hover {
	background:#000;
}
.dct_team:hover .et_pb_team_member_description .et_pb_member_social_links li a {
	transform: translateY(0);
}
.dct_team:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) a {
transition-delay: 0.15s;
}
.dct_team:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) a {
transition-delay: 0.2s;
}
.dct_team .et_pb_team_member_image::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10px;
height: 0%;
background: rgba(0, 0, 0, .56);
content: '';
z-index: 0;
transition: .5s;
opacity: 0;
visibility: hidden;
}
.dct_team:hover .et_pb_team_member_image::after {
visibility: visible;
opacity: 1;
height: 100%;
}
.dct_team .et_pb_team_member_description::before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: var(--color-1);
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dct_team:hover .et_pb_team_member_description::before {
left: 0;
right: 0;
}

/*** Testimonial ****/

.dct_testi .et_pb_slide_image img {
	border:2px solid;
	padding:5px;
	width:100px;
}

.dct_testi .et_pb_slide_description .et_pb_slide_title:before {
	content:"";
	width:30px;
	height:2px;
	background:var(--color-1);
	position:absolute;
	top:50%;
	left:100%;
	margin-left:10px;
	transform:translateY(50%)
}
.dct_testi .et_pb_slide_description .et_pb_slide_title:after {
	content:"";
	width:30px;
	height:2px;
	background:var(--color-1);
	position:absolute;
	top:50%;
	transform:translateY(50%);
	right:100%;
	margin-right:10px
}
.dct_testi .et_pb_slide_description .et_pb_slide_content {
	max-width:400px;
	margin:0 auto
}

.dct_testi .et-pb-slider-arrows .et-pb-arrow-prev {
	left:150px!important;
	opacity:1
}
.dct_testi .et-pb-slider-arrows .et-pb-arrow-next {
	right:150px!important;
	opacity:1
}
.dct_testi .et-pb-controllers a {
	width:40px;
	height:3px
}

/*** Testimonial V2 ****/

.dct_testi_v2 .et_pb_slide {
    padding: 6% 6%;
    padding-bottom: 0;
}
.dct_testi_v2 .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image img {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border: 5px solid #ebebeb;
}

.dct_testi_v2 .et_pb_slide_description .et_pb_slide_content span.dct_author {
    color: var(--color-1) !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
.dct_testi_v2 .et_pb_slide_description .et_pb_slide_content p {
    line-height: 26px;
    max-width: 550px;
    margin: 0 auto;
}

.dct_testi_v2 .et-pb-arrow-prev,
.dct_testi_v2:hover .et-pb-arrow-prev {
    left: 0;
    opacity: 1;
}
.dct_testi_v2 .et-pb-arrow-next,
.dct_testi_v2:hover .et-pb-arrow-next {
    right: 0;
    opacity: 1;
}

@media only screen and (max-width: 380px) {
    .dct_testi_v2 .et_pb_slide_description {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .dct_testi_v2 .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_image {
        margin-top: -92px !important;
    }
    .dct_testi_v2 .et_pb_slides .et_pb_slide .et_pb_slide_description {
        width: 100%;
    }
}



/*** Testimonial V3 ****/

.dct_testi_v3 .et_pb_testimonial_portrait:before {
    display: none;
}
.dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_author:after {
    background: none repeat scroll 0 0 var(--color-1);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 60px;
    margin: 8px auto 5px;
    transition: all 0.5s ease-out;
}
.dct_testi_v3:hover .et_pb_testimonial_description .et_pb_testimonial_author:after {
    width: 100px;
    transition: all 0.5s ease-out;
}

.dct_testi_v3 .et_pb_testimonial_content p {
    font-style: italic;
    padding-bottom: 20px;
}


/*** Gallery ****/

.dct_gallery .et_pb_blurb {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.dct_gallery .et_pb_blurb {
    max-width: 100%;
}
.dct_gallery .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
}
.dct_gallery .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 17px;
    text-transform: uppercase;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item .et_pb_gallery_title {
    position: absolute;
    top: 0;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
    transition: all 0.3s ease 0.1s;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item:hover .et_pb_gallery_title {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 0.7s ease 0.5s;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item .et_pb_gallery_image {
    position: relative;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item .et_pb_gallery_image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(18, 18, 18, 0.9);
    transform: scaleX(0);
    transition: all 0.7s ease 0.1s;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item:hover .et_pb_gallery_image:before {
    transform: scaleY(1);
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item .et_overlay {
    background: 0 0;
    border: none;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item .et_overlay:before {
    opacity: 0;
    top: 50%;
    background: var(--color-1);
    color: #fff;
    padding: 15px;
    border-radius: 50%;
    font-size: 17px;
}
.dct_gallery .et_pb_gallery .et_pb_gallery_item:hover .et_overlay:before {
    opacity: 1;
}

/*** Faq ****/

.dct_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before {transform: rotate(0);}
.dct_faq .et_pb_toggle h5.et_pb_toggle_title:before {content: "\4c";}

/*** Counter V4 ****/

.dct_counter .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    background: rgba(255, 255, 255, 0.3);
    width: 120px;
    height: 100px;
    margin: 0 auto 10px;
    border-radius: 10px 10px 0 0;
    transform: translateY(-20px);
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.dct_counter .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    font-weight: 900;
    color: var(--color-1);
    line-height: 80px;
}
.dct_counter:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    transform: rotate(360deg);
    transition: all 0.3s ease;
}
.dct_counter .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
    content: "";
    background: #fff;
    width: 120px;
    height: 90px;
    border-radius: 10px 10px 0 0;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;

    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dct_counter .et_pb_number_counter .percent .percent-value {color: var(--color-1);}

/*** Portfolio ****/

/*** Portfolio Filter ****/


.dct_ptf .et_pb_portfolio_filters ul li {
    border-right: none;
    position: relative;
    margin-right: 30px;
    z-index: 1;
    display: inline-block;
    float: none;
}
.dct_ptf .et_pb_portfolio_filters ul li:last-child:after {
    display: none;
}
.dct_ptf .et_pb_portfolio_filters ul li:after {
    content: "";
    width: 100%;
    border: 1px solid var(--color-2);
    position: absolute;
    top: 50%;
    right: -60%;
    z-index: -1;
}
.dct_ptf .et_pb_portfolio_filters ul li a {
    display: block;
    padding: 8px 15px;
    background: #fff;
    
    color: var(--color-2);
   
    border-radius: 0;
    margin-right: 0;
    border: 2px solid var(--color-2);
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.dct_ptf .et_pb_portfolio_filters ul li a.active:after,
.dct_ptf .et_pb_portfolio_filters ul li:hover a:after {
    height: 100%;
    background: var(--color-1);
}
.dct_ptf .et_pb_portfolio_filters ul li a.active,
.dct_ptf .et_pb_portfolio_filters ul li a:hover {
    border-color: var(--color-1);
    color: #fff;
    background-color: transparent;
}
.dct_ptf .et_pb_portfolio_filters ul li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.dct_ptf .et_pb_portfolio_item {
    position: relative;
}
/*** Portfolio Default ****/

.dct_ptf .et_pb_portfolio_item .et_portfolio_image img {
    width: 100%;
}
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item .et_portfolio_image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(18, 18, 18, 0.9);
    transform: scaleX(0);
    transition: all 0.7s ease 0.1s;
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before {
    transform: scaleY(1);
}

.dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before,
.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {
    opacity: 1;
}

.dct_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item .meta .et_overlay:before{
top: 50%;
background: var(--color-1);
padding: 15px;
border-radius: 50%;
font-size: 17px;}

.dct_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item .meta .et_pb_module_header {
text-align: left;
margin-top: 0;
padding: 15px;
position: absolute;
    top: 0;
    vertical-align: middle;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
    transition: all 0.3s ease 0.1s;    
}


.dct_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item .meta .post-meta {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
    transition: all 0.3s ease 0.1s;
    padding: 15px;
}

.dct_ptf .et_pb_portfolio_item .et_pb_module_header a {
    display: block;
    width: 100%;
    padding: 10px;
}
.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header,
.dct_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item:hover .meta .et_pb_module_header{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: all 0.7s ease 0.5s;
}


.dct_ptf .et_pb_portfolio_item:hover .post-meta {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    transition: all 0.7s ease 0.5s !important;
}


.dct_ptf .et_pb_portfolio_item .post-meta a {
    display: block;
    width: 100%;
    padding: 15px;
}

@media only screen and (max-width: 979px) {
    .dct_ptf .et_pb_portfolio_filters ul li:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .dct_ptf .et_pb_portfolio_filters ul li {
        width: auto !important;
        margin-right: 10px;
    }
}
/*** Project Single ****/


.dct_pro_img {height: 400px;}

.dct_single_project .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    background: var(--color-1);
    padding: 9px;
    
    border-radius: 50%;
}
@media only screen and (max-width: 980px) {
    .dct_pro_img {
        height: auto;
    }
}

/*** Project Category ****/

.dct_ptf_list .project {
    margin-bottom: 20px;
}


.dct_ptf_list .project .et_pb_module_header:after,
.dct_ptf_list .project .et_pb_module_header:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 60px;
    border-top: 1px solid #d4d4d4;
    left: 0;
}
.dct_ptf_list .project .et_pb_module_header:after {
    border-top: 3px solid var(--color-1);
    display: block;
    position: absolute;
    bottom: -1px;
    width: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.dct_ptf_list .project:hover .et_pb_module_header:after {
    width: 60px;
}


/*** Footer ****/

#dct_footer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.et-db #et-boc .et-l #dct_footer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    
    background: var(--color-1);
    padding: 10px;
    border-radius: 50%;
}

#dct_footer .et_pb_social_media_follow li,
.et-db #et-boc .et-l #dct_footer .et_pb_social_media_follow li {
    margin-bottom: 0;
}

#dct_footer .et_pb_newsletter_form .et_pb_newsletter_field {
    margin-bottom: 0;
}

#dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after,
#dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before,
.et-db #et-boc .et-l #dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after,
.et-db #et-boc .et-l #dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    margin-left: 0;
    background: var(--primary-color);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1;
}


#dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before,
.et-db #et-boc .et-l #dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    z-index: -2;
    background: var(--color-1);
}

#dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after,
.et-db #et-boc .et-l #dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after {
    background: #fff;
}
#dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after,
.et-db #et-boc .et-l #dct_footer .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

/*** Footer CTA ****/

.dct_footer_cta .et_pb_button_module_wrapper {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%);
    right: 0 !important;
}


@media only screen and (max-width: 980px) {
    
    .dct_footer_cta .et_pb_button_module_wrapper {
        position: relative;
        top: 0;
        transform: 0;
    }
}



/*** Footer V2 ****/

.dct_footer_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    
}

.dct_footer_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
    padding-left: 10px;
}

.dct_footer_v2 .et_pb_newsletter_button_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after,
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
    content: "";
    background: var(--color-2);
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after,
.dct_footer_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

@media only screen and (max-width: 380px) {
   
    .dct_footer_v2 .et_pb_newsletter_button_wrap {
        position: relative;
    }
    .dct_footer_v2 .et_pb_newsletter_field {
        margin-bottom: 0px;
    }
}



/*** 404 Page ****/

.dct_404 .header-content a.et_pb_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
.dct_404 .header-content a.et_pb_button:after,
.dct_404 .header-content a.et_pb_button:before {
    content: "";
    background: #fff;
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.dct_404 .header-content a.et_pb_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
.dct_404 .header-content a.et_pb_button:hover:after,
.dct_404 .header-content a.et_pb_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

@media only screen and (max-width: 980px) {
    .dct_404 .header-content {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


/** Search Page **/

.search-results .et_pb_post .entry-title:before {
    bottom: 0;
    content: "";
    position: absolute;
    width: 90px;
    height: 2px;
    background: var(--color-1);
}
.search-results .et_pb_posts .et_pb_post {
    margin-bottom: 30px !important;
}

/**** Blogs ****/

.dct_blog .et_pb_post {
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    border: none;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.2);
}
.dct_blog .et_pb_post .entry-featured-image-url {
    overflow: hidden;
    position: relative;
}
.dct_blog .et_pb_post .entry-featured-image-url .et_overlay {
    border: none;
}
.dct_blog .et_pb_post .entry-featured-image-url .et_overlay:before {
    left: auto;
    text-align: right;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -100%;
    z-index: 2;
    transition: all 0.5s;
    background: var(--color-1);
    
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url .et_overlay:before {
    right: 5%;
}
.dct_blog .et_pb_post .entry-featured-image-url:after,
.dct_blog .et_pb_post .entry-featured-image-url:before {
    content: "";
    background: radial-gradient(circle at 23% 70%, rgba(0, 0, 0, 0.8), #000 30%);
    width: 150%;
    height: 150%;
    opacity: 0;
    transform: rotate(45deg);
    position: absolute;
    top: -10.5%;
    right: -150%;
    z-index: 1;
    transition: all 0.35s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dct_blog .et_pb_post .entry-featured-image-url:after {
    background: rgba(255, 255, 255, 0.5);
    width: 65%;
    height: 65%;
    right: auto;
    left: -20%;
    top: -65%;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url:before {
    opacity: 1;
    right: -91%;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url:after {
    opacity: 1;
    top: -46%;
}
.dct_blog .et_pb_post .post-meta .published {
    background-color: var(--color-1);
    position: absolute;
    z-index: 3;
    color: #fff;
    background-color: var(--color-1);
    width: 140px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    top: 0;
    right: 0;
}
.dct_blog .et_pb_post .post-meta a {
    color: var(--color-1);
}
.dct_blog .et_pb_post .more-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
    box-sizing: border-box;
}
.dct_blog .et_pb_post .more-link:hover:before {
    width: 100%;
}
.dct_blog .et_pb_post .more-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    box-sizing: border-box;
}

.dct_blog .et_pb_post .entry-title:before {
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    background-color: var(--color-1);
    position: absolute;
    width: 50px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.dct_blog .et_pb_post:hover .entry-title:before {
    width: 100%;
    background-color: var(--color-1);
}

.dct_blog .et_pb_post .post-content .post-content-inner {
    padding-bottom: 20px;
}

/**** Blog List ****/

.dct_blog_list .et_pb_post {
    position: relative;
}
.dct_blog_list .et_pb_post .entry-featured-image-url {
    height: 400px;
}
.dct_blog_list .et_pb_post .entry-featured-image-url .et_overlay {
    
    border: none;
}
.dct_blog_list .et_pb_post .entry-featured-image-url .et_overlay:before {
    left: auto;
    text-align: right;
    transform: translateY(-50%);
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 2;
    transition: all 0.5s;
    background: var(--color-1);
    
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
}
.dct_blog_list .et_pb_post:hover .entry-featured-image-url .et_overlay:before {
    top: 50%;
}
.dct_blog_list .et_pb_post .entry-featured-image-url {
    position: relative;
    overflow: hidden;
}
.dct_blog_list .et_pb_post:hover .entry-featured-image-url:before {
    opacity: 0.6;
    transform: scale3d(1, 1, 1);
}
.dct_blog_list .et_pb_post .entry-featured-image-url:before {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    transform: scale3d(0, 1, 0);
    transform-origin: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease 0.1s;
}
.dct_blog_list .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.2);
}
.dct_blog_list .post-meta .published {
    position: absolute;
    z-index: 3;
    color: #fff;
    background-color: var(--color-1);
    width: 140px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    top: 0;
    left: 0;
}
.dct_blog_list .et_pb_post .entry-title::before {
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    background-color: var(--color-1);
    position: absolute;
    width: 50px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.dct_blog_list .et_pb_post:hover .entry-title::before {
    width: 100%;
}
.dct_blog_list .et_pb_post .post-meta a {
    color: var(--color-1);
}

.dct_blog_list .et_pb_post .post-content .post-content-inner {
    padding-bottom: 20px;
}

.dct_blog_list .et_pb_post .more-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
    box-sizing: border-box;
}
.dct_blog_list .et_pb_post .more-link:hover:before {
    width: 100%;
}
.dct_blog_list .et_pb_post .more-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    box-sizing: border-box;
}

/* ===== Blog Pagination Global ======*/

.pagination .alignleft a,
.pagination .alignright a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    background-color: var(--color-2);
    display: inline-block;
    line-height: 1;
    padding: 10px 20px;
    color: #fff;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}
.pagination .alignleft a:hover,
.pagination .alignright a:hover {
    color: #fff;
}
.pagination .alignleft a:before,
.pagination .alignright a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
    box-sizing: border-box;
}
.pagination .alignleft a:hover:before,
.pagination .alignright a:hover:before {
    width: 100%;
}
.pagination .alignleft a:after,
.pagination .alignright a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    height: 100%;
    width: 1px;
    background-color: var(--color-1);
    box-sizing: border-box;
}

/* ===== Single Blog ======*/


.dct_post_title .et_pb_post_title .et_pb_title_container .entry-title:before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    transform: translateY(50%);
}
.dct_post_title .et_pb_post_title .et_pb_title_container .entry-title:after {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    right: 100%;
    margin-right: 10px;
}


/* ===== SIDEBAR - Pages ======*/

#sidebar .tagcloud a {
    padding: 5px 14px;
    text-transform: capitalize;
    font-size: 13px !important;
}
#sidebar .tagcloud a:hover {
    background: var(--color-1);
    color: #fff !important;
}
#sidebar .post-date {
    display: block;
}

#sidebar .et_pb_widget .widgettitle:after,
#sidebar .et_pb_widget .widgettitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 60px;
    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 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 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: 15px;
    font-weight: 400;
}
#sidebar .et_pb_widget ul li:hover:before {
    opacity: 1;
}
#sidebar .et_pb_widget ul li a {
    font-weight: 400;
    color: #2d2d2d;
    transition: all 0.3s;
}
#sidebar .et_pb_widget ul li a:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s;
    transition: all 0.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 .widget_calendar:hover {
    box-shadow: none;
}
#sidebar #searchsubmit {
    background: var(--color-1);
    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;
}

/* ===== Comment ======*/

#comment-wrap .comment-respond .comment-reply-title,
#comment-wrap .page_title {
    position: relative;
	display: inline-block;
margin-bottom: 20px;
}
#comment-wrap .comment-respond .comment-reply-title:before,
#comment-wrap .page_title:before {
    content: "\e066";
    margin-right: 10px;
    font-family: ETmodules !important;
}
#comment-wrap .comment-respond .comment-reply-title:after,
#comment-wrap .page_title:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    bottom: 0;
    left: 0;
}
#comment-wrap {
    padding-top: 50px !important;
}

#comment-wrap .commentlist .reply-container .comment-reply-link {
    width: auto;
    display: inline-block;
}

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 .comment-form .form-submit .submit.et_pb_button:before,
#comment-wrap .commentlist .reply-container .comment-reply-link:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
#comment-wrap .comment-form .form-submit .submit.et_pb_button:after,
#comment-wrap .comment-form .form-submit .submit.et_pb_button:before,
#comment-wrap .commentlist .reply-container .comment-reply-link:after,
#comment-wrap .commentlist .reply-container .comment-reply-link:before {
    content: "";
    background: var(--color-2);
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
#comment-wrap .comment-form .form-submit .submit.et_pb_button:after,
#comment-wrap .commentlist .reply-container .comment-reply-link:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
#comment-wrap .comment-form .form-submit .submit.et_pb_button:hover:after,
#comment-wrap .comment-form .form-submit .submit.et_pb_button:hover:before,
#comment-wrap .commentlist .reply-container .comment-reply-link:hover:after,
#comment-wrap .commentlist .reply-container .comment-reply-link:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

/**  Contact us **/

#dct_contact .dct_cnt .et_pb_text_inner {
    background: var(--color-1);
    color: #fff;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 20%;
}
#dct_contact .dct_cnt .et_pb_text_inner:before {
    border-left: 10px solid var(--color-1);
    border-top: 10px solid var(--color-1);
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
}
#dct_contact .dct_cnt .et_pb_text_inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#dct_contact .dct_cnt .et_pb_text_inner ul li {
    padding: 30px 50px;
    line-height: 1.6;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 15px;
}
#dct_contact .dct_cnt .et_pb_text_inner p {
    padding: 30px 50px;
    line-height: 1.6;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 15px;
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span {
    position: relative;
    text-transform: capitalize;
    letter-spacing: 1px;
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span:before {
    margin-right: 15px;
    padding: 10px;
    border-radius: 50%;
    background: #fff;
    color: var(--color-1);
    font-family: ETmodules !important;
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span.phone:before {
    content: "\e090";
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span.address:before {
    content: "\e081";
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span.email:before {
    content: "\e076";
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span.time:before {
    content: "\e06b";
}
#dct_contact .dct_cnt .et_pb_text_inner ul li span.fax:before {
    content: "\e0fa";
}
#dct_contact .et_pb_contact p input,
#dct_contact .et_pb_contact p textarea {
    
}
#dct_contact .et_contact_bottom_container {
    float: none;
    text-align: center;
    margin-top: 0.5%;
    display: block;
}
#dct_contact .et_contact_bottom_container .et_pb_button:before {
    visibility: visible;
    display: block;
    margin-left: 0;
}
#dct_contact .et_contact_bottom_container .et_pb_button:after,
#dct_contact .et_contact_bottom_container .et_pb_button:before {
    content: "";
    background: var(--color-2);
    width: 50%;
    height: 100%;
    margin-left: 0;
    border-radius: 30px 0 0 30px;
    opacity: 0;
    transform: perspective(300px) rotateY(-100deg);
    transform-origin: right center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
#dct_contact .et_contact_bottom_container .et_pb_button:after {
    border-radius: 0 30px 30px 0;
    transform: perspective(300px) rotateY(100deg);
    transform-origin: left center;
    left: auto;
    right: 0;
}
#dct_contact .et_contact_bottom_container .et_pb_button:hover:after,
#dct_contact .et_contact_bottom_container .et_pb_button:hover:before {
    opacity: 1;
    transform: perspective(600px) rotateY(0);
}

@media only screen and (max-width: 580px) {
    #dct_contact .dct_cnt .et_pb_text_inner {
        position: relative;
        left: 0;
    }
    #dct_contact .dct_cnt .et_pb_text_inner ul li span::before {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }
}

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

.owl-theme .owl-controls {
    display: block !important;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
#dct_client .owl-controls .owl-buttons div {
    margin: 0 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    background: var(--color-1);
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    opacity: 1;
}
#dct_client .owl-next::after,
#dct_client .owl-prev::after {
    content: "\38";
    font-family: ETmodules !important;
    font-size: 20px;
    font-weight: 900;
}
#dct_client .owl-next::after {
    content: "\39";
}
#dct_client .owl-controls.clickable {
    text-align: center;
}
#dct_client .own-item .et_pb_image_wrap {
    -webkit-box-shadow: 0 5px 10px 2px #ebebeb;
    box-shadow: 0 5px 10px 2px #ebebeb;
    display: block;
    background: #fff;
    text-align: center;
}
#dct_client .own-item .et_pb_image_wrap img {
    filter: brightness(0.5);
    transition: all 0.9s ease 0.2s;
    transform: perspective(1200px) rotateY(0) translateZ(0);
}
#dct_client .own-item .et_pb_image_wrap img:hover {
    cursor: pointer;
    filter: brightness(100%);
    transform: perspective(1200px) rotateY(360deg) translateZ(0);
}
#dct_client .own-item {
    max-width: 190px;
    padding-bottom: 35px;
    transition: transform 0.3s ease 0s, transform 0.3s ease 0s, transform 0.3s ease 0s, transform 0.3s ease 0s, transform 0.3s ease 0s;
}
 
/*------------- 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;
    }
}
/*set the defautl background color of the header section*/
.dct-header {
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}


/*set the background color of the fixed header when scrolling*/
.dct-fixed-header {
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	position:fixed;
	top:0;
	width:100%;
}