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

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	font-family: 'Raleway', sans-serif;
	line-height:1!important;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;


/*==========================
ALL PAGES
============================*/

h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif;;font-weight:700;text-transform:uppercase;}

.wrap {width:95%;margin:0 auto;max-width:1400px;}
.manuwrap {width:95%;margin:0 auto;max-width:1200px;}

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

header {width:100%;float:left;position:relative;z-index:1;}

.tophead {width:100%;float:left;background:#262626;border-bottom:1px solid #989898;height:35px;position:relative;z-index:0;}

.tophead p {width:100%;text-align:right;color:#fff;text-transform:uppercase;font-size:16px;vertical-align:middle;padding-top:7px;}

.tophead p a {color:#fff;text-decoration:none;}

.tophead p a:hover {
	color:#e39c06!important;
}

.tophead p .fa {color:#40b2e1;margin-right:5px;}

.middlehead {width:100%;float:left;background:#262626}

.logo {width:300px;float:left;background:#3e3e3e;padding:35px 20px;box-sizing:border-box;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border:1px solid #989898;border-top:none;margin-top:-35px;position:relative;z-index:0;margin-bottom:-50px;}
.logo img {width:100%;max-width:270px;margin:0 auto;display:block;}

.bottomhead {width:100%;float:left;position:relative;z-index:-1;overflow-x:hidden;}
.bottomhead img {width:auto;height:50px;float:left;margin-top:-5px;}

.margleftright {margin:0 20px;}

/*==========================
TOP SECTION
============================*/

.topmain {width:100%;float:left;background:url("../siteart/topbg.jpg");background-size:100%;background-attachment:fixed;z-index:0;position:relative;margin-top:-50px;}

.hometrucks {width:35%;float:left;overflow-x:hidden;margin-top:70px;}
.hometrucks img {width:100%;float:left;margin-left:0%;z-index:0;position:relative;}

.welcomes {width:40%;float:left;margin-left:-5%;margin-top:130px;position:relative;z-index:-1;margin-bottom:100px;}
.welcomes h2 {width:100%;float:left;text-align:center;color:#fff;font-size:25px;letter-spacing:20px;text-transform:uppercase;font-weight:500;margin-bottom:10px;}
.welcomes img {width:100%;float:left;}
.welcomes a {background:#222a70;padding:3px;box-sizing:border-box;width:100%;float:left;margin-top:10px;
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* IE 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;}

.welcomes a:hover {background:#84d2f6;}

.welcomes a:hover  h3 {color:#222a70;border:3px solid #222a70;}

.welcomes a h3 {width:100%;float:left;border:3px solid #84d2f6;color:#84d2f6;text-align:center;text-transform:uppercase;font-size:25px;font-weight:700;padding:15px 10px;box-sizing:border-box;}

/*==========================
scrolls
============================*/
.scrolls {width:100%;float:left;background:#e39c06;padding:5px 0;border-top:5px solid #262626;border-bottom:5px solid #262626;}
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*==========================
CTAS
============================*/

#newhalf {background:url("/siteart/new.jpg");background-size:cover;background-position:center;}
#usedhalf {background:url("/siteart/used.jpg");background-size:cover;background-position:center;width:50.5%;margin-left:-.5%;}

.halves {width:50%;float:left;background:#fff;}

.ctatext {width:100%;max-width:350px;margin:200px 0;}

.halves h2 {color:#262626;text-transform:uppercase;width:100%;text-align:center;font-size:35px;margin-bottom:10px;}

.halves a {color:#fff;background:#e39c06;padding:10px 15px;box-sizing:border-box;width:100%;max-width:150px;margin:0 auto;display:block;font-weight:bold;font-size:18px;text-align:center;text-transform:uppercase;text-decoration:none;
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* IE 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;}

.halves a:hover {background:#84d2f6;}

#newhalf .ctatext {float:right;}

#usedhalf .ctatext {float:left;}

/*==========================
MANUS
============================*/

.manus {width:100%;float:left;background:#e39c06;padding:40px 0;}
.manubar {width:calc(100% - 525px);float:left;background:#f0b73f;height:5px;margin-top:10px;}
.manutitle {width:525px;float:right;padding-left:20px;box-sizing:border-box;}
.manutitle h2 {width:100%;float:right;text-align:right;color:#f0b73f;text-transform:uppercase;font-size:35px;font-weight:700;}

.manu {width:16.66%;float:left;padding:20px 10px 10px;box-sizing:border-box;}

.manu img {width:100%;display:block;margin:0 auto;max-width:125px;}

/*==========================
MAIN WELCOME
============================*/
.mainwelcome {
	width:100%;float:left;background:#fff url("../siteart/trees.png");background-size:100%;background-repeat:no-repeat;background-position:bottom;padding:75px 0;
}

.welcometitle {width:100%;float:left;margin-bottom:50px;}
.welcometitle h2 {width:100%;float:left;text-align:center;color:#757575;font-size:22px;text-transform:uppercase;letter-spacing:10px;font-weight:500;line-height:40px;}

.welcometitle img {width:100%;max-width:500px;margin:0 auto;display:block;}

.mainleft {width:calc(100% - 450px);padding:20px 30px 20px 0;box-sizing:border-box;float:left;}
.mainwelcome p {color:#000;font-size:18px;line-height:30px;}

.mainright {width:450px;float:right;padding:20px 0 20px 30px;box-sizing:border-box;border-left:1px solid #aaa;}

.mainright h3 {width:100%;float:left;text-transform:uppercase;font-size:20px;font-weight:700;margin-bottom:30px;line-height:30px;}
.mainright p {width:calc(100% - 40px);float:right;margin-bottom:20px;}
.mainright .fa {width:40px;float:left;text-align:left;font-size:25px;color:#222a70;margin-top:3px;}


/*==========================
MAP SECTION
============================*/

.mapsection {width:100%;float:left;padding:30px 0;background:url("/siteart/roadbg.jpg");background-size:cover;background-position:center;background-attachment:fixed;}

.mapinfo {width:calc(100% - 600px);float:left;background:rgba(255,255,255,.60);border:1px solid #fff;box-sizing:border-box;padding:30px 0 10px;margin-top:40px;}

.mapinfo h2 {text-align:center;width:100%;float:left;color:#000;text-transform:uppercase;font-size:22px;margin-bottom:15px;font-weight:700;}

.mapinfo p {width:100%;float:left;margin-bottom:30px;}

.orangebutton a {width:100%;max-width:200px;margin:0 auto;text-align:center;color:#fff;background:#e39c06;text-transform:uppercase;font-weight:700;font-size:16px;display:block;margin:0 auto;padding:10px;box-sizing:border-box;text-decoration:none;
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* IE 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;}
.orangebutton a:hover {background:#84d2f6;}

.mapconnect {width:100%;float:left;border-top:1px solid #fff;padding:10px 0 0;}

.mapconnect h3 {width:100%;float:left;text-align:center;color:#000;vertical-align:middle;text-transform:uppercase;font-weight:700;}

.mapconnect img {width:40px;margin-left:20px;vertical-align:middle;
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* IE 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;

}
.mapimg {width:600px;float:left;}
.mapimg img {width:100%;max-width:450px;margin:0 auto;display:block;}

.mapconnect img:hover {  transform: scale(1.2);}

/*==========================
FOOTER
============================*/

footer {width:100%;float:left;background:#262626;}

.footnav {width:100%;float:left;border-top:1px solid #B7B7B7;border-bottom:1px solid #b7b7b7;}

.footnavwrap {width:95%;margin:0 auto;max-width:800px;}
.footnav p {width:100%;float:left;color:#fff;text-transform:uppercase;font-size:16px;font-weight:700;}
.footnav p a {color:#fff;text-decoration:none;padding:30px 64px;float:left;}

.footnav p a:hover {background:#e39c06;}

.footlogo {width:100%;float:left;border-bottom:1px solid #b7b7b7;padding:30px 0;}
.footlogo img {width:100%;margin:0 auto;display:block;max-width:250px;}

.bottomfoot {width:100%;float:left;background:#1b1b1b;padding:10px 0;}

.bottomfoot p {width:50%;float:left;color:#b7b7b7;font-size:10px;text-transform:uppercase;font-weight:600;}

/*==========================
SUBPAGES
============================*/

.title {width:100%;float:left;background:url("../siteart/roadbg.jpg");background-size:100%;background-attachment:fixed;z-index:-2;position:relative;margin-top:-50px;}

.title h1 {width:100%;float:left;padding:150px 0 100px;}
.title h1 img {width:100%;margin:0 auto;display:block;max-width:500px;}

.mapleft {width:400px;float:left;padding-right:20px;box-sizing:border-box;}

.mainmapright {width:calc(100% - 400px);float:left;height:300px;}

#extrapad {padding:120px 0;}

/**********************************************************************************************************************************************************************************************
***********************************************************************************************RESPONSIVE**************************************************************************************
***********************************************************************************************************************************************************************************************/
@media screen and (max-width: 1600px)  {
	.halves h2 {font-size:27px;}
	.ctatext {width:250px;}
}

@media screen and (max-width: 1445px)  {
	.hometrucks {margin-top:130px;}
	.topmain {background-size:cover;background-attachment:local;}
}

@media screen and (max-width: 1150px)  {
	.mapimg {width:100%;}
	.mapinfo {width:100%;}
}

@media screen and (max-width: 1050px)  {
	.halves {width:100%;}
	#usedhalf {width:100%;margin-left:0;}
	.ctatext {margin:150px 0;}
}

@media screen and (max-width: 1030px)  {
	.hometrucks {display:none;}
	.welcomes {width:95%;margin-left:0;float:none;margin:0 auto 120px;display:block;max-width:500px;}
	
	.welcomes h2 {font-size:22px;letter-spacing:10px;margin-top:100px;}
	.welcomes a {margin-bottom:100px;}
	
	.manu {width:33.33%;}
}
@media screen and (max-width: 950px)  {
	.mainleft {width:100%;padding:20px 0;}
	.mainright {width:100%;padding:20px 0;border-left:none;border-top:1px solid #aaa;}

}

@media screen and (max-width: 900px)  {
	.logo {width:200px;padding:25px 10px;margin-top:0px;}
	.tophead {display:none;}
	
	.footnavwrap {max-width:500px;}
	.footnav p a {padding:15px 27px;}
	
	.mapleft {width:100%;padding-right:0;}
	.mainmapright {width:100%;margin-top:20px;}
	#extrapad {padding:50px 0;}
	.title h1 {padding:100px 0 50px;}
	.title {background-size:cover;}
}

@media screen and (max-width: 600px)  {
	.manubar {display:none;}
	.manutitle h2 {width:100%;text-align:center;font-size:27px;padding-left:0;max-width:none;}
	.manutitle {width:100%;max-width:none;padding-left:0;border-bottom:5px solid #f0b73f;padding-bottom:10px;}
	.manus {padding:20px 0;}
	
}
	
@media screen and (max-width: 550px)  {
	.footnavwrap {max-width:330px;}
	.footnav p a {padding:10px 10px;font-size:14px;}
}
	
@media screen and (max-width: 500px)  {

	.ctatext {margin:50px 0 100px;}
	
	.mapinfo h2 {font-size:18px;}
	
	.mapconnect img {width:30px;margin-left:10px;}
	.bottomfoot p {width:100%;text-align:center!important;line-height:14px;}
	
	.ctatext {width:210px;}
}

@media screen and (max-width: 330px)  {
	.logo {width:165px;padding:20px 5px;}
}