/*
Theme Name:  Writer Divi Theme
Theme URI:   https://diviwritertheme.divifixer.com/
Description:  Writer Divi Theme is a modern responsive Stylish & trendy Writers and Journalists Blog with Bookstore divi theme . It was created specifically for writers or professional bloggers. Also, the theme has an interface which is most conducive to showcase the talent of authors and copywriters.
Version:     1.0.0
Author:      DCT TEAM
Author URI:  https://www.divi-childthemes.com/
Template:    Divi
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* 
General
	 Parallax Background
Page Title
	 Title Default
	 Title Center
button
Footer
	Footer v1
	Footer v2
	Footer v3
	Footer v4
Slider
	(max-width : 480px)
header
	Video Header V1
	Menu
	Header V1
	Header V2
	Header V3
	Header V4
	Header V5
Intro
	Intro V1	
	Intro V2
	Intro V3
	Intro V4
	Intro V5
Call To Action
	CTA V1
	CTA V2
	CTA V3	
	CTA V4
Coming soon	
Why Choose us
About us
	About v1
	About v2
	About v3
Team Section 
	Team Section V1
	Team Section V2
	Team Section V3
	Team Detail V1
	Team Detail V2
404	
Client	
	Client v1
	Client v2
	Client v3
Testimonial
	Testimonial v1
	Testimonial v2
	Testimonial v3
	Testimonial v4	
Inquiry
	Inquiry v1
	Inquiry v2
	Inquiry v3
	Inquiry v4
Faqs
	Faqs v1
	Faqs v2
Classes
	Classes V1
	Classes V2
	Classes V3
	Classes V4
	Classes V5	
	Classes Detail V1
	Classes Detail V2	
Counter
	Counter v1
	Counter v2
Service
	Service v1
	Service v2
	Service v3
	Service v4
	Service v5	
	Service Detail V1
	Service Detail V2
TIMELINE
	TIMELINE v1
	TIMELINE v2
Tabs	
Pricing Table
	Pricing Table v1
	Pricing Table v2
	Pricing Table v3
	Pricing Table v4
Portfolio
	Project Category Page
	Portfolio-Blog Single
Search Page
Template-Options	
	max-width: 980px
Animations
Pulse
*/ 



/*General*/
body {overflow-x:hidden;}
.dct_subtitle {
	padding: 5px 15px 5px 0px !important;
	color: var(--color-1);
	background-color: inherit;
	right: 0px;
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	font-size: 20px;
}

.dct_subtitle:after {
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	top: 45%;
	transform: translateY(-50%);
	right: 17px;
	background-color: var(--color-1);
	transition: all 0.2s;
	opacity: 0.1 !important;
}

.dct_subtitle:hover {
	color: var(--color-1);
}

.dct_subtitle:hover:after {
	width: 85%;
}

.dct_subtitle.light {
	color: #fff;
}

.dct_subtitle.light:after {
	background-color:#fff;
	opacity: 0.3 !important;
}
.dct_icon_sq.rt .et_pb_blurb_content .et_pb_main_blurb_image{display: inline-block;
position: absolute;
right: 0;margin-left:0;
margin-right: -37px;}
.dct_icon_sq {border-radius:5px;overflow:visible;}
.dct_icon_sq.rt .et_pb_blurb_content .et_pb_blurb_container{padding-left: 23px;padding-right: 25px;}

.dct_icon_sq .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {background: var(--color-1);
color: #fff;
padding: 13px;
font-size: 23px;border-radius:5px;}

.dct_icon_sq:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1);}

.dct_icon_sq .et_pb_blurb_content .et_pb_main_blurb_image{margin-left: -22px;
display: inline-block;}

.dct_icon_sq .et_pb_blurb_content .et_pb_blurb_container{padding-left: 40px;}

.dct_abt_img .et_pb_image_wrap{position:relative;margin-right: 50px;overflow:visible !important;}
.dct_abt_img .et_pb_image_wrap:before {background-color: var(--color-2);position: absolute;
content: "";
width: 10px;
height: 60%;
top: 0;z-index: 1;
right: -30px;-webkit-box-sizing: border-box;
box-sizing: border-box;}
.dct_abt_img .et_pb_image_wrap img {border-radius: 10px !important;}
@media only screen and (max-width : 767px) {
.dct_icon_sq .et_pb_blurb_content .et_pb_main_blurb_image{margin-left: 10px;}
	.dct_icon_sq .et_pb_blurb_content .et_pb_blurb_container{padding-left:32px;}
	.dct_icon_sq.rt .et_pb_blurb_content .et_pb_main_blurb_image{margin-right:0px;}
}


