@charset "utf-8";
/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/



a {
	color:#090746;
	text-decoration:none;
}

a:hover {
	color:#fdd246;
}

p {
	font-size:18px;
}

h1 {
	font-size:36px;
	text-transform:uppercase;
	font-weight: 700;
}

h6 {
	font-size:20px;
	text-transform:uppercase;
	color:#fdd246;
	font-weight: 600;
}

body {
	-webkit-text-size-adjust: none;
	color:#090746;
	font-family:'Rajdhani', Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.wrap {
	max-width:1300px;
	margin:0 auto;
	width:96%;
}

header {
	width:100%;
	border-bottom:solid 2px #fdd246;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.5),rgba(255,255,255,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.5),rgba(255,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,1)); /*Standard*/
	transition: all 0.4s ease;
	position:fixed;
	z-index:999999;
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .3); 
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .3); 
	box-shadow:0px 0px 8px rgba(0, 0, 0, .4);
}

#logo {
	width:17%;
	float:left;
	transition: all 0.4s ease;
}

.bbb {position:absolute; top:27%; left:27.5%;}
@media screen and (max-width: 1700px) {.bbb {left:24%;}}
@media screen and (max-width: 1480px) {.bbb {top:26%; left:20.5%;}}
@media screen and (max-width: 1330px) {.bbb {top:26%; left:18%;}}
@media screen and (max-width: 1300px) {.bbb {position: relative; top:0; left:18%;}}
@media screen and (max-width: 970px) {.bbb {position: relative; top:0; left:10%;}}

#topcontact {
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
	width: auto;
	float:right;
	text-align:right;
	padding:3% 0 10px 0;
	font-size:18px;
	transition: all 0.4s ease;
}

.toplinks {
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:600;
}
#topcontact a {	
	text-shadow: 0 0 5px #fff,0 0 5px #fff;
}

header.sticky {
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.8),rgba(255,255,255,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.8),rgba(255,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,1)); /*Standard*/
}

header.sticky #logo {
	width:15%;
}

header.sticky #topcontact {
	width:auto;
	padding:1% 0 0;
}

/***** Slideshow *****/

#slideshow {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:9;
	background:#090746; 
}

.cycle-slideshow { width:100%; }

.cycle-slideshow img { width:100%; float:left; }

/* pager */
.pager { width:96%; margin:-130px 0 -2px; position:relative; z-index:999; float:left; padding:0 2%;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#ddd\9; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#fdd246;}
.pager > * { cursor:pointer;}

#overslide {
	width:100%;
	float:left;
	background:rgba(9,7,70,0.7);
	color:#fdd246;
	text-align:center;
	font-size:30px;
	padding:20px 0;
	text-transform:uppercase;
	font-family:'Rajdhani', Helvetica, Arial, sans-serif;
	font-weight:600;
	margin-top:-78px;
	position:relative;
	z-index:999;
}

.ie8 #overslide, .ie7 #overslide {
	background:#090746;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding:10px 0;
	background:#fdd246;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/***** Main Home *****/
#pay-online {
	display: inline-block;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	color: black;
	background: #fdd246;
	box-shadow: 0px 0px 6px 2px black;
	border-radius: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#pay-online:hover {
	background: #090746;
	color: white;
}
.fourths {
	width:25%;
	float:left;
	border-left:solid 1px #090746;
	border-right:solid 1px #090746;
	border-top:solid 2px #090746;
	border-bottom:solid 2px #090746;
	box-sizing:border-box;
	background:#090746;
}

.fourths h3 {
	font-size:24px;
	text-transform:uppercase;
	font-weight: 600;
	background:#fdd246;
	width:96%;
	float:left;
	padding:3% 2%;
	text-align:center;
	transition: all 0.4s ease;
	margin-top:-20px;
	position:relative;
}

.fourths img {
	width:100%;
	float:left;
	opacity:0.4;
	transition: all 0.4s ease;
}

.fourths:hover img {
	opacity:0.8;
}

.fourths:hover h3 {
	background:#090746;
	color:#fff;
}

#mainparallax { 
    /* The image used */
    background-image:url(../siteart/location.jpg);

    /* Set a specific height
    height: 300px;*/

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	float:left;
}

#manulogos {
	width:100%;
	display: flex;
	justify-content: center;

	padding:10px 0;
	background:rgba(255,255,255,0.7);
}

#manulogos img {
	width:10%;
	float:left;
	margin:0 3%;
}

#welcome {
	width:100%;
	float:left;
	padding:5% 0;
	text-align:center;
	background:rgba(175,193,223,0.55);
}

