/*
Theme Name:     Autotech Divi Child Theme
Theme URI:      https://autotech.themesunit.com/
Description:    AutoTech was created to assist vehicle repair shops in posting online portfolios and providing customer service information.
Author:         ThemesUnit
Author URI:     https://themesunit.com/
Template:       Divi
Version:        1.1
*/


/* Theme color */
:root {
    --color1: #F5393C;
    --color2: #2A2B34;
}

/* Header */
.auto-header.et_pb_sticky.et_pb_section{
	background-color:#fff!important;;
	box-shadow: rgb(0 0 0 / 20%) 0px 18px 50px -10px;
}
.auto-header .et_pb_menu__menu>nav>ul>li>a{
	color:var(--color2);
	position: relative;
	cursor: pointer;
	padding:0px!important;
	transition: all .5s ease;
}
.auto-header .et_pb_menu__menu>nav>ul>li>a:hover{
	opacity:1!important;
	color:var(--color1)!important;
}
.auto-header .et-menu .menu-item-has-children>a:first-child {
	padding-right: 15px!important;
}
.auto-header .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li > a:before {
	content: '';
	width: 0;
	height: 3px;
	background: var(--color1);
	border-radius: 100px 0px;
	position: absolute;
	bottom: -25px;
	left: 50%;
	opacity: 0;
	transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	-webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	-ms-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.auto-header .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu li.current_page_item a:before,
.auto-header .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu li a:hover:before {
	opacity: 1;
	width: 100%;
}
.auto-header .et-menu .menu-item-has-children>a:first-child:after{
	content:"\33";
	color:var(--color2)!important;
	font-size:12px;
	transition: all .5s ease;
	font-weight:600!important;
}
.auto-header .current-menu-item>a,
.auto-header .et-menu .menu-item-has-children>a:first-child:hover:after{
	color:var(--color1)!important;
}
.auto-header ul li ul {
	transform-origin: 50% 0;
	visibility: hidden;
	transition: all 0.3s ease;
	padding:0!important;
	top:0;
	left:235px;
}
.auto-header ul li ul>li>a{
	width:100%!important;
	padding: 18px 20px!important;
	color:var(--color2)!important;
	font-weight:700;
}
.auto-header .et_mobile_nav_menu span:before {
	color:var(--color1)!important;
	border:1px solid var(--color1)!important;
	top:0!important;
}
.auto-header .mobile_nav.opened .mobile_menu_bar:before{
	content:"\4d";
	color:var(--color1)!important;
	border:1px solid var(--color1)!important;
	transition:all .5s ease ;
}
.auto-header ul.et_mobile_menu{
	display:block!important;
	padding:10px;
}
.auto-header .mobile_nav.closed ul.et_mobile_menu{
	transform:rotateY(90deg);
	-webkit-transform:rotateY(90deg);
	-ms-transform:rotateY(90deg);
	transform-origin:right;
	transition:all .8s ease!important;
}
.auto-header .mobile_nav.opened ul.et_mobile_menu{
	-webkit-transform:rotateY(0);
	-ms-transform:rotateY(0);
	transform:rotateY(0);
	transform-origin:right;
	transition:all .8s ease;
	border-top: 3px solid var(--color1);
}
.auto-headerr .mobile_nav.opened ul.et_mobile_menu>li>a{
	color:var(--color2);
	font-weight:700;
	border-bottom: unset!important;
}
.auto-header ul.et_mobile_menu{
	width:100%;
}
.auto-header .et_mobile_menu .menu-item-has-children>a{
	position:relative;
}
.auto-header .et_mobile_menu li a {
	transition:all .5s ease;
	padding:18px 20px!important;
	border-bottom:unset!important;
	color:var(--color2)!important;
}
.auto-header .et_mobile_menu .menu-item-has-children>a:after{
	font-family:ETmodules;
	text-align:center;
	speak:none;
	font-weight:600;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	font-size:18px;
	content:"\33";
	top:17px;
	transform:rotate(0);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	right:13px!important;
	transition: all .5s ease ;
}
.auto-header .et_mobile_menu .menu-item-has-children.visible>a:after{
	content:'\34';
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transition: all .5s ease;
}
.auto-header .et_mobile_menu ul.sub-menu{
	display:none!important;
	visibility:hidden!important;
	transition:all .5s ease;
}
.auto-header .et_mobile_menu .visible>ul.sub-menu{
	display:block!important;
	visibility:visible!important;
	opacity: 1;
	padding-left:10px!important;
}
.auto-header .et-menu li li.menu-item-has-children>a:first-child:after {
	top:auto;
}
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	top: calc(143% - 1px)!important;
	border-top: 3px solid var(--color1);
	padding:0!important;
}
/* sub - sub menu  */
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li{
	padding:0;
	display:block!important;
}
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul{
	border-top: 3px solid var(--color1);
	top: -3px;
	left: 240px;
}
.auto-header .et_pb_menu__menu>nav>ul>li>ul>li>a:hover,
.auto-header .et_mobile_menu li a:hover,
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li>a:hover {
	opacity: 1!important;
	color:#fff!important;	
	background:var(--color1);
} 
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li>a{
	width: 100%!important;
	padding: 18px 20px!important;
	color: var(--color2)!important;
}
.auto-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul>li {
	padding: 0;
	display: block!important;
}
.et_mobile_menu .menu-item-has-children>a{
	background-color: transparent;
}
.auto-header .et_pb_menu .et-menu>li{
	padding-left: 30px!important;
	padding-right: 30px!important;
}
.auto-header .et_pb_blurb_container{
	padding-left:17px!important;
}
.auto-header h4.et_pb_module_header{
	padding-bottom:5px!important;
}
@media (max-width:1584px){
	.auto-header .et_pb_menu .et-menu>li{
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.auto-header .et_pb_column:last-child{
		padding:20px 30px!important;
	}
}
@media (max-width:1400px){
	.auto-header{
		padding-left:50px!important;
	}
}
@media (max-width:1294px){
	.auto-header{
		padding-left:50px!important;
	}
	.auto-header .et_pb_menu .et-menu>li{
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.auto-header .et_pb_blurb h4.et_pb_module_header,
	.auto-header .et_pb_blurb .et_pb_blurb_description a {
		font-size:14px!important;
		line-height:24px!important;
	}
	.auto-header .et_pb_main_blurb_image .et_pb_image_wrap{
		width:25px!important;
	}
	.auto-header .et_pb_column:last-child {
		padding:22px!important;
	}
}
@media (max-width:1055px){
	.auto-header .et_pb_menu ul li a{
		font-size:14px!important;
		line-height:24px!important;
	}
	.auto-header .et_pb_menu .et-menu>li {
		padding-left: 7px!important;
		padding-right: 7px!important;
	}
}
@media (max-width: 980px){
	.auto-header .et_pb_menu .et_mobile_menu {
		top: 123%!important;
	}
	.auto-header .et_pb_menu__wrap{
		justify-content: end!important;
	}
	.auto-header .et_pb_menu ul li a{
		font-size:16px!important;
		line-height:26px!important;
	}
	.auto-header{
		padding-left:0px!important;
	}
}

/* Footer */
.auto-footer .et-menu .menu-item-has-children>a:first-child:after{
	content:none;
}
.auto-footer .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{
	display:none;
}
.auto-footer .menu-item-has-children{
	padding:0!important;
}
.auto-footer .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
	padding-bottom:0!important;
}
.auto-footer .et_pb_menu .et-menu>li{
	padding:0 25px!important;
	margin-top:0;
}
.auto-footer .et-menu .menu-item-has-children>a:first-child{
	padding-right:0;
}
.auto-footer .et_pb_menu .et_pb_menu__menu {
	display: block;
} 
.auto-footer .et_mobile_nav_menu{
	display:none;
}
.auto-footer .et_pb_menu .et-menu>li a:hover {
	color: var(--color1)!important;
	opacity:1!important;
}
.auto-footer .et_pb_social_media_follow li{
	margin-bottom:0!important;
}
.et_pb_social_media_follow li a.icon:hover:before{
	color:var(--color1)!important;
}
@media (max-width:767px){
	.auto-footer .et_pb_menu .et-menu>li{
		margin-bottom:10px!important;
	}
}

/* all  */
.sub-title h4.et_pb_module_header{
	padding-bottom:0;
	padding-left:12px;
}
.et_pb_button:after{
	line-height: 26px!important;
	font-size: 18px!important;
	font-weight: 600!important;
}
.sub-title-box .sub-title .et_pb_main_blurb_image .et-pb-icon,
.sub-title-box .et_pb_text_inner h2 {
	color:var(--color2)!important;
}

/* Home Hero Section */
.auto-home-hero-section .et_pb_button_module_wrapper{
	display:inline-block!important;
}
@media (max-width:360px){
	.auto-home-hero-section .et_pb_column .et_pb_button_module_wrapper:last-child{
		margin-top:30px!important;
		margin-left:0!important;
	}
	.auto-home-hero-section .et_pb_button_module_wrapper{
		display:block!important;
	}
}

/* Inquiry Section */
.auto-inquiry-section .sub-title .et-pb-icon,
.auto-inquiry-section .et_pb_text_inner h1 {
	color:var(--color2)!important;
}
.auto-inquiry-section .et-pb-icon{
	color:var(--color1)!important;
	transition: all .5s ease;
}
.auto-inquiry-section .et_pb_blurb h6.et_pb_module_header{
	color:var(--color2)!important;
	padding-bottom:0!important;
	transition: all .5s ease;
}
.auto-inquiry-section .inq-box .et_pb_blurb:hover{
	transition: all .5s ease;
	background:var(--color1);
}
.auto-inquiry-section .inq-box .et_pb_blurb:hover h6.et_pb_module_header,
.auto-inquiry-section .inq-box .et_pb_blurb:hover .et-pb-icon {
	color:#fff!important;
}
.auto-inquiry-section .et_pb_contact_main_title{
	padding:12px 0!important;
}
.auto-inquiry-section .et_pb_contact{
	padding:46px 30px;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.2);
}
.auto-inquiry-section .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 40px;
}
.auto-inquiry-section .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}
.auto-inquiry-section .et_pb_column_single{
	margin-top:-158px;
}
@media (max-width:980px){
	.auto-inquiry-section .et_pb_column_single{
		margin-top:-0px;
	}
}
@media (max-width:650px){
	.auto-inquiry-section .et_pb_column:last-child{
		display:block!important;
	}
	.auto-inquiry-section .et_pb_column:last-child .et_pb_blurb:nth-child(1),
	.auto-inquiry-section .et_pb_column:last-child .et_pb_blurb:nth-child(2) {
		margin-bottom:30px!important;
	}
	.auto-inquiry-section .et_pb_contact{
		padding:30px 20px!important;
	}
}

