/*---------------------------------------------------------------------------------
 Theme Name:   Divi Driving School Theme
 Theme URI:    https://dividrivingschool.divifixer.com/
 Description:  Divi Driving School Theme is clean, minimal, modern and sophisticated to elevate every element of your website in the most professional manner. It is a great answer for websites pertaining to driving classes, driving school instructors, parking teachers and vehicle license agencies.
 Author:       DCT Team
 Author URI:   https://divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/** General  
	Header
	slider
	Slider Contact Us
	Heading
	Best Features
	Timer
	services
	Number Counter
	Pricing table
	testimonial
	Our Course
	Portfolio
	video
	Contact Us
	FAQ
	testimonial V2
	certificate
	Price Banner
	tab module
	Blog
	Side bar
	Blog Detail Page
	Person Module
	Responsive
**/
/*:root { --color-1: #FFB536;--color-2:#28395E;}*/

/*Header*/
.nav li li ul, .et-db #et-boc .et-l .nav li li ul {top: calc(100% - 40px) !important;}
.et-menu .menu-item-has-children > a:first-child{padding-right: 0;}

.dct_menu .et-menu-nav > ul li ul{padding: 10px 0;background-color: var(--color-2) !important;}

.dct_menu nav ul li ul li a:after{display:none;}
.dct_menu nav ul li ul li a{padding: 6px 0px;}
.dct_menu nav ul li a{color:#fff}
.dct_menu nav ul li a:hover{color:var(--color-1) !important; opacity:1;}
.dct_menu nav ul li a:after{
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: 0;
	height: 3px;
	content: '' !important;
	transition: transform .4s;
	background-color: var(--color-1);
	opacity: 0;
	margin: 6px 0;
}
.dct_menu nav ul li:hover a:after{
	transform: translateY(-3px);
	opacity:1;
}
.dct_socialmedia li a:hover:before{
	color: var(--color-1) !important;
}
.dct-fixed-header {
	background-color: #fff ;
	position:fixed;
	top:0px;
	width:100%;
	padding-top:40px !important;
}
/*Mobile menu*/
/*.dct_menu .et_mobile_nav_menu{}
.dct_menu .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before{color: var(--color-1)}
.dct_menu .et_mobile_nav_menu .mobile_nav .et_mobile_menu{background-color: var(--color-2) !important; text-align: center; padding:0;}
.dct_menu .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a{color: var(--color-1);}
*/
/*Footer*/
.float-right{
	float:right;
}
.dct_footer_link ul{
	padding: 0 0 11px 0;
}
.dct_footer_link ul li{
	list-style: none;
	padding: 10px 0;
}
.dct_footer_link ul li a{
	display: inline-block;
	position: relative;
	padding-left: 22px;
	transition: all .3s ease 0s;
}
.dct_footer_link ul li a:before{
	position: absolute;
	top: 7px;
	left: 0;
	line-height: 1em;
	font-size: 13px;
	color: var(--color-1);
	content: "\24";
	font-family: ETmodules !important;
}
.dct_ft_link .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-1);}
.dct_ft_time .et_pb_text_inner p{padding-bottom: 10px;}
/*slider*/
.dct_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content{
	width: 65%;
	background-color: var(--color-2);
	opacity: 0.9;
	margin-top: 20px;
	padding: 10px;
}
/*Slider Contact Us */
.dct_slider_contact .et_pb_contact p.et_pb_contact_field{
	padding:1% !important
}
.dct_slider_contact_heading .et_pb_text_inner h2 span{
	position: relative;
}
.dct_slider_contact_heading .et_pb_text_inner h2 span:before{
	position: absolute;
	z-index: -1;
	top: 0;
	right: -3px;
	bottom: 0;
	left: 3px;
	content: '';
	transform: skewX(-12deg);
	background-color: var(--color-1);
}
.dct_slider_contact .et_pb_contact .et_pb_contact_field select{
	border: 2px solid var(--color-2);
	border-radius: 3px;
}
.dct_slider_contact .et_pb_contact .et_pb_contact_field textarea{
	border: 2px solid var(--color-2);
	border-radius: 3px;
}
.dct_slider_contact .et_pb_contact .et_contact_bottom_container{
	display: block;
	width: 100%;
	float: none;
	text-align: center;
}
/* Heading*/
.dct_heading .et_pb_text_inner h2{
	color: var(--color-1);
}
.dct_heading .et_pb_text_inner h2 span{
	color:#fff;
}
.dct_heading_dark .et_pb_text_inner h2{
	color: var(--color-1);
}
.dct_heading_dark .et_pb_text_inner h2 span{
	color:#000 !important;
}
.dct_banner_link .et_pb_text_inner p a{color: var(--color-1);}
/* Best Features*/
.dct_features .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-1);}

