@charset "utf-8";
/* CSS Document */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*{
	box-sizing: border-box;
	}
a {
	text-decoration: none;
	color: inherit;
	}
body {
	font-family: "Varela Round", sans-serif;
	overflow-x: hidden;
	}
.container {
	max-width: 95vw;
	margin: 0 auto;
	}
header {
	background: #5aba47;
	border-bottom: 5px solid #1a1a1a;
	}
#inner-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 1rem .5rem;
	}
#header-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: end;
	    align-items: flex-end;
	line-height: 1.8;
	color: #fff;
	}
ul#social {
	display: -ms-flexbox;
	display: flex;
	margin-top: 1rem;
	}
ul#social a {
	height: 45px;
	width: 45px;
	background: #1a1a1a;
	border-radius: 100%;
	margin: 0 1rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	transition: .2s all ease-in-out;
}
ul#social a:after {
	font-family: FontAwesome;
	font-size: 24px;
	color: #fff;
	}
ul#social a:nth-child(1):after {
	content: "\f09a";
	}
ul#social a:nth-child(2):after {
	content: "\f0e0";
	}
ul#social a:nth-child(3):after {
	content: "ebay";
	font-size: 1rem;
	font-family: "Varela Round", sans-serif;
	}
ul#social a:nth-child(3) {
	margin-right: 0;
	}
ul#social a:hover {
	background: #fff;
	}
ul#social a:hover:after {
	color: #000;
	}
aside {
	background: #237139;
	transition: .2s all ease-in-out;
	z-index: 4;
	min-width: 320px;
	}
#menuBtn {
	display: none;
	}
ul#nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	line-height: 1.7;
	}
ul#nav li {
	color: #fff;
	border-bottom: 2px solid rgba(255,255,255,.25);
	padding: .75rem 2rem;
	font-size: 21px;
	font-family: "Oswald", sans-serif;
	transition: .2s all ease-in-out;
	}
ul#nav li:hover {
	background: #fff;
	color: #237139;
	}
#aside-btm {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	}
#aside-btm img {
	margin: .75rem 0 0 2rem;
	max-width: 208px;
	}
#hours {
	margin: .75rem 0 0 2rem;
	color: #fff;
	font-family: "Oswald", sans-serif;
	line-height: 1.6;
	font-size: 21px;
	}
main {
	display: -ms-flexbox;
	display: flex;
	}
#about {
	width: 100%;
	position: relative;
	}
#about h1 {
	text-align: center;
	margin: 1rem 0;
	font-family: "Oswald", sans-serif;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 1px;
	color: #237139;
	padding: 0 .5rem;
	line-height: 1.2;
	}
#slider {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 800px;
	height: 400px;
	padding: 0 .5rem;
	position: relative;
	z-index: 1;
	background: url("../graphics/slider3.jpg");
	transition: .2s all ease-in-out;
	box-shadow: 0px 0px 10px #000;
	/*animation: slider 16s linear infinite;*/
	}
/*@keyframes slider {
	0%,24% {
		background-position: center left;
		}
	25%,49% {
		background-position: -800px;
		}
	50%,74% {
		background-position: -1600px;
		}
	75%,99% {
		background-position: -2400px;
		}
	}*/
ul#buttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 0;
	}
ul#buttons li {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: #fff;
	margin: .5rem 1rem;
	border: 2px solid #5aba47;
	}
ul#buttons li:hover {
	cursor: pointer;
	}
ul#buttons li:active {
	background: #f30201;
	}
/*#slider img {
	height: auto;
	width: 100%;
	box-shadow: 0px 3px 12px #000;
	}*/
#top-call {
	z-index: 100;
	padding: 0 1rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: start;
	    justify-content: flex-start;
	padding-top: 1rem;
	-ms-flex-align: center;
	    align-items: center;
	height: 360px;
	text-align: center;
	}
#top-call h1 {
	font-size: 21px;
	background: rgba(255,255,255,.85);
	color: #f30201;
	padding: .5rem 1rem;
	margin: 0;
	margin-bottom: 1rem;
	text-align: center;
	}
#top-call p {
	color: #1a1a1a;
	background: rgba(255,255,255,.85);
	padding: .5rem 1rem;
	font-size: 14px;
	max-width: 35ch;
	text-align: center;
	line-height: 1.3;
	}
#info {
	line-height: 1.7;
	font-size: 16px;
	max-width: 840px;
	margin: 0 auto;
	margin-top: 2rem;
	padding: 0 .5rem;
	}
#info h3 {
	text-align: center;
	}
#info a {
	color: #237139;
	text-decoration: underline;
	}
h1#calltoday {
	color: #237139;
	font-size: 4vw;
}



/***************************** PARTS SEARCH PAGE ***************************/


iframe.parts {
	height: 420px;
	width: 90%;
	overflow: hidden;
	margin: 2rem 1rem;
	margin-right: 10rem;
	border: 5px solid #237139;
	}
.search-option {
	position: relative;
	}
#parts-search h2 {
	font-family: "Oswald", sans-serif;
	padding: 1rem 0;
	text-align: center;
	width: 225px;
	font-size: 24px;
	margin-top: 10px;
	margin-left: 15px;
	background: #237139;
	color: #fff;
	border: 3px solid #5aba47;
	display: inline-block;
	position: relative;
	z-index: 1;
	}
.triangle {
	position: absolute;
	border-bottom: 25px solid transparent;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
	border-top: 25px solid #237139;
	left: 190px;
	top: 70px;
	z-index: 0;
	}
p.copy-other {
	text-align: center;
	padding: .25rem .5rem;
	color: #fff;
	}