/* Service Section */
.auto-service-section .service-box .et_pb_blurb_description{
	margin-bottom:33px;
}
.auto-service-section .service-box .et_pb_column:hover .et_pb_blurb:before {
	background:var(--color1)!important;
	border:1px solid var(--color1)!important;
	color:#fff!important;
}
.auto-service-section .counter-box .et_pb_number_counter .percent{
	height: 65px!important;
}
.auto-service-section .counter-box span.percent-value{
	color:var(--color2)!important;
	margin-bottom: 15px!important;
	transition: all .5s ease;
}
.auto-service-section .counter-box .et_pb_number_counter h3{
	color:var(--color2)!important;
	transition: all .5s ease;
}
.auto-service-section .service-box .et-pb-icon,
.auto-service-section  .counter-box .et_pb_icon_wrap .et-pb-icon{
	color:var(--color1)!important;
	transition: all .5s ease;
}
.auto-service-section  .counter-box .et_pb_column{
	transition: all .5s ease;
}
.auto-service-section  .counter-box .et_pb_column:hover{
	background:var(--color1)!important;
}
.auto-service-section  .counter-box .et_pb_column:hover .et_pb_icon_wrap .et-pb-icon,
.auto-service-section  .counter-box .et_pb_column:hover .et_pb_number_counter h3,
.auto-service-section  .counter-box .et_pb_column:hover span.percent-value {
	color:#fff!important;
}
@media (max-width:1255px){
	.auto-service-section .counter-box .et_pb_number_counter h3{
		min-height:80px;
	}
}
@media (max-width:980px){
	.auto-service-section .counter-box .et_pb_number_counter h3{
		min-height:unset!important;
	}
	.auto-service-section .counter-box .et_pb_number_counter .percent{
		height: 47px!important;
	}
}
@media (max-width:768px){
	.auto-service-section .counter-box .et_pb_number_counter .percent{
		height: 40px!important;
	}
}