/* Timer Section*/
.dct_timer .et_pb_countdown_timer_container .section .value{
	border:1px solid #fff;
	border-radius:100%;
	padding:20px 0;
}
/*services*/
.dct_services .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-2);}
.dct_services .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--color-2);}
.dct_services .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before{
	position: absolute;
	top: 15%;
	width: 58px;
	height: 2px;
	margin-top: -1px;
	content: '';
	background-color: var(--color-1);
	left: 50%;
	margin-left: -91px;
}
.dct_services .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after{
	position: absolute;
	top: 15%;
	width: 58px;
	height: 2px;
	margin-top: -1px;
	content: '';
	background-color: var(--color-1);
	left: 50%;
	margin-left: 31px;
}
/* service V2 */
.dct_service_v2 {
	padding: 0 20px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 50px 0;
	position: relative;
	transition: all .3s linear 0s;
	position:relative;
}

.dct_service_v2:before {
	top: 0;
	left: 0;
	border-top: 5px solid var(--color-1);
	border-left: 5px solid var(--color-1)
}

.dct_service_v2:after {
	bottom: 0;
	right: 0;
	border-bottom: 5px solid var(--color-1);
	border-right: 5px solid var(--color-1)
}

.dct_service_v2:hover:after,
.dct_service_v2:hover:before {
	width: 20%;
	height: 20%;
	opacity: 1
}

.dct_service_v2:after,
.dct_service_v2:before {
	content: "";
	width: 15%;
	height: 15%;
	position: absolute;
	transition: all .5s ease 0s
}

.dct_service_v2 .et_pb_blurb_content .et_pb_main_blurb_image{
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 110px;
	border-radius: 5px;
	background: var(--color-1);
	font-size: 35px;
	color: #fff!important;
	font-weight: 900;
	margin: -45px 0 30px;
	position: relative;
	transition: all .3s linear 0s;
}

.dct_service_v2:hover .et_pb_blurb_content .et_pb_main_blurb_image{
	background: #000;
	color: #fff
}
.dct_service_v2:hover .et_pb_blurb_content .et_pb_main_blurb_image img{transition: all .3s linear 0s;}
.dct_service_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after {
	content: "";
	border-top: 10px solid var(--color-1);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s linear 0s
}

.dct_service_v2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after {
	border-top-color: #000
}

.dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	font-size: 16px;
	color: #414141;
	text-align: center;
	margin: 0 0 12px;
	transition: all .3s ease 0s;
	text-transform: uppercase;
	font-weight: 900
}

.dct_service_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
	color: var(--color-1)
}

.dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
	text-align: center;
	color: #8e8e8e;
	margin-bottom: 20px;
	line-height: 25px
}

@media only screen and (max-width:767px) {
	.dct_service_v2 {
		margin-bottom: 80px
	}
}
/*Number Counter */
.dct_num_counter .percent .percent-value{color: var(--color-1)}
.dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);}
/*Pricing table */
.dct_pricing .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{color: var(--color-2)}
.dct_pricing .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price:after{
	position: relative;
	display: inline-block;
	width: 20%;
	height: 2px;
	content: '';
	vertical-align: middle;
	background-color: var(--color-1);
	right: -2px;
	margin-right: 0;
	top: -10px;
}
.dct_pricing .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price:before{
	position: relative;
	display: inline-block;
	width: 20%;
	height: 2px;
	content: '';
	vertical-align: middle;
	background-color: var(--color-1);
	left: -25px;
	margin-left: 0;
	top: -10px;
}