.welcomewrap {
	max-width:800px;
	margin:0 auto;
	width:96%;
}

#map {
	width:100%;
	float:left;
	border-bottom:solid 2px #fdd246;
	border-top:solid 2px #fdd246;
}

/***** Inventory *****/

#topimg {
	width:100%;
	margin-bottom:30px;
}

/***** About *****/

#main {
	width:100%;
	float:left;
	padding:0 0 30px;
}

/***** Contact *****/

.thirds {
	width:30.33%;
	float:left;
	margin:3% 3% 3% 0;
}

/***** Parts *****/

#gal_container {
    margin:0 auto;
    text-align:center;
}

#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
    height:177px;
    margin:0 5px 5px 0;
	border:1px #666666 solid;
}

/*===================== 
	form styles 
=======================*/

.form {
	margin:0 auto;
	text-align:left;
	padding:0;
	width:100%;
	float:left;
}

.split {
	width:46%;
	float:left;
	margin:0 2%;
}

form.myform {
	margin: 0 0 0 0;
	padding:0;
	}

.myform label {
	padding:.5em;
	display:inline-block;
	width:100%;
	margin-bottom:20px;
	cursor: pointer;
	line-height: 2;
	position: relative;
	}
	.myform label:hover,
	.myform label:active,
	.myform label:focus
	 {
		
		}

.select {
	width:20%!important;
	float:left;
}

.myform input{
	padding:.5em;
	width:70%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	color: #000;
	background:rgba(255,255,255,0.6);
	}
	.myform input:focus {
		background:#fff;
		color:#000;
		outline: none;
		border: 1px #bbb solid;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		}

.myform input.small{
	width:10%;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	color: #000;
	background:rgba(255,255,255,0.6);
	margin-top:10px;
	}
	.myform input:focus {
		background:#fff;
		color:#000;
		outline: none;
		border: 1px #bbb solid;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		}



.myform textarea{
	padding:.5em;
	width:96%;
	height: 130px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	color: #000;
	background:rgba(255,255,255,0.6);
	}
	.myform textarea:focus {
		background:#fff;
		color:#000;
		outline: none;
		border: 1px #bbb solid;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.15);
		}

.myform select{
	padding:.5em;
	width:72%;
	float:right;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	line-height:26px;
	background:rgba(255,255,255,0.6);
}

.myform input.checkbox {
	width:30px;
	margin:10px 0 0;
	display:inline-block;
	vertical-align:middle;
	float:left;
	border:0;
}

.myform label.checkbox {
	float:left;
	margin:0 25px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	font-size:16px;
	line-height:20px;
	width:70%;
}


label.required:before {
	content: "*";
	position: absolute;
	top: 6px;
	left: 2px;
	color: #E40307;
}

input.btn {
	background:#090746;	
	color:#FFF;
	text-align:center;
	border: none;
	padding:6px 12px;
	margin-right:10px;
	display:inline-block;
	float: left;
	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-appearance: none;
	font-weight:400;
	font-size:16px;
	text-transform:uppercase;
	}
	
input.btn:hover {
	background:#fdd246;
	color:#090746;
}

.captcha-container {
	width:100%; 
	text-align:center;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
	
.CaptchaPanel {
	width:40%;
	margin:10px auto!important;
}
	
.CaptchaImagePanel, 
.CaptchaMessagePanel, 
.CaptchaAnswerPanel, 
.CaptchaWhatsThisPanel {
	margin:0px 0px 0px !important; 
	font-size:13px;
	color: #000;
	text-align: center !important;
}
	
.CaptchaWhatsThisPanel {
	line-height: 3;
}
	
.CaptchaWhatsThisPanel a{
	color:#000;
}
	
.CaptchaWhatsThisPanel a:hover{
	color:#ccc;
}
	
img#CaptchaImage {
	width:85% !important;
	max-width:200px;
}
	
#CaptchaAnswer {
	width:100%;
}
	
.form-btns {
	width:185px;
	margin:0 auto;
}

/***** Footer *****/

#footparallax { 
    /* The image used */
    background:#090746 url(../siteart/SemiTrailers.jpg);

    /* Set a specific height */
    height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
	width:100%;
	float:left;
}

footer {
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
	width:100%;
	float:left;
	padding:3% 0;
}

footer p, footer a {
	color:#fff;
}

#bottomcontact {
	width:50%;
	float:left;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fdd246;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}

.divfooter {width:50%; text-align:center; float:left; color:#fff; line-height:14px;}


nav.primary {
	background: transparent;
}
@media screen and (max-width: 1300px) { 
    #logo {
		width: 25%;
		display: block;
		margin: 0 auto;
		float: none;
    }
    #topcontact {
		width: auto;
		float: none;
		display: block;
		margin: 0 auto;
		text-align: center;
    }
    nav.primary {
        width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
		text-align: center;
    }
	#topimg {
		margin-bottom:130px;
	}

}