/* Advantages Section */
.auto-advantage-section .et_pb_blurb_container h6.et_pb_module_header{
	color: var(--color2)!important;
	padding-bottom:0!important;
	padding-left:20px;
}
.auto-advantage-section .et-pb-icon {
	color: var(--color1)!important;
}
.auto-advantage-section .et_pb_video_overlay_hover{
	position:relative;
}
.auto-advantage-section .et_pb_video_overlay_hover:before{
	content:'';
	position:absolute;
	background: var(--color2);
	opacity: 0.5;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.auto-advantage-section .et_pb_module.et_pb_video{
	position:relative;
	width:94%!important;
}
.auto-advantage-section .et_pb_module.et_pb_video:before{
	content: '';
	position: absolute;
	background: linear-gradient(100deg, #fff 60%, var(--color1) 60%);
	width: calc(100% - -30px);
	height: calc(100% - -60px);
	top: -30px;
}
.auto-advantage-section.et_section_specialty>.et_pb_row{
	display:flex;
	align-items:center;
}
.auto-advantage-section .et_pb_column_single{
	padding: 30px 0!important;
}
@media (max-width:980px){
	.auto-advantage-section.et_section_specialty>.et_pb_row{
		display:block;
	}
}
@media (max-width: 479px){
	.auto-advantage-section .et_pb_row .et_pb_column.et_pb_column:first-child{
		margin-bottom:15px!important;
	}
	.auto-advantage-section .et_pb_module.et_pb_video:before{
		width: calc(100% - -20px);
		height: calc(100% - -40px);
		top: -20px;
	}
}

/* Portfolio Section */
.auto-home-project-section .et_pb_portfolio_item{
	position:relative;
	transition: all .5s ease;
	margin:0!important;
}
.auto-home-project-section  .et_pb_portfolio_item:before{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	position: absolute;
	z-index: 9999999999;
	left: auto;
	right: 15px;
	top: auto;
	bottom: 15px;
	transition: all 600ms ease;
}
.auto-home-project-section .et_pb_portfolio_item .et_portfolio_image:before{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 999999999;
	transition: all 600ms ease;
}
.auto-home-project-section .et_pb_portfolio_item .et_portfolio_image:after{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 9999999999;
	transition: all 600ms ease;
}
.auto-home-project-section  .et_pb_portfolio_item .et_portfolio_image,
.auto-home-project-section  .et_pb_portfolio_item a{
	position: relative;
	overflow: hidden;
}
.auto-home-project-section .et_pb_portfolio_item a:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.5);
	z-index:9999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	transition: all .5s ease;
}
.auto-home-project-section .et_pb_portfolio_item a:after{
	content: "\4c";
	font-family: ETModules;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size:40px;
	transition: all 0.5s ease;
	opacity: 0;
	z-index: 999999999;
}
.auto-home-project-section .et_pb_portfolio_item:hover a:before,
.auto-home-project-section .et_pb_portfolio_item:hover a:after{
	opacity:1;
}
.auto-home-project-section .auto-gallery-image{
	position:relative;
}
.auto-home-project-section .auto-gallery-image:after{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	z-index: 9999999999999;
	top: auto;
	bottom: 15px;
	left: auto;
	right: 15px;
	transition: all 600ms ease;
}
.auto-home-project-section  .et_pb_portfolio_item:hover:before,
.auto-home-project-section .et_pb_portfolio_item:hover .et_portfolio_image:before,
.auto-home-project-section .et_pb_portfolio_item:hover .et_portfolio_image:after,
.auto-home-project-section .et_pb_portfolio_item:hover .auto-gallery-image:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.auto-project .auto-project-4-col .et_pb_ajax_pagination_container,
.auto-project .auto-project-3-col .et_pb_ajax_pagination_container ,
.auto-home-project-section .project-box .et_pb_ajax_pagination_container,
.auto-project .auto-project-2-col .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(3,1fr);
	display:grid;
	gap:30px;
}
@media (max-width:980px){
	.auto-home-project-section .project-box .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr);
	}
}
@media (max-width:768px){
	.auto-home-project-section .project-box .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr);
	}
	.auto-home-project-section .project-box .et_pb_portfolio_item:last-child,
	.auto-home-project-section .et_pb_column:first-child {
		margin-bottom:0!important;
	}
}