/* testimonial */
.dct_testimonial .et-pb-arrow-prev{left:22px !important;position: absolute;
	top: 20%;}
.dct_testimonial .et-pb-arrow-next{right:22px !important;position: absolute;
	top: 70%;}
.dct_testimonial .et-pb-arrow-prev:before{content: "\38";}
.dct_testimonial .et-pb-arrow-next:before{content: "\39";}

/* Our Course*/
.dct_course .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color: var(--color-1);}
.dct_course .et_pb_blurb_content .et_pb_blurb_container{padding-left: 0 !important;}
.dct_course .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p span{
	text-align: right;
	float: right;
}
.dct_course .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
	padding: 0 0 6px 0;
}
/* Portfolio*/
.dct_gallery .et_pb_portfolio_filters li a{border:none;}
.dct_gallery .et_pb_portfolio_filters li a:hover{background:var(--color-2);border-radius: 20px;}
.dct_gallery .et_pb_portfolio_item{
	overflow: hidden;
	position: relative;
}
.dct_gallery .et_pb_portfolio_item .et_portfolio_image:before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(24, 35, 51, .83);
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	opacity: 0;
}
.dct_gallery .et_pb_portfolio_item:hover .et_portfolio_image:before{
	bottom: 0;
	opacity: 1;
}
.dct_gallery .et_pb_portfolio_item .et_pb_module_header{
	position: absolute;
	opacity: 0;
	bottom: 0;
	left:0;
	right:0;
	z-index: 999;
	transition: all .5s;
}
.dct_gallery .et_pb_portfolio_item:hover .et_pb_module_header{
	position: absolute;
	opacity: 1;
	bottom: 50%;
	left:0;
	right:0;
	transition: all .5s;
}
.dct_gallery .pagination .alignleft,
.dct_gallery .pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	float: none;
	text-align: center;
	display: inline-block;
	line-height: 50px
}

.dct_gallery .pagination .alignleft a,
.dct_gallery .pagination .alignright a {
	background-color: var(--color-1);
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s !important;
	color:#fff;
}

.dct_gallery .pagination .alignleft a:hover,
.dct_gallery .pagination .alignright a:hover {
	color: #fff;
	text-shadow: 0 0 3px #333;
	background-color: var(--color-2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)
}

/* video */
.dct_video .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-1);}

/*Contact Us */
.dct_contact_us .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-1);background-color: var(--color-2);}

/*FAQ*/
.dct_faq .et_pb_toggle_close .et_pb_toggle_title:before{
	content: '\4c' !important;
}

/* testimonial V2 */
.dct_testimonial_v2 .et-pb-arrow-prev{left:46% !important;position: absolute;
	top: 40%;}
.dct_testimonial_v2 .et-pb-arrow-next{right:22px !important;position: absolute;
	top: 70%;}
.dct_testimonial_v2 .et-pb-arrow-prev:before{content: "\38";}
.dct_testimonial_v2 .et-pb-arrow-next:before{content: "\39";}

/* certificate */
.dct_certificate .et_pb_image_wrap img{
	transition: transform .3s;
}
.dct_certificate:hover .et_pb_image_wrap img{
	transition: transform .3s;
	transform: scale(1.08);
}

/*Price Banner*/
.dct_banner .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:before{
	position: absolute;
	top: 70%;
	width: 125px;
	height: 10px;
	content: '';
	background-color: var(--color-1);
	left: 0;
}
.dct_banner .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:after{
	position: absolute;
	top: 70%;
	width: 125px;
	height: 10px;
	content: '';
	background-color: var(--color-1);
	right: 0;
}
/* tab module*/
.dct_tab .et_pb_tabs_controls::after{border:none;	}