/*Blurb Icon Backgournd*/

.dct_icon_round .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{width: 60px;
height: 60px;
background: var(--color-1);
text-align: center;
display: block;
color: #fff;
line-height: 56px;
font-size: 28px;}

/*Common apply color icon & Anchor Link */
.dct_icon .et_pb_blurb_container .et_pb_module_header {color:var(--color-1) !important;}  
.dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.dct_url_link .et_pb_text_inner a,
.dct_icon .et_pb_icon_wrap .et-pb-icon{color:var(--color-1) !important;}

/*Section Title*/

.dct_title .et_pb_text_inner h4:after{content: '';
background: var(--color-1);
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;}

/*Slider*/
 .dct_slider .et_pb_slide {padding:0px;}
.dct_slider .et_pb_slide_description{}
.dct_slider .et_pb_slide_image img{max-height: 100% !important;}
.dct_slider .et_pb_slide_title{display: inline-block;background: rgb(255, 255, 255);
padding: 10px 30px;
border-radius: 20px;
letter-spacing: 0.1px;
margin-bottom: 0;
color: #fff;
color: var(--color-1) !important;
text-shadow: none;
font-size: 20px;}
 .dct_slider .et_pb_slide_content{text-shadow: none;} 
.dct_slider .et_pb_slide_content h4{font-size: 55px;
line-height: 69px;padding-bottom: 30px;
color: var(--color-2) !important;
font-weight: 700;}