/* Team Section */
.auto-team-section .team-box .et_pb_google_icon:before{
	content: "\e09a"!important;
}
.auto-team-section .team-box .et_pb_linkedin_icon:before{
	content: "\E0A3"!important;
}
.auto-team-section .team-box .et_pb_team_member_description ul{
	text-align:center;opacity: 0;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	z-index:999999999999999999;
	transition: all .5s ease;
	padding:0;
}
.auto-team-section .team-box .et_pb_member_social_links li {
	margin-right: 25px!important;
}
.auto-team-section .team-box .et_pb_member_social_links a{
	color:#fff!important;
	transition: all .5s ease;
}
.auto-team-section .team-box .et_pb_member_social_links a:hover{
	color:var(--color1)!important;
}
.auto-team-section .team-box .et_pb_column{
	transition: all .5s ease;
}
.auto-team-section .team-box .et_pb_column:hover .et_pb_team_member_description ul{
	opacity: 1;
	bottom: 30px;
}
.auto-team-section .team-box .et_pb_column:hover .et_pb_team_member_image:before{
	opacity:1;
}
.auto-team-section .team-box .et_pb_team_member_image{
	max-width:100%;
	margin:0!important;
	position:relative;
}
.auto-team-section .team-box .et_pb_team_member_image:before{
	content:'';
	position:absolute;
	background: rgba(0, 0, 0, 0.6);
	width:100%;
	height:100%;
	opacity:0;
	z-index:999999;
	transition: all .5s ease;
}
.auto-team-section .team-box .et_pb_team_member_image img {
	width: 100%!important;
}

/* Testimonial Section */
.auto-client-section .slick-track {
	display: flex;
	justify-content: center;
}
.auto-client-section .et_pb_testimonial_portrait {
	display: inline-block;
	border-radius: 50%;
	margin: 0 15px 0 0;
	z-index: 99;
	width: 65px!important;
	height:65px!important;
}
.auto-client-section .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_content p{
	margin-top: 75px;
}
.auto-client-section .et_pb_testimonial_author {
	display: block;
	font-weight: 700!important;
	color: var(--color1);
	text-transform: capitalize;
	position: absolute;
	left: 81px;
	right: auto;
	top: -70px;
	margin: 0!important;
}
.auto-client-section span.et_pb_testimonial_position {
	display: block;
	font-size: 14px;
	color: #5d7aa7;
	position: absolute;
	top: -40px;
	right: auto;
	left: 81px;
}
@media (max-width: 767px){
	.auto-client-section .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_content p{
		margin-top: 0px!important;
	}
	.auto-client-section .et_pb_testimonial {
		margin: 19px 20px!important;
	}
}