/* Blog */

.dct_blog .et_pb_post{
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0 !important;
}
.dct_blog .et_pb_post .entry-featured-image-url{
	width: 40%;
	float: left;
	position: relative;
	text-align: left;
	padding: 20px;
	margin-bottom:0px !important;
	overflow: hidden;
}
.dct_blog .dct_blog_discription{
	display: inline-block;
	width: 60%;
	padding: 10px;
}
.dct_blog .et_pb_post a img{
	max-width: 100% !important;
}
.dct_blog .et_pb_post .et_overlay{
	display:none;
}

.dct_blog .et_pb_post .entry-featured-image-url{
	overflow: hidden;

}
.dct_blog .et_pb_post .post-content p{
	padding: 10px;
	width: 100%;
	position: relative;
}
.dct_blog .et_pb_post .post-meta a{
	text-align: left;
	color: var(--color-2);
}

.dct_blog .et_pb_post .post-meta .published{
	position: absolute;
	left: 30px;
	top: 30px;
	text-align: center;
	display: block;
	padding: 8px;
	transition: all .7s ease .5s;
	z-index: 3;
	font-size: 12px;
	color: var(--color-2);
	line-height: 12px;
	text-transform: uppercase;
	background-color: #fff;
}
.dct_blog .et_pb_post .post-meta .published:after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	transform: translate(-4px,-4px);
	border: 2px solid var(--color-1);
}

@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
	.dct_blog .et_pb_post .entry-featured-image-url{padding: 10px;}
	.dct_blog .dct_blog_discription{padding:0;}
}

@media only screen and ( max-width: 479px ) {
	.dct_blog .et_pb_post{
		width: 100% !important;
		margin-left: 0 !important;
	}
	.dct_blog .et_pb_post .post-meta .published{
		left: 15px;
		top: 15px;
	}
	.dct_blog .et_pb_post .entry-featured-image-url{padding: 0px;}
	.dct_blog .dct_blog_discription{padding-top:10px !important; padding:0;}
}
@media only screen and ( max-width: 767px ) {
	.dct_blog .et_pb_post .entry-featured-image-url{width: 100%;float: none;}
	.dct_blog .et_pb_post .post-content p,.dct_blog .et_pb_post .post-content{width:100%;}
}
.dct_blog  .pagination .alignleft,
.dct_blog  .pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	float: none;
	text-align: center;
	display: inline-block;
	line-height: 50px
}

.dct_blog  .pagination .alignleft a,
.dct_blog  .pagination .alignright a {
	background-color: var(--color-1);
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s !important;
	color:#fff;
}

.dct_blog  .pagination .alignleft a:hover,
.dct_blog  .pagination .alignright a:hover {
	color: #fff;
	text-shadow: 0 0 3px #333;
	background-color: var(--color-2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)
}
/*  Side bar */
.dct_sidebar .widget_categories h4,.dct_sidebar .widget_archive h4,.dct_sidebar .widget_recent_entries h4{
	background:var(--color-2);
	padding:10px;
	margin-bottom:0px;
	border-bottom: 2px solid var(--color-1);
	color: #fff;
	font-size: 16px;
}
.dct_sidebar .et_pb_widget{
	/*position:relative;padding-bottom:30px;margin-bottom: 0 !important;*/
	float: none;
	width: 100%;
	margin-bottom: 15px !important;
	z-index: 9;
	position: relative;
	list-style: none;
	padding: 0;
	box-sizing: border-box;
}
.dct_sidebar .widget_recent_entries li{
	margin-bottom: 0;
	padding: 10px;
	background-color: var(--color-1);
	border-bottom: 1px solid var(--color-2);
}
.dct_sidebar .widget_recent_entries li a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color:var(--color-2);
	text-transform: capitalize;
}
.dct_sidebar .widget_search input#searchsubmit{
	color: #ffffff;
	background-color: var(--color-2);
	font-weight: 600;
	border: 1px solid #232323;
}
.dct_sidebar .widget_categories li{
	margin-bottom: 0;
	padding: 10px;
	background-color: var(--color-1);
	border-bottom: 1px solid var(--color-2);
}
.dct_sidebar .widget_categories li a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color:var(--color-2);
	text-transform: capitalize;
}
/*Blog Detail Page */