@media screen and (max-width: 1270px) { 
	
	.pager {
		margin: -125px 0 -2px;
	}
	
	#overslide {
		font-size: 25px;
		margin-top: -73px;
	}

}

@media screen and (max-width: 1060px) { 
    
	.pager {
		margin: -116px 0 -2px;
	}
	
	#overslide {
		font-size: 22px;
		margin-top: -68px;
	}
	
	#gal_container img {
		height:auto;
		width:30.5%;
		margin:1%;
	}
	
}

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

	.pager {
		margin: -50px 0 -2px;
		text-align: center;
	}
	
	#overslide {
		font-size:20px;
		margin-top:0;
		background:#090746;
	}
	
	.fourths h3 {
		font-size:20px;
	}
	
	#topcontact {
		padding: 5% 0 0;
        font-size: 15px;
        width: auto;
		text-align: center;
		float: left;
	}
	
	header.sticky #topcontact {
		padding:3% 0 0;
	}


	header {
		background: -webkit-linear-gradient(bottom,rgba(255,255,255,0.5),rgba(255,255,255,1));
		background: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,1));
		background: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,0,0,1));
		background: linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,1));
	}
	
	header.sticky {
		background: -webkit-linear-gradient(bottom,rgba(255,255,255,0.8),rgba(255,255,255,1)); /*Safari 5.1-6*/
		background: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,0,0,1)); /*Fx 3.6-15*/
		background: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,1)); /*Standard*/
	}
	
	#logo {
		width: 27%;
		float: none;
		margin: 0 auto;
	}
	
	header.sticky #logo {
		width:20%;
	}
	
	#topcontact, header.sticky #topcontact {
		width: auto;
		text-align: center;
		padding: 5px 0;
	}
	
	#manulogos img {
		width: 16%;
		margin: 0 2%;
	}
	
	.split {
		width:96%;
		margin:0 2%;
	}
	
	.CaptchaPanel {
		width: 70%;
	}

}

@media screen and (max-width: 830px) {
	
	.fourths h3 {
		font-size:18px;
	}
	
	header.sticky #menu-button {
		margin-top:-105px;
	}
	
	.thirds {
		width:47%;
	}
	
	#topcontact, header.sticky #topcontact{width: 100%;}
}

@media screen and (max-width: 760px) {
	
	h6 {
		text-align: center;
	}
	
	#footparallax {
		height: auto;
	}
	
	#bottomcontact {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.divfooter {
		width: 100%;
	}
	
	#map iframe {
		height:250px;
	}
	
	.toplinks {
		display:none;
	}
	
	#menu-button, header.sticky #menu-button {
		margin-top:-60px!important;
	}
	
}

@media screen and (max-width: 680px) {
	
	.fourths {
		width: 50%;
	}
	
	.fourths h3 {
		font-size:20px;
	}
	
	#gal_container img {
		width:46.8%;
		margin:1%;
	}
	
}

@media screen and (max-width: 550px) {
	#pay-online{display: block; margin-top: 10px;}
	
	header {
		background:#fff;
		position:relative;
	}
	
	#logo, header.sticky #logo {
		width:42%;
	}
	
	#menu-button, header.sticky #menu-button {
		margin-top:-100px!important;
	}
	
	#manulogos{display: flex; flex-direction: column; align-items: center;}
	
	#manulogos img {
		width: 27.33%;
		margin: 0 3%;
	}
	
	h1 {
		font-size: 28px;
	}
	
	#footparallax {
		height: auto;
		background-attachment: scroll;
		background-size:cover;
	}
	
	#bottomcontact {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 0; /* Chrome, Safari, Opera */
		-moz-column-gap: 0; /* Firefox */
		column-gap: 0;
	}
	
	#topimg {
		margin-bottom:20px;
	}
	
	#topimg img {
		display:none;
	}
	
	.thirds {
		width:100%;
		margin:3% 0;
		text-align:center;
	}
	
}

@media screen and (max-width: 390px) {
	
	.fourths {
		width: 100%;
	}
	
	#gal_container img {
		width:100%;
		margin:1% 0;
	}
	
	.CaptchaPanel {
		width: 90%;
	}
	
}

@media screen and (max-width: 345px) {
	
	#logo, header.sticky #logo {
		width:65%;
	}
	
	#manulogos img {
		width: 42%;
		margin: 0 4%;
	}
	
}