/* Blog */
.auto-blog-section .et_pb_ajax_pagination_container {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
}
.auto-blog-grid-1 .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(1,1fr);
}
.auto-blog-grid-2 .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(2,1fr);
}
.auto-blog-grid-4 .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(4,1fr);
}
.auto-blog-section .et_pb_post{
	background: #FFFFFF;
	box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.2);
	margin-bottom:0!important;
}
.auto-blog-section .et_pb_post .entry-featured-image-url {
	margin-bottom: 0px!important;
	position:relative;
}
.auto-blog-section h3.entry-title{
	color:var(--color2)!important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding:20px 30px 0px 30px;
	margin-bottom:20px;
}
.auto-blog-section p.post-meta:before{
	content:'';
	position:absolute;
	border-bottom:1px solid #7A7A7A;
	top:0px;
	width:100%;
}
.auto-blog-section p.post-meta{
	padding:20px 0 30px;
	margin:20px 30px 30px 30px;
	margin-bottom:0!important;
	display:flex;
	justify-content:space-between;
	position:relative;
}
.auto-blog-section span.published{
	color:var(--color1)!important;
	font-weight: 700!important;
	display: inline-block;
	padding:30px 30px 0 30px;
}
.auto-blog-section span.author>a{
	position:relative;
	padding-left: 23px;
}
.auto-blog-section span.author>a:before {
	content: '\e08a';
	position: absolute;
	left: 0px;
	top: 0;
	font-family: 'ETMODULES';
	color: var(--color1)!important;
	font-size: 18px;
	line-height: 20px;
}
.auto-blog-section .et_pb_post p.post-meta>a{
	position:relative;
	padding-left: 35px;
}
.auto-blog-section .et_pb_post p.post-meta>a:before {
	content: '\e058';
	position: absolute;
	left: 12px;
	font-family: ETModules;
	color: var(--color1)!important;
}
.auto-blog-section .et_pb_post .auto-blog-image:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.5);
	opacity:0;
	z-index:9999;
	transition: all 0.5s ease;
}
.auto-blog-section .et_pb_post .auto-blog-image:after{
	content: "\4c";
	font-family: ETModules;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 40px;
	transition: all 0.5s ease;
	opacity: 0;
	z-index:999999999;
}
.auto-blog-section .et_pb_post .entry-featured-image-url:before{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 99999999999999;
	transition: all 600ms ease;
}
.auto-blog-section .et_pb_post .entry-featured-image-url:after{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 99999999999999999;
	transition: all 600ms ease;
}
.auto-blog-section .et_pb_post .auto-blog-image,
.auto-blog-section .auto-blog-detail{
	position:relative;
}
.auto-blog-section .et_pb_post .auto-blog-detail:before{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	position: absolute;
	z-index: 99999999999;
	left: auto;
	right: 15px;
	top: auto;
	bottom: 15px;
	transition: all 600ms ease;
}
.auto-blog-section .et_pb_post .auto-blog-detail:after{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	z-index: 99999999999;
	top: auto;
	bottom: 15px;
	left: auto;
	right: 15px;
	transition: all 600ms ease;
}
.auto-blog-section .et_pb_post:hover .auto-blog-detail:after,
.auto-blog-section .et_pb_post:hover .auto-blog-detail:before,
.auto-blog-section .et_pb_post:hover .entry-featured-image-url:after,
.auto-blog-section .et_pb_post:hover .entry-featured-image-url:before {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.auto-blog-section .et_pb_post:hover .auto-blog-image:before,
.auto-blog-section .et_pb_post:hover .auto-blog-image:after {
	opacity:1;
}
@media(max-width:1200px) {
	.auto-blog-grid-4 .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(3,1fr);
	}
}
@media (max-width: 980px){
	.auto-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr);
	}
	.auto-blog-section .et_pb_post{
		margin-bottom:0!important;
	}
}
@media (max-width:  768px){
	.auto-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr);
	}
}

/* About Company Stratagy */
.auto-about-company-section.et_section_specialty>.et_pb_row{
	display:flex;
	align-items:center;
}
.auto-about-company-section ul.et_pb_tabs_controls {
	background-color: transparent;
	display: flex;
	column-gap: 30px;
}
.auto-about-company-section .et_pb_tabs{
	border:unset!important;
}
.auto-about-company-section .et_pb_tab{
	padding:30px 0 0!important;
}
.auto-about-company-section .et_pb_tabs_controls li{
	border-right:unset!important;
}
.auto-about-company-section ul.et_pb_tabs_controls:after{
	border-top:unset!important;
}
.auto-about-company-section .et_pb_tabs_controls li{
	position:relative;
	padding:12px 5px;
	transition: all .5s ease;
	text-align:center;
	max-width:165px;
	width:100%;
}
.auto-about-company-section .et_pb_tabs_controls li:before{
	content:'';
	position:absolute;
	background:var(--color1);
	opacity:0.2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .5s ease;
}
.auto-about-company-section .et_pb_tabs_controls li a{
	color:var(--color2)!important;
}
.auto-about-company-section .et_pb_tabs_controls li.et_pb_tab_active:before{
	opacity:unset!important;
	z-index:-1!important;
}
.auto-about-company-section .et_pb_tabs_controls li.et_pb_tab_active a{
	color:#fff!important;
}
.auto-about-company-section .tab-box .tab-box-list{
	display:flex;
	margin-top:30px;
}
.auto-about-company-section .tab-box .tab-box-list ul{
	padding:0!important;
}
.auto-about-company-section .tab-box .tab-box-list ul:last-child{
	margin-left:50px;
}
.auto-about-company-section .tab-box .tab-box-list ul>li{
	list-style:none;
	font-family: 'Heebo';
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: var(--color2);
	position:relative;
	padding-left:30px;
	padding-bottom:15px;
}
.auto-about-company-section .tab-box .tab-box-list ul>li:last-child{
	padding-bottom:0;
}
.auto-about-company-section .tab-box .tab-box-list ul>li:before{
	content:'\52';
	font-weight: 600;
	font-family: ETmodules;
	position:absolute;
	color:var(--color1);
	font-size:20px;
	left:0;
}
@media (max-width: 980px){
	.auto-about-company-section.et_section_specialty>.et_pb_row{
		display:block!important;
	}
}
@media (max-width: 768px){
	.auto-about-company-section .et_pb_tabs_controls li{
		margin-bottom:20px!important;
	}
	.auto-about-company-section .et_pb_tabs_controls li:last-child{
		margin-bottom:0px!important;
	}
	.auto-about-company-section ul.et_pb_tabs_controls,
	.auto-about-company-section .tab-box .tab-box-list{
		display:block!important;
	}
	.auto-about-company-section .tab-box .tab-box-list ul:last-child{
		margin-left:0px!important;
	}
	.auto-about-company-section .tab-box .tab-box-list ul>li:last-child{
		padding-bottom:15px!important;
	}
	.auto-about-company-section .et_pb_specialty_column{
		margin-bottom:15px!important;
	}
}