.dct_slider .et_pb_slide_content p{font-size: 21px;
line-height: 30px;padding-bottom: 20px;
color: #333;}
.dct_slider .et_pb_slide_content h4 span{color:var(--color-1) !important;}

.dct_slider .et-pb-controllers {
    height: 7px;
    bottom: 0!important
}

.dct_slider .et-pb-controllers a:hover {
    background-color: #fff!important;
    transition: all .2s ease-in-out
}

.dct_slider .et-pb-controllers {
    height: 7px;
    bottom: 0!important
}

.dct_slider .et-pb-controllers a {
    width: 20%!important;
    border-radius: 0!important;
    margin-right: 0!important;
	background-color: Var(--color-2);
}

.dct_slider .et-pb-controllers a:hover {
    background-color: var(--color-1)!important;
    transition: all .2s ease-in-out
}

.dct_slider .et-pb-controllers a {
    width: 60px!important;
    border-radius: 0!important;
    margin-right: 0!important
}

.dct_slider .et-pb-controllers .et-pb-active-control {
    background-color: var(--color-1);
}

@media only screen and (max-width : 767px) {
.dct_slider .et_pb_slide_content h4{font-size: 37px;
line-height: 50px;}
	.dct_slider .et_pb_slide_content p{font-size:16px;}	
}


/*Service*/

.dct_service,
.dct_service .et_pb_image_wrap{position:relative;overflow:hidden;border-radius:5px;}
.dct_service .et_pb_image_wrap  img{transform: scale(1.01);
-webkit-transition: all 0.5s ease-out 0s;display: block;
width: 100%;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}

.dct_service:hover .et_pb_image_wrap  img{transform: scale(1.08);}


.dct_service .et_pb_blurb .et_pb_blurb_content{position: unset;}

.dct_service .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{position: absolute;
top: -20px;
right: 20px;display: block;
margin-bottom: 0;}

.dct_service .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{width: 70px;
height: 70px;
background: #fff;
font-size: 35px;
line-height: 70px;
border-radius: 50%;
color: var(--color-2);}

/**Header*/

.dct_hdr_v1 .et-menu li.current-menu-item > a{color:var(--color-1);}

.dct_hdr_v1 .et-menu li > a{color:var(--color-2);font-weight: 600;
letter-spacing: 0.3px;}

.dct_hdr_v1 .et_pb_menu__wrap .et_pb_menu__icon,
.dct_hdr_v1 .et_pb_menu__close-search-button {background: #fff;
color: var(--color-2) !important;
width: 45px;
height: 45px;
text-align: center;
display: block !important;
margin-top: 18px;
border-radius: 50%;
font-weight: 900;margin-left: 30px;}


@media only screen and (max-width : 980px) {
.dct_hdr_v1 .et_pb_menu__wrap .et_pb_menu__icon{display:none !important;}
}


/***Sub menu**/

.et_pb_menu ul li.menu-item-has-children ul.sub-menu {padding: 0px;transition: all 0.3s linear 0s;box-shadow: 0px 10px 40px rgba(0,0,0,0.20);border-top: none;border-radius:5px;}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li{padding:0;display:block;}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{width:auto;opacity:1;color: var(--color-2);padding: 15px 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);
border-top: 0 none;-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{padding-left: 40px;background-color: var(--color-1);color: #ffffff !important;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before{position: absolute;
content: '';
left: 18px;
top: 24px;
width: 0px;
height: 2px;background-color: var(--color-1);
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before{background-color: rgba(255, 255, 255, 0.50);
width: 10px;}
.nav li li ul{top:0;left:100%;margin:0;}
.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{top: auto;}

.nav li li ul{top:0 !important;}

/** Header Title **/

.dct_header_title{}
.dct_header_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{display: inline-block;
background: rgba(255, 255, 255, 0.1);
padding: 10px 30px;
border-radius: 0;
margin-top: 30px;letter-spacing: 0.1px;
margin-bottom: 0;color: #fff;}

.dct_header_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{font-size: 16px;
font-weight: 400;position:relative;color: #fff;padding-right: 20px;-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}

.dct_header_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:after{content: '';
background: var(--color-1);
position: absolute;
width: 7px;top: 8px;
height: 7px;
border-radius: 50%;
right: 0;}


.dct_header_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description span{font-size: 16px;
font-weight: 400;margin-left: 10px;color: #fff;}


/** Contact Page - Inquiry Section **/

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

/** About Page - Number **/
.dct_abt_num   {border-radius:5px;overflow:visible;}
.dct_abt_num .et_pb_blurb_content{padding: 30px 30px 30px 0px;
background: #fff;border-radius: 5px;
box-shadow: 0px -4px 49px 0px rgba(0, 0, 0, 0.06);
width: 100%;}

.dct_abt_num .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{background-color:var(--color-1);position: absolute;
left: -21px;padding-bottom: 0;
top: 30px;font-size: 18px;
height: 50px;
width: 50px;font-weight:700;
line-height: 50px;
text-align: center;
display: inline-table;
color: #fff;border-radius:5px;}

.dct_abt_num .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
	font-size: 66px;
position: absolute;
bottom: 30px;
right: 10px;
opacity: 6%;font-size: 66px;color: var(--color-1);width:80px;}

.dct_abt_num .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3{font-size: 26px;font-weight: 700;}
.dct_abt_num .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{font-weight: 400;
font-size: 15px;
line-height: 22px;}

/*Faq*/

.dct_faq .et_pb_toggle {
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;background: transparent;
    margin-bottom: 16px !important;
    border-left: 5px solid var(--color-1);
}
.dct_faq .et_pb_toggle h5.et_pb_toggle_title {
    border-top: 0;
    color: #333;
   
    border-bottom: 1px solid transparent;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 20px 50px 20px 20px;
    text-transform: uppercase;
    position: relative;
}
.dct_faq .et_pb_toggle h5.et_pb_toggle_title:before {
    top: 10px;
    right: 0;
    font-size: 22px;
    line-height: 24px;
    display: block !important;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    background: var(--color-1);
    padding: 10px;
	border-radius: 10px;
}
.dct_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before {
    content: "\4c";
    font-family: ETmodules !important;
}
.dct_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before {
    content: "\4b";
    font-family: ETmodules !important;
}
.dct_faq .et_pb_toggle .et_pb_toggle_content {
    color: #666464;
font-size: 15px;
line-height: 25px;
border-top: 0 none;
padding: 0px 27px 15px 27px;
letter-spacing: 0.3px;
font-weight: 400;
}



/** Team **/
.dct_team .et_pb_team_member_image img {border-radius:5px;}
.dct_team .et_pb_team_member_description{padding: 20px 10px 20px 10px;
position: relative;
text-align: center;
width: 88%;cursor:pointer;
bottom: 40px;
left: 6%;
background: #fff;
box-shadow: 0px 4px 49px 0px rgba(0, 0, 0, 0.08);
text-shadow: 0px 4px 49px rgba(0, 0, 0, 0.08);border-radius:5px;}

.dct_team .et_pb_team_member_description:before{content:'\e0a0';font-family: ETmodules !important;position: absolute;
right: 15px;background-color: var(--color-1);width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
border-radius: 5px;
color: #fff;-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -20px;-webkit-box-sizing: border-box;
box-sizing: border-box;}


.dct_team .et_pb_team_member_description .et_pb_member_social_links{overflow: hidden;
text-align: center;
position: absolute;
bottom: 120px;
right: 14px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
margin: 0;}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li{display: block;
margin: 0;padding: 0;
text-align: center;
margin-bottom: 4px;}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li a{background-color:  var(--color-1);display: block;
font-size: 15px;
line-height: 40px;
text-align: center;
color: #fff;
position: relative;
width: 40px;
height: 40px;
border-radius: 5px;-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li a:hover{color: #fff;background-color: var(--color-2);}

.dct_team:hover .et_pb_team_member_description .et_pb_member_social_links{bottom: 130px;opacity: 1;}

/*Team Detail*/



.dct_tem_personl .et_pb_blurb_content .et_pb_main_blurb_image{position: relative;}

.dct_tem_personl .et_pb_blurb_content .et_pb_main_blurb_image:before{position: absolute;
content: "";
border: 1px solid;top: 20px;
right: -20px;
width: 100%;
height: 100%;box-sizing: border-box;
z-index: -1;border-color: var(--color-1);}

.dct_tem_personl .et_pb_blurb_content .et_pb_main_blurb_image img{width: 100%;border-radius:5px;}
.dct_tem_personl .et_pb_blurb_content .et_pb_blurb_container{background-color: var(--color-1);padding: 20px 35px;
position: absolute;
bottom: 70px;
right: 20px;
z-index: 99;box-sizing: border-box;}

@media only screen and (max-width : 767px) {
.dct_tem_personl .et_pb_blurb_content .et_pb_main_blurb_image::before {display:none;}}

/** Clients Logo **/

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


.dct_client_v1 .dct_img_1 img,
.dct_client_v1 .dct_img_2 img{width:180px;margin: 10px 10px 10px 35px;}

.dct_client_v1 .dct_img_1{top: -10px;
height: auto;
-webkit-transition: all 0.2s ease-out 0.2s;
-moz-transition: all 0.2s ease-out 0.2s;
-ms-transition: all 0.2s ease-out 0.2s;
-o-transition: all 0.2s ease-out 0.2s;
transition: all 0.2s ease-out 0.2s;
position: absolute;}


.dct_client_v1:hover .dct_img_1{top: -80px;}
.dct_client_v1:hover .dct_img_2{top: -10px;}


.dct_client_v1 .dct_img_2{top: 70px;
-webkit-transition: all 0.2s ease-out 0.2s;
-moz-transition: all 0.2s ease-out 0.2s;
-ms-transition: all 0.2s ease-out 0.2s;
-o-transition: all 0.2s ease-out 0.2s;
transition: all 0.2s ease-out 0.2s;
position: absolute;}

/** Client logo section - Count **/

.dct_count .percent span{color: var(--color-1);}
.dct_count .percent p{line-height: 0px;}
.dct_count .percent span.percent-value:after{content: '+';
font-size: 30px;
vertical-align: super;
margin-left: 5px;
margin-right: 10px;}

/** Work Process **/
.dct_process .et_pb_blurb_content{padding: 0px 0px 50px 0px;position: relative;}
.dct_process.last .et_pb_blurb_content:before,
.dct_process.last .et_pb_blurb_content:after{display:none;}
.dct_process .et_pb_blurb_content:before{content: "";
text-align: center;
position: absolute;
top: 20px;
left: 34px;
height: 100%;
z-index: -1;
margin-left: -7px;
border: 1px dashed #fff;-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_process .et_pb_blurb_content:after{content: "";
text-align: center;
position: absolute;
top: 20px;
left: 44px;
height: 100%;
z-index: -1;
margin-right: -7px;
border: 1px dashed #fff;-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image{display: block;background-color: var(--color-1);height: 70px;width: 70px;line-height: 70px;color: #fff;font-size: 37px;border-radius:5px;}
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image img {padding:15px;}
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{line-height: 70px;
color: #fff;text-align: center;
display: block;
font-size: 37px;}

.dct_process .et_pb_blurb_content .et_pb_blurb_container{}

.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: #000;
height: 35px;
width: 35px;
top: -20px;
left: -17px;
z-index: 99;
line-height: 33px;
text-align: center;
color: #2b2b2d;
display: inline-table;
background: #fff;
position: absolute;
border-radius: 50%;
font-weight: 600;
font-size: 17px;
display: block;}

.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3{color:#fff;font-size: 25px;
font-weight: 600;}
.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color: #fff;
padding-left: 20px;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;}


/** Testimonials **/
.dct_testi_v1 .dct_testi_module:after,.dct_testi_v1:before
{content:"";height:20px;position:absolute;transition:.5s ease-in-out;width:20px;background:var(--color-1);}
.dct_testi_v1{border-radius:5px;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);}
.dct_testi_v1:before{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;left:-10px;top:-10px;z-index:11}
.dct_testi_v1 .dct_testi_module{transition:.5s ease-in-out;border-radius:5px;}
.dct_testi_v1 .dct_testi_module:before{}
.dct_testi_v1 .dct_testi_module:after{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;bottom:-11px;right:-11px;visibility:visible}
.dct_testi_v1:hover:before{left:10px}
.dct_testi_v1 .dct_testi_module:hover:after{right:10px}
.dct_testi_v1 .dct_testi_module .et_pb_testimonial_portrait{display:inline-block;box-shadow:0 0 7px #555;transition:.3s;width:100px;height:100px;border-radius:5px;position: absolute;top: -80px;}
.dct_testi_v1 .dct_testi_module:before{content:"\7b";font-family:ETmodules!important;background:var(--color-2);width:35px;height:35px;position:absolute;bottom:0;z-index:1;text-align:center;display:block;color:#fff;font-size:25px;line-height:35px;border-radius:5px;left: unset;right: 10px;}

.dct_testi_v1 .et_pb_testimonial_author{color:var(--color-1)!important;margin-top: 0px;}
.dct_testi_v1 .et_pb_testimonial_description {margin-top:10px;}
.dct_testi_img{animation-name:fadebounce;animation-duration:8s;animation-direction:alternate;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:running}
@media only screen and (max-width : 980px) { .dct_testi_v1 {margin-bottom: 100px !important;}}
.dct_testi_img .et_pb_image_wrap{position:relative}
.dct_testi_img .et_pb_image_wrap img{width:100px;height:100px;border-radius:5px}
.dct_testi_img .et_pb_image_wrap:after{content:'';width:60px;height:60px;position:absolute;background:var(--color-1);border-radius:50%;left:-13px;z-index:-1}
.dct_testi_img .et_pb_image_wrap:before{content:"\7b";font-family:ETmodules!important;background:var(--color-2);width:35px;height:35px;position:absolute;bottom:0;z-index:1;text-align:center;display:block;color:#fff;font-size:25px;line-height:35px;border-radius:50%;right:-10px}



.dct_testi .et_pb_slide_description .et_pb_slide_title{position:relative;}
.dct_testi .et_pb_slide_description .et_pb_slide_title:before{content: "\7b";
font-family: ETmodules !important;
display: block;
margin-bottom: 19px;
font-size: 66px;
color: var(--color-1);
transform: rotate(180deg);
font-weight: 900;}


.dct_testi .et_pb_slide{border-radius: 25%;
padding: 30px 30px 0px 30px;}


.dct_testi .et-pb-controllers{bottom:5px;}
.dct_testi .et-pb-controllers a{width: 8px;background-color:var(--color-1);
height: 8px;position: relative;
margin-left: 10px;
opacity:1;}

.dct_testi .et-pb-controllers a.et-pb-active-control:after{content: "";
position: absolute;
top: -7px;
right: -7px;
width: 22px;
height: 22px;
border: 1px solid var(--color-1);-webkit-box-sizing: border-box;
box-sizing: border-box;border-radius:50%;}

@keyframes fadebounce {


0% {
    transform: translateY(0);
    opacity: 1;
}
50% {
    transform: translateY(20px);
    opacity: 1;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}

/*Blog*/

.dct_blog .et_pb_post{padding: 0;display: flex;
flex-direction: column;}

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


.dct_blog .et_pb_post .et_pb_image_container .entry-featured-image-url{margin-bottom: 0;order:1;overflow:hidden;border-radius:5px;}


.dct_blog .et_pb_post .et_pb_image_container .entry-featured-image-url img{transform: scale(1.01);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.dct_blog .et_pb_post:hover .et_pb_image_container .entry-featured-image-url img{transform: scale(1.08);}

.dct_blog .et_pb_post .entry-title,
.dct_blog .et_pb_post .post-meta,
.dct_blog .et_pb_post .post-content{background:var(--color-2);width: 90%;color:#fff;}
.dct_blog .et_pb_post .post-content {border-radius: 0px 0px 5px 30px;}
.dct_blog .et_pb_post .post-meta a{color:#fff;}
.dct_blog .et_pb_post .post-content .post-content-inner p{color:#fff;}
.dct_blog .et_pb_post .entry-title{padding: 20px 25px 0px 25px;order:3;}
.dct_blog .et_pb_post .post-meta{padding: 0px 25px 15px 0px;order: 2;margin: -37px 0 0 0;z-index: 9;border-radius: 0px 30px 0px 0px;}
.dct_blog .et_pb_post .post-content{padding: 20px;order:4;}
.dct_blog .et_pb_post .post-meta .published{font-size: 12px;position: relative;z-index: 99;color: #fff;padding: 8px 20px;margin-right: 5px;display: inline-block;background-color: var(--color-1);}
.dct_blog .et_pb_post .post-meta .published:before{position: absolute;
content: "";
z-index: 9;
bottom: -10px;
left: 11px;
width: 0;
height: 0;
border-right: 20px solid var(--color-1);
border-bottom: 20px solid transparent;-webkit-box-sizing: border-box;
box-sizing: border-box;}

/** Blog 2 Column **/
.dct_blog.clm .et_pb_ajax_pagination_container{display: grid;grid-gap: 30px;grid-template-columns: repeat(2, 50%);}
.dct_blog.clm .et_pb_post {margin-bottom: 30px;}

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

/*Blog List*/
.dct_blog_list .et_pb_post .entry-featured-image-url{
margin-bottom: 0;
width: 50%;
float: left;
overflow: hidden;
position: relative;
}

.dct_blog_list .et_pb_post .info{
width: 50%;
float: left;
padding: 30px 20px;
}




.dct_blog_list .et_pb_post .post-meta{background: #fff;
position: absolute;
left: 0;top: 10px;
padding: 10px;
color: var(--color-1);
font-weight: 600;
font-size: 16px;}


.dct_blog_list .et_pb_post .more-link{background: var(--color-1);
color: #fff;
display: inline-block;
padding: 8px 30px;
border-radius: 25px;
text-transform: capitalize;
margin-top: 16px;
font-weight: 500;}

.dct_blog_list .et_pb_post .more-link:hover{background: var(--color-2);}


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


.dct_blog_list.rt .et_pb_post .post-meta{right: 0;left: auto;top: 10px;}

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

/*Blog Detials*/

/*Navigation*/

.et_pb_posts_nav .meta-nav{background: var(--color-2);
color: #fff;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
font-size: 22px;
line-height: 50px;}

.et_pb_posts_nav .nav-label{background-color: #f6f4ef;
font-weight: 400;
font-size: 17px;
line-height: 30px;
padding-left: 2rem !important;
padding-right: 15px !important;
padding: 21px 0px;
   
color: #2b2b2d;
margin-left: -9px;
z-index: -1;}


/*Sidebar*/

#sidebar .et_pb_widget {border-radius: 0px;
border: 1px solid #e6e6e6;position: relative;
padding: 20px 30px 30px 30px;margin-bottom: 30px;
overflow: hidden;}

#sidebar .et_pb_widget .widgettitle,
#sidebar .et_pb_widget .wp-block-group__inner-container h2{padding: 0 30px 15px;
color: #2b2b2d;
margin-bottom: 30px;
margin-left: -30px;
margin-right: -30px;position: relative;font-size: 26px;
line-height: 30px;font-weight: 600;}

#sidebar .et_pb_widget .widgettitle:before,
#sidebar .et_pb_widget .wp-block-group__inner-container h2:before{position: absolute;
content: "";
bottom: 0;
left: 0;
height: 1px;box-sizing: border-box;
width: 100%;
margin-bottom: -2px;
background: #e6e6e6;}


#sidebar .et_pb_widget .widgettitle:after,
#sidebar .et_pb_widget .wp-block-group__inner-container h2:after{background-color: var(--color-1);
position: absolute;
content: "";
bottom: -3px;
left: 30px;
height: 3px;
width: 60px;
box-sizing: border-box;}


#sidebar .et_pb_widget ul li{font-size: 16px;
font-weight: 400;
line-height: 30px;}

#sidebar .tagcloud a{color: inherit;
background: transparent;
border: 1px solid #ccc;
font-size: 16px !important;
font-weight: 400;
padding: 15px 20px;
width: 100%;
text-align: center;
margin-bottom: 9px;}

/*Hide the search button*/

.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field*/
.widget_search input#s {
    padding-right: 55px !important;
	height: 60px !important;
}
/*Add the icon*/
.widget_search::before {
   content: '\55';
position: absolute;
font-family: 'ETModules';
z-index: 1;
right: 23px;
font-size: 20px;
padding: 8px 20px;
bottom: 41px;
}

/** Pricing Table **/

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_sum{font-weight: 600;
color: var(--color-1);
font-size: 65px;}

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_dollar_sign{font-size: 50px;
position: relative;
color: var(--color-1 ) !important;
margin: 0 !important;
vertical-align: super;
font-weight: 300;}

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content_top{padding: 10px 0 30px 0;
border: none;}

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_et_price .et_pb_frequency{display: block;
color: var(--color-2);
font-size: 19px;
margin-top: 6px;}
.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{display:none;}


.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_pricing li{font-size: 17px;
padding: 15px 20px;
display: block;
width: 100%;}

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content{padding:0px 0px 35px 0px;}

.dct_pricing .et_pb_pricing .et_pb_pricing_table .et_pb_pricing li:after{content: "\e052";
          font-family: ETmodules !important;position: absolute;color:var(--color-2);
right: 0;}


.dct_pricing .et-pb-icon{color: #fff !important;
background: var(--color-2);
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;outline: 5px solid var(--color-1);
border: 5px solid #fff;}

/*Progress bar*/
.dct_bar .et_pb_counter_title{font-size: 18px;
margin-bottom: 13px;
color: var(--color-2);}

.dct_bar li{margin-bottom: 35px;}

.dct_bar .et_pb_counter_amount{background-color: var(--color-1) !important;float: none;border-radius: 10px;
overflow: visible;min-height: 10px;}


.dct_bar .et_pb_counter_amount_number{background-color: var(--color-1);
position: absolute;
font-size: 12px;right: 0;
font-weight: 600;
padding: 5px 5px !important;
color: #fff;
top: -40px;}

.dct_bar .et_pb_counter_amount_number:before{position: absolute;
content: "";
bottom: -6px;
right: 0;
width: 0;
height: 0;
border-right: 10px solid var(--color-1);
border-bottom: 10px solid transparent;-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_bar .et_pb_counter_container{overflow: visible;min-height: 10px;border-radius: 10px;}

/** Portfolio 2 Column **/

.dct_ptf .et_pb_portofolio_pagination{border-top:none;}



.dct_ptf .et_pb_portfolio_filters {
	text-align:center
}
.dct_ptf .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
	margin:0 5px 0;
	margin-right:5px;
	border:2px solid var(--color-1);
	border-radius:0px;
	background:var(--color-1);
	font-size:14px;
	font-weight:700;width:auto !important;
	color:#fff;
	position:relative
}
.dct_ptf .et_pb_portfolio_filters li:before {
	content:""!important;
	width:20px;
	height:20px;
	background:var(--color-1);
	position:absolute;
	top:50%;
	right:-13px;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transform:translateY(-50%)
}
.dct_ptf .et_pb_portfolio_filters li:after {
	content:"";
	display:block;
	width:18px;
	height:30px;
	background:#fff;
	position:absolute;
	top:50%;
	left:-5px;
	transform:translateY(-50%);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.dct_ptf .et_pb_portfolio_filters li a {
	padding: 10px 25px 10px 25px;
font-size: 14px;
background-color: transparent !important;
border: none;
font-weight: 700;
overflow: hidden;
color: #fff;
display: block;
text-align: center;
}
.dct_ptf .et_pb_portfolio_filters li a.active, .dct_ptf .et_pb_portfolio_filters li a:hover {
	color:#fff;
	background-color:transparent
}
.dct_ptf .et_pb_portfolio_filters li:hover, .dct_ptf .et_pb_portfolio_filters li:hover::before {
background:#000;
border-color:#000
}
.dct_ptf .et_pb_portfolio_filters li:first-child:after {
	display:none
}



.dct_ptf .et_pb_portfolio_item{position:relative;overflow:hidden;border: 10px solid transparent;}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image {border-radius:5px;}
.dct_ptf .et_pb_portfolio_item .et_portfolio_image img{width:100%;border-radius:5px;}

.dct_ptf .et_pb_portfolio_item .project_block{left: 25px;
bottom: 20px;
z-index: 9;width:95%;
visibility: visible;
opacity: 0;position: absolute;
-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_ptf .et_pb_portfolio_item:hover .project_block{visibility: visible;
opacity: 1;
bottom: 20px;}


.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay{visibility: visible;
opacity: 1;
overflow: hidden;}

.dct_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay{height: 100%;
z-index: 9;background-color:rgba(0,0,0,0.8);-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;border-radius:5px;}

.dct_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay:before{position: absolute;
font-size: 50px;
color: #fff;background-color: var(--color-1);height: 40px;font-size: 24px;
width: 40px;text-align: center;
line-height: 40px;
z-index: 2;top: 35px;right: -60px;left:auto;-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;}

.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before{right: 15px;}



/*Portfolio 2 & 3 Column*/

.dct_ptf.clm2 .et_pb_portfolio_item .et_portfolio_image,
.dct_ptf.clm3 .et_pb_portfolio_item .et_portfolio_image{position:relative;}

.dct_ptf.clm2 .et_pb_portfolio_item .et_portfolio_image:before,
.dct_ptf.clm3 .et_pb_portfolio_item .et_portfolio_image:before{content:'';height: 100%;
z-index: 9;
background-color: rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;opacity: 0;}

.dct_ptf.clm2 .et_pb_portfolio_item:hover .et_portfolio_image:before,
.dct_ptf.clm3 .et_pb_portfolio_item:hover .et_portfolio_image:before{visibility: visible;
opacity: 1;
overflow: hidden;}

.dct_ptf.clm2 .et_pb_portfolio_item .et_portfolio_image:after,
.dct_ptf.clm3 .et_pb_portfolio_item .et_portfolio_image:after{content: '\4c';position: absolute;
font-size: 50px;
color: #fff;
background-color: var(--color-1);
height: 40px;
font-size: 24px;
width: 40px;
text-align: center;
line-height: 40px;
z-index: 2;
top: 35px;
right: -60px;
left: auto;z-index:9;
-webkit-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s;font-family: ETmodules !important;
font-weight: 400 !important;}

.dct_ptf.clm2 .et_pb_portfolio_item:hover .et_portfolio_image:after,
.dct_ptf.clm3 .et_pb_portfolio_item:hover .et_portfolio_image:after{right: 15px;}

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

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

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

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

/* Portfolio Detail */

.dct_ptf_dtl .et_pb_blurb_content .et_pb_main_blurb_image{width: 0;}
.dct_ptf_dtl .et_pb_blurb_content .et_pb_blurb_container{display:flex;}
.dct_ptf_dtl .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1);
color: #fff;
padding: 12px;
font-size: 18px;}
.dct_ptf_dtl .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{margin-right: 10px;padding-bottom: 0;}

/* Portfolio Detail - Work Process */

.dct_ptf_process .et_pb_blurb_content .et_pb_main_blurb_image{display: block;
text-align: left;}
.dct_ptf_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{background: var(--color-1);
color: #fff;
padding: 5px;
font-size: 32px;
width: 50px;
border-radius: 5px;
position: relative;
left: 10px;}
.dct_ptf_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{background: var(--color-2);
color: #fff;
position: absolute;
top: -9px;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
left: 50px;
border-radius: 50%;
font-size: 16px;}

.dct_ptf_process .et_pb_blurb_content:after{content: "";
text-align: center;
position: absolute;
top: 35px;
left: 70px;
width: 100%;
z-index: 9;
border: 1px dashed #ececec;-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_ptf_process.not .et_pb_blurb_content:after{display:none;}

.dct_ptf_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3{font-size: 24px;
padding-bottom: 15px;
font-weight: 600;}

.dct_ptf_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{font-weight: 400;
font-size: 16px;
letter-spacing: 0.3px;
line-height: 30px;}


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




/**Footer*/

.dct_ft_blog .et_pb_post{margin-bottom:20px;}
.dct_ft_blog .et_pb_post .entry-featured-image-url{float: left;
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 16px;}

.dct_ft_blog .et_pb_post .entry-featured-image-url img{width: 80px;
height: 80px;
border-radius: 50%;}


.dct_ft_email .et_pb_newsletter_form {position:relative;padding: 0 !important;}

.dct_ft_email .et_pb_newsletter_button_wrap {position: absolute;top: 2px;right:0;}

.dct_ft_email .et_pb_newsletter_button_wrap .et_pb_newsletter_button{font-size: 0;
background: var(--color-1);height: 53px;
width: 50px !important;
height: 50px;
margin: 0 !important;}

.dct_ft_email .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{opacity: 1;
margin: 0;
left: 7px;
top: 50%;
transform: translateY(-50%);}


.dct_ft_email .et_pb_newsletter_description{padding-bottom: 30px;}

/**Footer V2*/

/*Email optin*/

.dct_ft_email_v2 .et_pb_newsletter_button_wrap{}


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

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

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

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