/* BEGIN RESET */
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, font, 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{background: transparent;border: 0;margin: 0;padding: 0;	}
ol, ul{list-style: none;}
ul.bullet-list{list-style:disc;margin-left: 15px;font-size: 14px;}
strong{font-family: 'roboto_condensedbold',sans-serif;font-weight: normal;}
img{max-width: 100%; height: auto;}
.margin-tb{margin: 25px 0;}

/* TEXT/LINK FORMATTING */

@font-face{font-family: 'roboto_condensedlight'; src: url('/fonts/RobotoCondensed-Light-webfont.eot'); src: url('/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('/fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'roboto_condensedregular'; src: url('/fonts/RobotoCondensed-Regular-webfont.eot'); src: url('/fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('/fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('/fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'roboto_condensedbold'; src: url('/fonts/RobotoCondensed-Bold-webfont.eot'); src: url('/fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('/fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal;}

::-moz-selection{background: #bb2529; color: #fff; text-shadow: none;}
::selection{background: #bb2529; color: #fff; text-shadow: none;}

h1{font-family: 'roboto_condensedbold'; color: #fff; font-size: 32px; line-height: normal; text-transform: uppercase;}
h2{font-family: 'roboto_condensedbold'; color: #fff; font-size: 24px; line-height: normal; text-transform: uppercase;}
h3{font-family: 'roboto_condensedbold'; color: #000; font-size: 18px; line-height: normal;}
h4{font-family: 'roboto_condensedbold'; color: #bb2529; font-size: 18px; line-height: normal;}
p{font-family: 'roboto_condensedlight'; font-size: 16px; line-height: 32px;}
a{color: inherit;transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
a:hover{color: #bb2529;}
a.btn{display: block;font-family: 'roboto_condensedbold'; font-size:14px;text-decoration: none;text-align: center; background: #bb2529;color: #fff;cursor: pointer;padding: 10px 0;max-width: 350px;}
a.btn:hover{background: #9C1518;}
.white{color: #fff;}

h2.parking {font-family: 'roboto_condensedbold';color: #bb2529;font-size: 18px;line-height: normal;}
h3.parking-black {font-family: 'roboto_condensedbold';color:#000;font-size: 18px;line-height: normal;}

.parking-list li {list-style:circle;margin-left:20px;}
/* SITE FRAMEWORK */
body{
	font-family: 'roboto_condensedlight';font-size: 16px; line-height: 28px;	
	background:#111 url("/siteart/bg-pattern.jpg") repeat;
}

body.invlisting{
	font-family: 'roboto_condensedlight';font-size: 16px; line-height: 28px;	
	background:transparent !important;
}

.main-container{max-width: 1100px;margin: 50px auto;}
.sitecontainer{position: relative;max-width: 1100px;margin: 0 auto;}
.box{box-sizing: border-box;padding: 25px;background: #fff;border: 2px #777 solid;}
.column3-4{width:75%; float:left; padding-right: 35px; box-sizing: border-box;}
.column2{width:50%; float:left; padding-right: 25px; box-sizing: border-box;}
.column3{width:33.33333%; float:left; padding-right: 25px; box-sizing: border-box;}
.column4{width:25%; float:left; padding-right: 25px; box-sizing: border-box;}
.column5{width:20%; float:left; padding-right: 25px; box-sizing: border-box;}
.column6{width:16.66666%; float:left; padding-right: 25px; box-sizing: border-box;}
.last{padding-right:0;}
.spacer{padding: 0 10px;}

.center-2-3 {margin-left:16.666666%;}

/* HEADER */
.header-container{position: fixed;top: 0;width: 100%;z-index: 9999999999;}
.top-header{background: #1b5393;border-bottom: 1px #fff solid;}
#phone{float: left;font-family: 'roboto_condensedbold';color: #fff;padding: 3px 0;}
#phone a[href^="tel:"] {text-decoration:none; color: #fff;}
#cart{float: right;color: #fff;}
#cart a{display:block; border-left: 1px #fff solid; border-right: 1px #fff solid; padding: 3px 25px;}
#cart a:hover{background: #09396F; color: #fff;}
#header{background: #fff;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}
#logo{float: left;width: 225px;padding: 10px 0;transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.push{height: 142px;}
.shrink{background: #fff !important; background-color: rgba(255, 255, 255, 0.8);}
.shrink #logo{width: 100px; padding: 7px 0 0;}
.shrink #phone{display:none;}

/* STYLES */
.cycle-slideshow{position: relative;}
.cycle-slideshow img{width: 100%; height: auto;}

.cycle-controls{width:100%;position:absolute;top:40%;}
#prev{float: left;margin-left:25px;position: relative; z-index: 9999;}
#next{float:right;margin-right:25px;position: relative; z-index: 9999;}

.cycle-controls img{cursor:pointer;opacity:.8}
.cycle-controls img:hover{cursor:pointer;opacity:1}
.cycle-pager{ text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0; overflow: hidden;}
.cycle-pager span{ font-family: arial; font-size: 36px; width: 14px; height: 14px;  display: inline-block; color: #fff; cursor: pointer; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.cycle-pager span.cycle-pager-active{color: #287EE0;}
.cycle-pager > *{cursor: pointer;}
.hero{position: relative; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);}
.hero img{display: block;}
.catalog select{width: 100%;padding: 7px 10px;border:1px solid #DFDFDF;margin: 5px 0 15px;box-sizing: border-box;}
.projects{background: #fff;border-bottom: 2px #777 solid;padding: 25px;box-sizing: border-box;margin-bottom: 15px;}
.job-post{margin: 10px 0;box-sizing: border-box;padding: 25px;background: #fafafa;border: 1px #ccc solid;}
.job-post h3{font-size: 22px; color: #1b5393; margin-bottom: 10px;}
.service{text-align: center;font-size: 22px;line-height: 32px;}
.service h3{font-size: 24px; text-transform: uppercase; color:#1b5393;}
.part-logos{margin: 20px 0;}
.part-logos img{max-width: 100%; margin: 25px 0; padding:0 15px; box-sizing: border-box;}

/* DETAILED SEARCH */
#truck-searchbox, #trailer-searchbox{display: none;}
#truck-search, #trailer-search{display: inline-block;background: #777;color: #fff;font-family: 'roboto_condensedbold';font-size: 16px;padding: 15px 35px;cursor: pointer;}
#truck-search:hover, #trailer-search:hover{background: #fff; color: #1b5393 !important;}
.active{background: #fff !important; color: #1b5393 !important;}
.search{background: url(../siteart/search.jpg) top center;padding: 20px;box-sizing: border-box;border-bottom: 5px #09396F solid;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}
.search h2{font-size: 32px;text-align: center;margin: 10px 0 25px;}
.search input{width: 100%; padding: 13px 10px;margin-bottom: 20px; font-size: 12px; background-color: #fff; border: 1px solid #aaa;box-sizing: border-box;color: #555;}
.search select{width: 100%; padding: 12px 6px;margin-bottom: 20px; font-size: 12px; background-color: #fff; border: 1px solid #aaa;box-sizing: border-box;color: #555;}
.search input[type="submit"]{font-family: 'roboto_condensedbold'; font-size: 14px;text-transform: uppercase;background: #1b5393;color: #fff; padding: 12px 14px;border: 1px #aaa solid; width: 100%; outline: none;transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;cursor: pointer;position: relative;}
.search input[type="submit"]:hover{background: #09396F;}
.search input[type="reset"]{font-family: 'roboto_condensedbold'; font-size: 14px;text-transform: uppercase;background: #ccc;border: 1px #fff solid; padding: 12px 14px;transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;cursor: pointer;}
.search input[type="reset"]:hover{background: #aaa;}
.advanced-search{display: none;width: 300px;background: #1b5393;font-family: 'roboto_condensedbold';font-size: 14px;text-align: center;text-decoration: none;color: #fff;margin: 5px auto 15px;padding: 10px 0;border-radius: 5px;}
.advanced-search:hover{background: #09396F; color: #fff;}
.services{width: 100%;text-align: center;}
.services th{font-family: 'roboto_condensedbold'; font-weight: normal;}
.services th, .services td{width: 33.3333%; border: 1px #ccc solid; padding: 3px 0;}
.about{text-align: center;font-family: 'roboto_condensedbold';font-size: 18px;color: #fff;margin-bottom: 15px;}
.about img{-webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);}

/* ZOOM */
.tiles{background: #333;}
.zoom-container{float: left;width: 25%;position: relative;overflow: hidden;display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px #fff solid;}
.zoom-container img{display: block;width: 100%;height: auto;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.zoom-container .zoom-caption{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;background: rgba(0, 0, 0, .6);-webkit-transition: all .5s ease; -moz-transition: all .5s ease;  -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.zoom-container .zoom-caption h4{display: block; width:90%; text-align: center;font-family: 'roboto_condensedbold';font-size: 24px;text-transform: uppercase;color: #fff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.zoom-container .zoom-caption h3{display: block; width:90%; text-align: center;font-family: 'roboto_condensedbold';font-size: 22px;text-transform: uppercase;color: #fff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); position: absolute; top:30%; left: 50%; transform: translate(-50%, -50%);}
.zoom-container .zoom-caption h5{display: block; width:90%; text-align: center;font-family: 'roboto_condensedlight';font-size: 20px;text-transform: uppercase;color: #d9d9d9;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); position: absolute; bottom:22%; left: 50%; transform: translate(-50%, -50%); opacity:.9;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.zoom-container:hover .zoom-caption h5 {bottom:20.5%; opacity:.3;}
.zoom-container:hover .zoom-caption{background:none;}



/* FORM */
#form{box-sizing: border-box;padding: 25px;background: #fafafa;border: 1px #ccc solid;}
#form input{width: 98%;padding: 10px;border:1px solid #DFDFDF;margin: 5px 0 15px;box-sizing: border-box;}
#form textarea{width: 98%;padding: 10px;border:1px solid #DFDFDF;margin: 5px 0 15px;height: 70px;box-sizing: border-box;}
#form select{width: 98%;padding: 10px;border:1px solid #DFDFDF;margin: 5px 0 15px;box-sizing: border-box;}
#form input[type="checkbox"]{margin:5px 10px 0 0; width:13px; height:13px; display:inline;}
#form input[type="radio"]{margin:5px 10px 0 0; width:15px; height:15px; display:inline;}
#form input.button,#form input.button:focus{font-family: 'roboto_condensedbold'; width:200px;  background: #bb2529; font-size:14px;color: #fff;cursor: pointer;padding: 10px !important;}
#form input.button:hover{background: #9C1518;}
.CaptchaPanel{margin:0 0 0 0 !important;padding:0 0 0 0 !important;text-align: left !important;line-height:normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.CaptchaImagePanel{margin:0 0 0 0;padding:0 0 0 0;}
.CaptchaMessagePanel{padding:0 0 0 0 !important;margin:0 0 0 0 !important;font-weight:normal !important;font-size:12px;line-height:14px;}
.CaptchaAnswerPanel{margin:0 0 0 0;padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height:0;margin:0 0 0 0;padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color:#000;}
.CaptchaWhatsThisPanel a:hover{text-decoration:none;}





.manu-title{background: #fff;text-align: center;width:calc(100% - 2px);height: 120px;border:1px #b1b1b1 solid;margin: 0 0 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.manu-title img{position: relative;top: 50%;transform: translateY(-50%);cursor: pointer;}

.hy_Blue {background:#003082;}
.mac_Pink {background:#a52e44;}
.ml_Blue {background:#013475;}
.man_Black {background:#000;}
.man_White {background:#fff;}
.cl_Blue {background:#202072;}
.de_Red {background:#d81b2c;}
.ret_Blue {background:#2B3666;}
.ga_Gray {background: rgb(208,208,208); background: radial-gradient(circle, rgba(208,208,208,1) 0%, rgba(230,230,230,1) 95%);}
.br_Black {background:#171717;}
.re_Red {background:#d2232a;}


h3.show-title {margin:0 0 8px 0; font-size:30px; text-transform:uppercase; color:#0F0F0F;}
h3.show-title:nth-of-type(n+2) {margin:30px 0 8px 0; padding:30px 0 0 0; border-top:1px #ebebeb solid;}


 /* FOOTER STYLES */
.manus{padding: 35px 0;background: #1b5393;color: #fff;text-transform: uppercase;text-align: center;border-top: 5px #09396F solid;}
.manu-box{background: #fff;text-align: center;width: 100%;height: 80px;border: 3px #b1b1b1 solid;margin: 0 0 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.manu-box img{position: relative;top: 50%;transform: translateY(-50%);cursor: pointer;}
.manu-box:hover{border: 3px #BA1E23 solid;cursor: pointer;}
.footer{padding: 35px 0;background: #333;color: #fff;line-height: 28px;border-top: 5px #09396F solid;}
.footer a{text-decoration: none;}
.footer a[href^="tel:"] {text-decoration:none; color: #fff;}

.footer a:hover{color: #bb2529;}
#social{margin: 35px 0 0;}
#social a{margin: 0 10px 0 0;}
a.facebook{display: inline-block;background: url(../siteart/facebook.png) no-repeat;width: 40px;height: 40px;}
a.facebook:hover{background: url(../siteart/facebook-hover.png) no-repeat;}
a.youtube{display: inline-block;background: url(../siteart/youtube.png) no-repeat;width: 40px;height: 40px;}
a.youtube:hover{background: url(../siteart/youtube-hover.png) no-repeat;}
.bottom-footer{padding: 8px 0;background: #000;border-top: 1px #999 solid;font-family: 'roboto_condensedbold';font-size: 14px;color: #999;}
.bottom-footer a{text-decoration: none;}
.bottom-footer a:hover{color: #fff;}
#host{float: left;}
#copyright{float: right;}
.clear{clear:both;}




/*** CREDIT APP STYLES ***/
.form-50-wrap{
	display:flex;
	flex-flow: row wrap;
}

.form-50{
	width:48%;
	margin-right:1%;
}

.form-33{
	width:32%;
	margin-right:1%;
}

.form-50 input, .form-33 input{width:100%!important;}

.button-credit, .button-credit:focus{font-family: 'roboto_condensedbold'; width:245px;  background: #bb2529; font-size:14px;color: #fff!important;cursor: pointer; padding: 10px !important;text-decoration: none;margin-bottom:10px;display:inline-block;text-align: center;}
.button-credit:hover{background: #9C1518;}

@media screen and (max-width: 950px){
	.form-50, .form-33{width:100%;margin-right:0;}
}

/* RESPONSIVE STYLES */
.black{background: #000;}

@media screen and (max-width: 1200px) and (min-width: 941px){
	.container, .main-container{padding: 0 25px;}
	.show-box .zoom-container {width:33.3%;}
}
@media screen and (max-width: 940px) and (min-width:481px){
	.container{padding: 0 25px;}
	.container, .main-container{padding: 0 25px; margin: 20px auto;}
	input, select{-webkit-appearance: none; border: none; }
	.hide{display: none;}
	.advanced-search{display: block;}
	.column3-4, .column3{float: none; width: 100%; padding-right: 0; margin-bottom: 15px;}
	.column2, .column4{width: 50%; margin: 8px 0;}
	.center-2-3 {margin-left:0%;}
    .search .column3{float: left; width: 50%; padding-right:25px; margin-bottom: 0;}
	#header .container{padding: 0; margin: 0 auto; background: #fff;}
	.top-header .container{margin: 0; padding: 0;}
	#logo{float:none; width: 100%; text-align: center;}
	#logo img{width: 250px;}
	#phone{width: 100%; text-align: center;}
	#cart{display: none;}
	.push{height: 202px;}
	.hero{margin-top: 0;}
	.cycle-controls{display:none;}
	.zoom-container{width: 50%;}
	
	.show-box .zoom-container h5{font-size:13px;}
}

/*@media screen and (max-width: 768px){
	.show-box .zoom-container {width: 100%;}
}*/

@media screen and (max-width: 480px){
	.container{padding: 0 25px;}
	.container, .main-container{padding: 0 25px; margin: 20px auto;}
	input, select{-webkit-appearance: none; border: none; }
	.hide{display: none;}
	.spacer{display:block;}
	.advanced-search{display: block;}
	.column3-4{margin-bottom: 15px;}
	.column3-4, .column2, .column3, .column4, .column5{float:none; width: 100%; margin: 12px 0; padding-right: 0;}
	.center-2-3 {margin-left:0%;}
    #header .container{padding: 0; margin: 0 auto; background: #fff;}
	#logo{float:none; width: 100%; text-align: center;}
	#logo img{width: 200px;}
	.top-header{display: none !important;}
	#cart{display: none;}
	.push{height: 151px;}
	.hero{margin-top: 0;}
	.cycle-controls, .cycle-pager{display: none;}
	.zoom-container{width: 100%;}
	.search{background: #777;}
	.search h2{margin: 0;}
	.search select, .search input{margin-bottom:0;}
	.bottom-footer .container{margin: 0px;}
	#host, #copyright{float: none; width: 100%; text-align: center;}
}