/* Testimonial page */
.auto-testimonial-page .et_pb_blurb_container{
	padding-left:15px;
}
.auto-testimonial-page h3.et_pb_module_header{
	color:var(--color1)!important;
	padding-bottom:3px!important;
}
.auto-testimonial-page .et_pb_blurb_description{
	color:var(--color2)!important;
}

/* faq */
.auto-faq-section .et_pb_toggle_close{
	background: #FFFFFF;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px!important;
	border:unset!important;
}
.auto-faq-section .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before {
	content: "\4b"!important;
	font-weight: 900;
	display: block!important;
	line-height: 25px;
	border-radius: 50%;
	font-size: 15px;
	color:#fff!important;
	position: absolute;
	right: 0;
	left: auto;
	top: 33%;
	margin-top: -0.5em;
}
.auto-faq-section .et_pb_toggle_close h5.et_pb_toggle_title{
	color:var(--color2)!important;
}
.auto-faq-section .et_pb_toggle_title:before{
	font-weight:700!important;
	color:var(--color2)!important;
}
@media (max-width: 1258px){
	.auto-faq-section h5.et_pb_toggle_title{
		min-height:60px;
	}
}
@media (max-width: 980px){
	.auto-faq-section h5.et_pb_toggle_title{
		min-height:auto!important;
	}
}

/* contact */
.auto-contact-section .et-pb-icon,
.auto-contact-section .et_pb_text_inner p {
	color:var(--color1)!important;
}
.auto-contact-section h3.et_pb_module_header{
	color:var(--color2)!important;
}
.auto-form-section .et_contact_bottom_container,
.auto-appoientment-section .et_contact_bottom_container{
	float:left!important;
	margin-top:15px;
}
.auto-form-section .et_pb_module .et_pb_button,
.auto-appoientment-section .et_pb_module .et_pb_button{
	padding:11px 30px 12px 20px!important;
}

/* Book Appoinntment */
.auto-appoientment-section h2.et_pb_module_header{
	color:var(--color2)!important;
}
.auto-appoientment-section .et_pb_contact_select{
	border: 1px solid #D9D9D9!important;
	padding: 14px 16px!important;
}
.auto-appoientment-section .et_pb_contact_form_label {
	display: block!important;
	font-family: 'Heebo';
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--color2)!important;
}
.auto-appoientment-section p.et_pb_contact_field{
	margin-bottom: 30px!important;
}
.auto-appoientment-section .et_pb_contact_field[data-type=select]:after{
	top: 66%!important;
	right: 18px!important;
}

/* Filter Project */
.auto-filter-project .et_pb_portfolio_items{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
}
.auto-filter-project .et_pb_portfolio_filters li {
	padding: 0 7px;
}
.auto-filter-project .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	border: 2px solid #D9D9D9!important;
	color:var(--color2)!important;
	border-radius:0!important;
	background-color:transparent!important;
	transition:all .5s ease;
}
.auto-filter-project .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover,
.auto-filter-project .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
	border: 2px solid var(--color1)!important;
}
@media (max-width: 980px){
	.auto-filter-project .et_pb_portfolio_items{
		grid-template-columns: repeat(2,1fr);
	}
}
@media (max-width: 767px){
	.auto-filter-project .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: 100%;
		margin-bottom: 10px;
	}
	.auto-filter-project .et_pb_portfolio_items{
		grid-template-columns: repeat(1,1fr);
	}
}

/* Project Filter  */
.auto-filter-project .auto-project-filter-2-column .et_pb_portfolio_items{
	grid-template-columns: repeat(2,1fr)!important;
}
.auto-filter-project .auto-project-filter-4-column .et_pb_portfolio_items{
	grid-template-columns: repeat(4,1fr)!important;
}
@media (max-width: 980px){
	.auto-filter-project .auto-project-filter-4-column .et_pb_portfolio_items{
		grid-template-columns: repeat(2,1fr) !important;
	}	
}
@media (max-width: 767px){
	.auto-filter-project .auto-project-filter-2-column .et_pb_portfolio_items ,
	.auto-filter-project .auto-project-filter-4-column .et_pb_portfolio_items{
		grid-template-columns: repeat(1,1fr) !important;
	}	
}