.dct_blog_detail_img .et_pb_image_wrap{width:100% !important;}
.dct_blog_detail_img .et_pb_image_wrap img{width:100% !important;}

.dct_blog_banner .et_pb_text_inner p:before{
	left:0;
	position: absolute;
	top: 0;
	font-family: ETMODULES;
	content: "\38";
	color:#fff;
	font-size: 50px;
	margin-left: -40px;
}
.dct_blog_banner .et_pb_text_inner p:after{
	content: "\39";
	right: 0;
	position: absolute;
	top: 70%;
	color:#fff;
	font-family: ETMODULES;
	font-size: 50px;
	margin-right:-40px;
}
/*Courses */
.dct_courses .et_pb_text_inner h4{color:var(--color-2);}
.dct_courses .et_pb_tex{color:var(--color-2);}
/*Person Module	 */
.dct_person .et_pb_team_member_description p{position:relative;padding: 4px;}
.dct_person .et_pb_team_member_description p span{
	text-align:right;
	float:right;
	color:var(--color-2);
}
.dct_person .et_pb_team_member_description p span:after{
	width: 100%;
	height: 2px;
	content: '';
	vertical-align: middle;
	background: linear-gradient(90deg,transparent 65%,#c0d0de 0) 50%/6px;
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	z-index: -99;
}
/* Responsive  */

@media (min-width:768px) and (max-width:980px){
	.dct_pricing{
		width: 50%;
		margin: 0 auto !important;
	}
	.dct_testimonial_v2 .et-pb-arrow-prev{left:45% !important;position: absolute;
		top: 40%;}
	.dct_testimonial_v2 .et-pb-arrow-next{right:22px !important;position: absolute;
		top: 70%;}
}
@media (min-width:360px) and (max-width:640px){
	.dct_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content{
		width: 90%;
	}
	.dct_banner .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:before{
		top: 80% !important;
		width: 70px !important;
	}
	.dct_banner .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:after{
		top: 80% !important;
		width: 70px !important;
	}
}
/* Template-Options
-------------------------------------------------------------- */


/* Mobile Menu */

.logged-in.admin-bar .dct-fixed-header {
	top: 32px;
}

@media screen and (max-width:980px) {
	/*for login user make adminbar fix*/
	#wpadminbar {
		position: fixed;
	}
}


/*change Divi hamburger menu to X*/

.mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*remove the border from the top of the mobile menu*/

.et_mobile_menu {
	border-top: none;
}


/*hide the submenu items on mobile*/

.et_mobile_menu li ul.hide {
	display: none !important;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children {
	position: relative;
}


/*adjust the parent menu items on mobile*/

.et_mobile_menu .menu-item-has-children>a {
	background: transparent;
}


/*position and style the submenu icons*/

.et_mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}


/*icon for closed submenu*/

span.menu-closed:before {
	content: "\33";
	display: block;
	color: var(--color-1);
	font-size: 18px;
	font-family: ETmodules;
}


/*icon for open submenu*/

span.menu-closed.menu-open:before {
	content: "\4d";
	color: var(--color-1);
}


/*adjust border under mobile menu items*/

.et_mobile_menu li:not(:last-child) a {
	border-bottom: 2px solid #f3f6fd;
}


/*remove border under last mobile menu item*/

.et_mobile_menu li:last-child a {
	border-bottom: none;
}


/* Responsive */


/* Template-Options */


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

.template-options .theme_option_bar:before {
	font-size: 22px;
	content: "\e037";
	cursor: pointer;
	color: #000;
	font-family: ETmodules !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
}

