/*
Theme Name: AUTO Child
Version: 1.0.0
Template: auto
*/
@import url("../auto/style.css");

@font-face {
    font-family: 'HKGrotesk Regular';
    src: url(fonts/HKGrotesk-Regular.eot);
    src: url(fonts/HKGrotesk-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/HKGrotesk-Regular.woff2) format('woff2'), url(fonts/HKGrotesk-Regular.woff) format('woff'), url(fonts/HKGrotesk-Regular.ttf) format('truetype'), url(fonts/HKGrotesk-Regular.svg#HKGrotesk-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'HKGrotesk Light';
    src: url(fonts/HKGrotesk-Light.eot);
    src: url(fonts/HKGrotesk-Light.eot?#iefix) format('embedded-opentype'), url(fonts/HKGrotesk-Light.woff2) format('woff2'), url(fonts/HKGrotesk-Light.woff) format('woff'), url(fonts/HKGrotesk-Light.ttf) format('truetype'), url(fonts/HKGrotesk-Light.svg#HKGrotesk-Light) format('svg');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'HKGrotesk-Bold';
    src: url(fonts/HKGrotesk-Bold.eot);
    src: url(fonts/HKGrotesk-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/HKGrotesk-Bold.woff2) format('woff2'), url(fonts/HKGrotesk-Bold.woff) format('woff'), url(fonts/HKGrotesk-Bold.ttf) format('truetype'), url(fonts/HKGrotesk-Bold.svg#HKGrotesk-Bold) format('svg');
    font-weight: 900;
    font-style: normal
}


/* ==========================================================================
   BASIC CSS START
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #000;
}

h1, .h1 {
	
}

h2, .h2 {
  	
}

h3, .h3 {
  	
}

h4, .h4 {
	
}

h5, .h5 {
 	
}

h6, .h6 {
 	
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  	color: #000;
  		-webkit-transition: color 0.1s linear;
  		-moz-transition: color 0.1s linear;
  	transition: color 0.1s linear;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  	color: #000;
}

a,
p a {
  	color: #FFC600;
  	text-decoration: underline;
  	cursor: pointer;
}

body {
  	font-family: 'HKGrotesk Regular', sans-serif;
  	font-size: 14px;
  	line-height: 26px;
  	color: #000;
  	font-weight: 400;
  	background-color: #f6f6f6;
  	overflow-y: scroll;
  	overflow-x: hidden !important;
  		-webkit-font-smoothing: antialiased;
}

nav.main_menu > ul > li > a {
	font-family: 'HKGrotesk Regular', sans-serif;
  	position: relative;
  	padding: 0 20px;
  	color: #fff;
  	text-transform: none;
  	font-weight: 400;
  	font-size: 18px;
  	letter-spacing: 0;
	display: block;
}

@media only screen and (min-width: 1200px) {
nav.main_menu > ul > li.active > a {
  	color: #bbbdc0 !important;
	text-decoration: underline !important;
	}
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3 {
	font-family: 'HKGrotesk Regular', sans-serif;
  	font-size: 22px;
  	font-weight: 400;
  	color: #fff;
  	padding: 3px 0px 3px 0;
  	display: block;
  	position: relative;
  	text-transform: none;
  	line-height: 24px;
  	letter-spacing: 0;
	text-decoration: none;
}

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a {
  	color: #bbbdc0 !important;
	text-decoration: underline !important;
}

/* ==========================================================================
   BASIC CSS END
   ========================================================================== */



/* ==========================================================================
   HEADER CSS
   ========================================================================== */

.header_bottom {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.header_inner_right img {
	width: 100%;
	max-width: 215px;
	margin-top: 3px;
}

@media only screen and (min-width: 1000px) {
	.logo_wrapper {
		display: none;
	}

	.home_logo_mobile {
		display: none;
	}
}

img.imgbeforetext {
	max-width: 250px;
}

.imgbeforetext img {
	max-width: 250px;
}

.page_content {
	max-width: 600px;
	margin: 15px auto 100px !important;
}

.page_content p {
	font-family: 'HKGrotesk Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	margin: 18px 0;
}

.page_content strong {
	font-family: 'HKGrotesk-Bold';
	font-weight: 900;
}

.page_content ul {
	list-style: none;
	margin-left: 30px;
}

.page_content ul li:before {
	content: "\f111";
	font-family: fontawesome;
	font-size: 4px;
	vertical-align: middle;
	padding-bottom: 0;
	margin-right: 15px;
	margin-left: -15px;
}

.page_content ul li {
	font-family: 'HKGrotesk Regular', sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 6px 0;
	color: #fff;
}

.page_content .wideimg img {
	width: 100%;
	max-width: 600px;
	margin: 40px 0 35px;
}

.page_content .longimg img {
	width: 100%;
	max-width: 400px;
	margin: 40px auto 35px;
	display: block;
}

.fancybox-title-outside {
	font-family: 'HKGrotesk Regular', sans-serif !important;
	color: #cfcfcf !important;
	font-size: 16px !important;
}

.home {
	height: 80vh;
	overflow: hidden !important;
		-webkit-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
	flex-flow: column wrap;
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  		-webkit-box-pack:center;
  		-webkit-justify-content:center;
  		-ms-flex-pack:center;
  	justify-content:center;
	background: #4C5155;
}

.home .home_logo_desktop img {
	padding-top: 100px;
	max-width: 800px;
}

table.pdb-signup {
	margin: 0 auto;
}


table.pdb-signup input {
  	display: block;
  	margin: 5px 0 0;
  	padding: 3px 15px;
  	border: 0;
  	border-radius: 0;
  	outline: 0;
  	resize: none;
  	font-size: 16px;
  	line-height: 20px;
  	background-color: #fff;
  	color: #000;
  	font-family: 'HKGrotesk-Bold', sans-serif;
  	font-weight: 700;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
 	 box-sizing: border-box;
  		-webkit-appearance: none;
	width: 240px;
	border-radius: 70px 70px 70px 70px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	text-align: center;
}

.customan {
	font-family: 'HKGrotesk Regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
}


input.pdb-submit  {
	padding: 4px 15px !important;
	background-color: #f2c93f !important;
	width: 130px !important;
	margin: 0 auto !important;
	text-align: center !important;
	margin-top: 30px !important;
	font-family: 'HKGrotesk Light', sans-serif !important;
	font-weight: 100 !important;
	font-size: 16px !important;
	color: #fff !important;
	cursor: pointer !important; 
	cursor: hand !important; 
	box-shadow: none  !important; 
	-webkit-box-shadow: none  !important; 
-moz-box-shadow: none  !important; 
}

.pdb-error p {
	font-family: 'HKGrotesk Regular', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	margin: 8px 0;
}

.pdb-footer {
	display: none !important;
}

@media only screen and (max-width: 1000px) {

	.header_bottom {
		box-shadow: none;
	}

	.header_inner_right img {
		display: none;
	}

	.home {
		height: 80vh;
		overflow: hidden !important;
			-webkit-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
		flex-flow: column wrap;
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  			-webkit-box-pack:center;
  			-webkit-justify-content:center;
  			-ms-flex-pack:center;
  		justify-content:center;
		background: #4C5155;
	}

	.home .home_logo img {
		margin-top:0;
	}

	.home_logo_desktop {
		display: none;
	}

	.home_logo_mobile {
		margin-top:-120px;
		max-width: 200px;
	}

	.page_content ul {
		list-style: none;
		margin-left: 0;
	}

	.footer_bottom { text-align: left !important; }
}

@media only screen and (max-width: 600px) {
	.registration_desktop {
		display: none;
	}

	.registration_mobile {
		margin-bottom: 60px !important;
	}
}

@media only screen and (min-width: 600px) {
	.registration_desktop {
		margin-top: 60px !important;
	}

	.registration_mobile {
		display: none;
	}
}


@media only screen and (max-width: 1600px) {
	.home .home_logo_desktop img {
		padding-top: 180px;
		width: 80%;
	}
}

@media only screen and (max-width: 1300px) {
	.home .home_logo_desktop img {
		padding-top: 180px;
		width: 70%;
	}
}

.mobile_menu_button img {
	width: 30px !important;
	height: 19px;
}

@media only screen and (max-width: 1000px) {
	.q_logo {
		
	}

	.bottom_logos {
		display: none;
	}

	.mobile_logos img {
		max-width: 120px;
		text-align: center;
	}

	.mobile_logos td {
		text-align: center !important;
	}

	.mobile_logos table {
		margin: 0 auto;
	}

	.hide_desktop img {
		max-width: 150px;
	}
}

@media only screen and (min-width: 1000px) {
	.mobile_logos {
		display: none;
	}

	.hide_desktop {
		display: none;
	}
}

.q_logo  {
		right: 200px !important;
	}

@media only screen and (max-width: 500px) {
	.q_logo  {
		margin-right: 200px !important;
	}	
}

.bottom_logos img {
	max-width: 100px;
}

.generalproimg img {
	max-width: 100px;
}