/* Project Filter No Gutter */
.auto-filter-project .auto-nogutter .et_pb_portfolio_items,
.auto-filter-project .auto-nogutter .et_pb_ajax_pagination_container {
	gap: 0px!important;
}

/* Gallery Without Filter Column */
.auto-project .auto-project-2-col .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(2,1fr);
}
.auto-project .auto-project-3-col .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(3,1fr)!important;
}
.auto-project .auto-project-4-col .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(4,1fr)!important;
}
@media (max-width: 980px){
	.auto-project .auto-project-3-col .et_pb_ajax_pagination_container ,
	.auto-project .auto-project-4-col .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(2,1fr) !important;
	}	
}
@media (max-width: 767px){
	.auto-project .auto-project-2-col .et_pb_ajax_pagination_container ,
	.auto-project .auto-project-3-col .et_pb_ajax_pagination_container ,
	.auto-project .auto-project-4-col .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(1,1fr) !important;
	}	
}

/* 404 */
.auto-404 h1.et_pb_module_header{
	color:var(--color1)!important;
	margin-bottom:20px;
}
.auto-404 .et_pb_promo_description p{
	color:var(--color2)!important;
}
.auto-404 .et_pb_button_wrapper .et_pb_button{
	padding:11px 30px 12px 20px!important;
	margin-top:40px!important;
}
.auto-404 .et_pb_contact .et_pb_button{
	position:absolute;
	right:0;
	top:0;
	right: 42px;
	top: 13px;
}
.auto-404 .et_pb_search input.et_pb_searchsubmit {
	cursor: pointer;
	padding: 24px;
	background:transparent!important;
}

/* Blog Details */
.auto-blog-details span.author>a:before {
	content: '\e08a';
	position: absolute;
	left: 0px;
	top: 0;
	font-family: 'ETMODULES';
	color: var(--color1)!important;
	font-size: 18px;
	line-height: 20px;
}
.auto-blog-details span.author>a {
	position: relative;
	padding-left: 23px;
}
.auto-blog-details p.et_pb_title_meta_container>a {
	position: relative;
	padding-left: 50px;
}
.auto-blog-details p.et_pb_title_meta_container>a:before {
	content: '\e058';
	position: absolute;
	left:25px;
	font-family: ETModules;
	color: var(--color1)!important;
}
.auto-blog-details h2.entry-title{
	color:var(--color2)!important;
} 
.auto-blog-details .details-post .et_pb_post{
	display: flex;
	align-items: center;
	margin-bottom:0!important;
	column-gap:20px;
	padding:0 0 25px;
}
.auto-blog-details .et_pb_post .entry-featured-image-url{
	max-width:110px;
	width:100%;
	margin-bottom:0;
	min-height: 100px;
}
.auto-blog-details .et_pb_post .entry-featured-image-url img{
	min-height: 100px;
}
.auto-blog-details .et_pb_image .et_pb_image_wrap,
.auto-blog-details .et_pb_image .et_pb_image_wrap img {
	width:100%;
}
.auto-blog-details .et_pb_social_media_follow li a.icon:before{
	color:var(--color1)!important;
	border-radius:50px;
	border:1px solid var(--color1)!important;
	width:25px;
	height:25px;
	line-height:25px;
	transition: all .5s ease;
}
.auto-blog-details .et_pb_social_media_follow li a {
	margin-right: 11px!important;
}
.auto-blog-details .et_pb_social_media_follow li {
	margin-bottom: 0px!important;
}
.auto-blog-details .et_pb_social_media_follow li a.icon:hover:before{
	background:var(--color1);
	color:#fff!important;
}
.auto-blog-details .et_pb_column_single,
p.comment-form-url {
	padding:0!important;
}

/* Service Details */
.auto-service-details h2.et_pb_module_header{
	color:var(--color2)!important;
}
.auto-service-details h3.et_pb_module_header{
	padding:16px 0 17px 30px;
	color:var(--color2)!important;
}
.auto-service-details .service-list{
	padding:0!important;
	list-style:none;
}
.auto-service-details .service-list li a {
	list-style: none;
	padding: 16px 0 16px 30px;
	font-family: 'Heebo';
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	color: #7A7A7A;
	position: relative;
	transition: all 0.5s ease;
	cursor: pointer;
	display: block;
}
.auto-service-details .service-list li a:before{
	content:'';
	position:absolute;
	background:var(--color1);
	width:4px;
	height:0px;
	left:0;
	top:0;
	transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	-webkit-transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	-ms-transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	opacity:0;
}
.auto-service-details .service-list li a:hover:before{
	height:100%;
	opacity:1;
}
.auto-service-details .service-list li:hover a ,
.auto-service-details .et-pb-icon {
	color: var(--color1)!important;
}
.auto-service-details .et_pb_blurb_container h6.et_pb_module_header {
	color: var(--color2)!important;
	padding-bottom: 0!important;
	padding-left: 20px;
}
.auto-service-details .et_pb_image .et_pb_image_wrap{
	margin-bottom:0!important;
}
@media (max-width: 980px){
	.auto-service-details .service-list li{
		font-size: 22px;
		line-height: 32px;
	}
}
@media (max-width: 767px){
	.auto-service-details .service-list li{
		font-size: 20px;
		line-height: 30px;
	}
}