.template-options.opened .theme_option_bar:before {
	content: "\4d";
	font-size: 32px;
}

.template-options {
	position: fixed;
	top: 130px;
	right: -200px;
	width: 200px;
	background: #fff;
	-webkit-transition: right .4s;
	transition: right .4s;
	z-index: 9999999
}

.template-options.opened {
	right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	z-index: 9999999
}

.option-section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1
}

.option-section:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

.option-section h4 {
	color: #333;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px
}

.option-section .checkbox {
	margin-bottom: 0
}

.options-inner {
	position: relative;
	padding: 20px
}

.cl-toggler {
	position: absolute;
	top: 0;
	left: -48px;
	display: inline-block;
	background: #fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	color: #000;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.cl-toggler i {
	font-size: 20px
}

.cl-toggler:hover {
	color: #000
}

.cl-bg-images,
.cl-presets {
	list-style: none;
	padding: 0;
	margin: -5px
}

.cl-bg-images li,
.cl-presets li {
	display: block;
	float: left;
	margin: 5px
}

.cl-bg-images li a,
.cl-presets li a {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 2px;
	float: left
}

.cl-bg-images li a img {
	width: 100%
}

.cl-bg-images li.active a {
	border: 3px solid #22b8f0
}

.cl-presets li.active a {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}

.switcher-style-list {
	list-style: none;
	overflow: hidden;
}

.switcher-style-list li {
	float: left;
	margin: 2px;
}

.switcher-style-list li a {
	display: block;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background-size: cover;
}

#switcher-theme-custom-color.switcher-style-list li a {
	width: 80px;
	height: 40px;
	border: 2px solid #444;
	position: relative;
}

#switcher-theme-custom-color.switcher-style-list li a .color {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #eee;
}

#switcher-theme-custom-color.switcher-style-list li.active a:after {
	color: #ddd;
	content: "\e052";
	font-family: ETmodules !important;
	font-size: 16px;
	left: 40%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 15%;
}

.layout select {
	width: 100%;
	padding: 5px;
	border: none;
	margin: 0 0 0 -5px;
	color: #666;
	cursor: pointer;
}

@media (max-width: 980px) {
	.template-options {
		top: 10%;
		width: 100px;
		right: -100px;
	}
	.cl-bg-images li a,
	.cl-presets li a {
		width: 25px;
		height: 25px;
	}
	#switcher-theme-custom-color.switcher-style-list li a {
		width: 65px;
		height: 25px;
	}
	#switcher-theme-custom-color.switcher-style-list li.active a::after {
		top: 0px;
	}
}

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



/* Default button appearance */

.et_pb_scroll_top::before {
	content: "6";
}

.et_pb_scroll_top.et-pb-icon {
	right: 30px;
	/* space from right */
	bottom: 30px;
	/* space from bottom */
	padding: 8px;
	/*padding size*/
	border-radius: 5px;
	/* make the circle */
	background: var(--color-1)/* button color */
	;
	font-size: 32px;
	/* icon size */
	transition: all .1s ease-in-out;
	/* add transition */
}


/* Button Appearance on Mouseover */

.et_pb_scroll_top.et-pb-icon:hover {
	bottom: 32px/* space from bottom */
	;
	background: var(--color-2)/*button hover color*/
	;
	transition: all .1s ease-in-out;
	/*add transition*/
	box-shadow: 0 10px 15px #162c4e4a;
	/*box shadow on hover*/
}
/* Animation tweaks 

.et_pb_scroll_top.et-visible {
	-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
	-moz-animation: fadeInBottom 2s 1 cubic-bezier(.50, 0, .160, 1);
	-o-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
	animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
}

.et_pb_scroll_top.et-hidden {
	opacity: 0;
	-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	-moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	-o-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
	animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
}
*/
/*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 {
	position:fixed;
	top:0px;
	width:100%;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}*/