/*************************GUARANTEES AND RETURNS PAGE *******************************/

.about-returns h2 {
	font-family: "Oswald", sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 1rem;
	}
.about-returns span {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	}
	
/**************************** PAYMENT AND SHIPPING PAGE *********************************/

ol#shipping li {
	list-style: decimal;
	list-style-position: inside;
	}
p.copy {
	color: #fff;
	background: #5aba47;
	text-align: center;
	padding: 1rem .5rem;
	width: 100%;
	}
	
/*** SELL YOUR CAR PAGE - FORM ************************************/

#mailForm {
	margin: 1rem auto;
	padding: 1rem;
}
#mailForm h1 {
	font-size: 16px;
}
#mailForm label {
	color: #333;
	font-weight: 700;
}
#mailForm .junkerDetails {
	border: 3px double #333;
	margin: .5em 0;
	padding: 1em;
}
#mailForm .fixed {
	display: inline-block;
	width: 10ch;
}
#mailForm .block {
	display: block;
	margin-bottom: 1em;
}
#mailForm .req, #mailForm label.req {
	color: #900;
}
#mailForm .note, #check {
	margin: 1em 0;
}
#mailForm textarea {
	box-sizing: border-box;
		height: 6em;
	outline: none;
	resize: none;
}
#mailForm input[type="submit"], #mailForm input[type="reset"] {
	background: #ccc;
	background: linear-gradient(to bottom, #ccc 0%, #999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc', endColorstr='#999',GradientType=0 );
	color: #333;
}
#mailForm input[type="submit"]:hover, #mailForm input[type="reset"]:hover {
	background: #f00;
	background: linear-gradient(to bottom, #f00 0%, #900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00', endColorstr='#900',GradientType=0 );
	color: #fff;
	border-color: #f00;
}
	
/************************************ MAP AND DIRECTIONS PAGE ******************************************/
h2.center {
	text-align: center;
	}
iframe#map {
	height: 400px;
	width: 100%;
	margin: 0 auto;
	}	
#direction-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	}
ul.directions {
	margin: 1rem .5rem;
	}
ul.directions p {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-weight: 700;
	}
ul.directions p span {
	color: #237139;
	}
p.copy-other {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	color: #fff;
	background: #5aba47;
	}
	
/*********************** CC EMPLOYMENT FORM PAGE ******************************/

#forms {
 		display: -ms-flexbox;
 		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-direction: column;
		    flex-direction: column;
		}
#forms a.form {
	color: #fff;
	background: #5aba47;
	padding: 1rem 2rem;
	text-align: center;
	margin: 1rem 3rem;
	transition: .2s all ease-in-out;
	text-decoration: none;
	}
#forms a.form:hover {
	background: #237139;
	}
	
/****************************** DOWNLOAD OUR APPS PAGE ******************************/

#apps {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 100%;
	-ms-flex-align: center;
	    align-items: center;
	}
#apps img {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
	height: auto;
	width: 100%;
	margin: 1rem 0;
	}
	
@media all and (max-width: 767px) {
	#inner-header {
		-ms-flex-direction: column;
		    flex-direction: column;
		}
	#header-right {
		-ms-flex-align: center;
		    align-items: center;
			font-size: 14px;
		}
	#logo img{
		max-width: 90vw;
		}
	main {
		-ms-flex-direction: column;
		    flex-direction: column;
		}
	#about h1 {
		margin: 1rem 0;
		}
	#menuBtn {
		width: 100%;
	display: -ms-flexbox;
	
	display: flex;
	-ms-flex-pack: flexend;
	    justify-content: flex-end;
	-ms-flex-align: center;
	    align-items: center;
	z-index: 400;
	margin: 0;
	font-size: 2rem;
	position: relative;
	background-color: #237139;
	}
#menuBtn i {
	padding: .5rem 1rem .5rem 0;
	color: #fff;
	}
	aside {
		display: none;
		position: absolute;
		z-index: 101;
		}
aside.active {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
			height: auto;
			width: 100%;
			z-index: 50000;
			overflow-x: hidden;
			padding-top: 0;
			background: #5aba47;
				}
aside li {
	text-align: left;
	padding: 1rem 0rem 1rem 1rem;
	font-size: 16px;
	width: 100vw;
	color: #fff;
}
aside li:hover {
	background: #fff;
	color: #000;
	}
aside img {
	max-width: 208px;
	}
#top-call {
	-ms-flex-pack: start;
	    justify-content: flex-start;
	padding-bottom: 0;
	-ms-flex-align: center;
	    align-items: center;
	height: 360px;
	}
#top-call p {
	text-align: center;
	}
h1#calltoday {
	font-size: 6vw;
	}
p.copy {
	text-align: center;
	color: #fff;
	background: #5aba47;
	}
/*parts search page mobile */
iframe {
	overflow-x: hidden;
	}
iframe.parts {
	width: 95%;
	overflow: hidden;
	}
/*sell your car page - form mobile */
#mailForm .junkerDetails {
		margin: 0;
		margin-top: .5em;
	}
	#mailForm .block2 {
		display: block;
		margin-bottom: .5em;
	}
	#mailForm textarea {
		min-width: 30ch;
		max-width: 100%;
	}
/*** map page mobile ****/
#direction-wrap {
	-ms-flex-direction: column;
	    flex-direction: column;
	}
/*apps mobile*/
#apps img {
	max-width: 80vw;
	}
}


@media all and (max-width: 320px) {
	#header-right {
		-ms-flex-align: center;
		    align-items: center;
			font-size: 12px;
		}
	}