/* Project Details */
.auto-project-details .et-pb-icon {
	color: var(--color1)!important;
}
.auto-project-details .et_pb_blurb_container h6.et_pb_module_header {
	color: var(--color2)!important;
	padding-bottom: 0!important;
	padding-left: 20px;
}
.auto-project-details h2.entry-title,
.auto-project-details h3.et_pb_module_header{
	color: var(--color2)!important;
}

/* Project Tag */
.auto-blog-section.auto-home-project-section .et_pb_post {
	box-shadow:none;
}
.auto-blog-section.auto-home-project-section .et_pb_post .auto-project-detail {
	display:none;
}

/* blog-left Image */
.auto-blog-section.auto-blog-left .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(1,1fr);
}
.auto-blog-left .et_pb_post {
	position: relative;
	display: flex;
	align-items: center;
	box-shadow: 0px 0px 15px -4px rgb(0 0 0 / 25%);
}
.auto-blog-left .et_pb_post:after {
	content:none;
}
.auto-blog-left .et_pb_post .auto-blog-detail {
	margin: 0;
	width: 100%;
	max-width: 400px;
	height:100%;
}
.auto-blog-left .et_pb_post .entry-featured-image-url img {
	width: 100%;
	max-width: 100%;
	height:100%;
}
.auto-blog-left .et_pb_post .auto-blog-info {
	width:100%;
}
.auto-blog-section .blog-box-right .et_pb_post {
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media (max-width: 980px){
	.auto-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr)!important;
	}
	.auto-blog-left .et_pb_post,
	.auto-blog-section .blog-box-right .et_pb_post {
		flex-direction:column;
	}
	.auto-blog-left .et_pb_post .auto-blog-detail {
		max-width:100%;
	}
	.auto-blog-left .et_pb_post h3.entry-title{
		min-height:84px;
	}
}
@media (max-width: 767px){
	.auto-blog-section .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr)!important;
	}
	.auto-blog-left .et_pb_post h3.entry-title{
		min-height:auto!important;
	}
}

/* Project Carousel */
.auto-project-carousel .et_pb_portfolio_image.landscape,
.auto-project-carousel .auto-project-carousel-detail,
.auto-project-carousel .et_pb_portfolio_image .meta>a {
	position:relative;
	transition: all .5s ease;
}
.auto-project-carousel .et_pb_portfolio_image.landscape:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: all .5s ease;
}
.auto-project-carousel .et_pb_portfolio_image.landscape:after{
	content: "\4c";
	font-family: ETModules;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 40px;
	transition: all 0.5s ease;
	opacity: 0;
	z-index: 999999999;
}
.auto-project-carousel .auto-project-carousel-detail:before{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 999999999;
	transition: all 600ms ease;
}
.auto-project-carousel .auto-project-carousel-detail:after{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 9999999999;
	transition: all 600ms ease;
}
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:before{
	content: "";
	background: #fff;
	width: 1px;
	height: 50%;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	position: absolute;
	z-index: 99999999999;
	left: auto;
	right: 15px;
	top: auto;
	bottom: 15px;
	transition: all 600ms ease;
}
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:after{
	content: "";
	background: #fff;
	width: 50%;
	height: 1px;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	position: absolute;
	z-index: 99999999999;
	top: auto;
	bottom: 15px;
	left: auto;
	right: 15px;
	transition: all 600ms ease;
}
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item{
	transition: all .5s ease;
}
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover .auto-project-carousel-detail:before,
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover .auto-project-carousel-detail:after ,
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover:before,
.auto-project-carousel  .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover .et_pb_portfolio_image.landscape:before,
.auto-project-carousel .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover .et_pb_portfolio_image.landscape:after{
	opacity:1;
}
.auto-project-carousel .et-pb-arrow-next, .auto-project-carousel .et-pb-arrow-prev {
	z-index: 9999999999999;
	color:#fff!important;
}
.auto-project-carousel .et_pb_fullwidth_portfolio:hover .et-pb-arrow-prev{
	left: 10px;
}
.auto-project-carousel .et_pb_fullwidth_portfolio:hover .et-pb-arrow-next{
	right: 10px;
}
.auto-project-carousel .et_overlay:before {
	content: none;
}

/* Pre-Loader CSS */
.tu-preloader {
	background-color:#ffffff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	overflow:hidden !important;
	z-index:9999999999999999;
}
.tu-preloader .tu-status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	background-size:cover;
	margin:-50px 0 0 -50px;
}
.tu-loader {
	text-indent:-99999em;
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(186,16,16,0.3);
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.tu-loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(186,16,16,0.6);
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.tu-loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--color1);
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Pre-Loader End  */

#commentform {
	padding-bottom: 0;
	display:flex;
	flex-direction:column;
}
#commentform .comment-form-comment {
	order:4;
}
#commentform .comment-form-cookies-consent {
	order:5;
}
#commentform .form-submit {
	order:6;
	text-align:left;
}