/* 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 { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}
*/

* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:10px 0;
}



#widget-jzTrLYNfn7zrKH1wy7sQ5J {bottom:64px !important;}

@media screen and (max-width:786px){
	#widget-jzTrLYNfn7zrKH1wy7sQ5J {bottom:128px !important;}
}
 
.inner-wrap {padding:30px 3% !important;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:calc(100% - 40px);
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#000;
	border-bottom:10px solid #044F9C;
}

.logo{
	text-align:left;
	display:inline-block;
	padding:20px;
	vertical-align: bottom;
	position: absolute;
	left:0;
	top:50px;
	z-index: 9;
}

.logo img{
	width:360px;
}

.header-right{
	width:calc(100% - 400px);
	display: inline-block;
	text-align: right;
	margin:0 auto;
}

.header-contact{
	display: block;
	width:100%;
	text-align: right;
	margin:0 auto;
	color:#fff;
	padding:30px 0;
}

.header-contact a{color:#fff; text-decoration: none;}

.hc-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin:0 auto;
	text-align: center;
}

.hc-half p{
	padding:5px 0;
	text-align: center;
	color:#fff;
	font-size:20px;
}

.hc-half img{
	width:45%;
	max-width: 200px;
	text-align: center;
	margin:0 auto;
	display: inline-block;
}





/* HOME PAGE STYLES
-----------------------------------------------*/
.texture-bg{
	background: url(../siteart/light-wool-texture.png) #000;
}
.cta-bar{
	width:100%;
	display: inline-block;
	padding:10px 0;
	text-align: center;
	margin:0 auto;
}

.cta-bar a{text-decoration: none;}

.cta{
	background: #044F9C;
	width:23%;
	margin:10px;
	display: inline-block;
	height:300px;
	padding:4% 0;
	text-align: center;
	vertical-align: middle;
	transition:ease .3s;
}

.cta:hover{background:#033C76; transition:ease .3s;}

.cta .fa{
	font-size:72px;
	color:#fff;
	text-shadow:4px 2px 3px #02366C;
}

.cta h3{
	text-transform: uppercase;
	text-align: center;
	padding:20px 0;
	color:#fff;
	font-weight:500;
	text-shadow:4px 2px 3px #02366C;
	font-size:22px;
}

.welcome-section{
	width:100%;
	display: inline-block;
	text-align: center;
	margin:0 auto;
	padding:60px 0 60px 30px;
}


.welc-left{
	width:40%;
	display: inline-block;
	vertical-align: top;
	margin:0 auto;
	padding:0 30px 0 0;
	text-align: left;
}

.welc-left h1{
	color:#fff;
	text-transform: uppercase;
	font-weight:400;
	font-size:30px;
	padding:10px 0 20px 0;
}

.welc-left .welcome-bold{
	color:#ED1E24;
	font-size:40px;
	font-weight:500;
}

.welc-left p{color:#fff; font-size: 18px; text-align: left;}

.welc-right{
	width:59%;
	display: inline-block;
	vertical-align: top;
	margin:0 auto;
	padding: 0 0 0 30px;
}



/* LINK BOXES */


.invlinkbox{float: left; width: 25%; height: 310px; margin: 0; background: center center no-repeat #f7f7f7; position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0);  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border: 1px solid #fff; box-sizing: border-box; cursor: pointer}
.invlinkbox a{color: #fff}
.invlinkbox a:hover{color: #feda2f}
.invlinkbox p a{text-decoration: underline; }
.invlinkbox::before{content: ' '; position: absolute; top: 255px; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .6)}
.invlinkbox:hover::before{background: rgba(0, 0, 0, .8); top: 0}
.caption__media{display: block; min-width: 100%; max-width: 100%; height: auto}
.caption__overlay{position: absolute; top: 0; right: 0; left: 0; padding: 10px; color: #fff; -webkit-transform: translateY(255px); transform: translateY(255px); transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out}
.invlinkbox:hover .caption__overlay{-webkit-transform: translateY(0); transform: translateY(0)}
.caption__overlay__title{transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out}
.invlinkbox:hover .caption__overlay__title{-webkit-transform: translateY(0); transform: translateY(0)}

@media screen and (max-width: 1300px){
	.parts-request{position: relative; -ms-transform: none; -webkit-transform: none; transform: none; top: -15px; left: 0; width: 200px;}
}




/* SUB PAGES
------------------------------------------------*/
.sub-wrapper {
	width:calc(100% - 40px); 
	max-width:1300px;
	margin:0 auto;
	padding:80px 20px;
	position:relative;
}
.sub-wrapper.inv-wrapper {width: auto; max-width: none;}
.sub-wrapper h1{
	font-size:28px;
	text-transform: uppercase;
	font-weight:500;
	padding:0 15px 10px 0;
	border-bottom:10px solid #ED1E24;
	display: inline-block;
	margin-bottom:20px;
}




/*product lines page*/

.product-lines{
	width:100%;
	display: inline-block;
	text-align: center;
	margin:0 auto;
}

.product{
	width:20%;
	display: inline-block;
	vertical-align: middle;
	margin:10px;
	text-align: center;
	border:1px solid #eee;
}

.product img{
	width:100%;
	display: block;
	opacity:0.6;
	transition:ease .3s;
}

.product:hover img{opacity:1; transition:ease .3s;}

/* Contact page */

.contact-info{
	width:35%;
	display: inline-block;
	margin:0 auto;
	text-align: center;
}

.ci-top{
	border:1px solid #eee;
	display: block;
	width: 100%;
	margin-bottom:10px;
	padding:10px 15px;
}
.ci-third{
	width:100%;
	display: block;
	vertical-align: top;
	margin:0 auto;
	text-align: left;
	padding:5px 0;
}

.ci-third p{
	text-transform: uppercase;
	padding:10px 0;
	color:#000;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.ci-third .fa{display: inline-block; padding:0 5px; vertical-align: middle;}

.ci-third a{color:#000; text-decoration: none;}
.ci-third a:hover{color:#ED1E24;}

.contact-map{
	width:64%;
	display: inline-block;
	vertical-align: top;
}


.ci-bottom{
	border:1px solid #eee;
	display: block;
	width: 100%;
	padding:10px 15px;
	text-align: left;
	line-height: 2;
}

.ci-bottom h3{text-transform: uppercase; font-weight: 500;}
.ci-bottom p{padding: 10px 0;}
.ci-bottom a{color:#000; text-decoration: none;}
.ci-bottom a:hover{color:#ED1E24;}



/* Parts page */

.manus {width:100%; margin:0 auto; text-align: center; margin-bottom: 20px;}
.manus img {text-align: center; width: 15%; padding:5px 15px;}


/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#044F9C !important;
}
.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error{font-size:12px;}
.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:28px;
	text-transform: uppercase;
	font-weight:500;
	padding:0 15px 10px 0;
	border-bottom:10px solid #ED1E24;
	display: inline-block;
	margin-bottom:20px;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:#000;
	padding:30px 0;
}

.footer a{
	color:#fff;
	text-decoration:underline;
}

.footer a:hover{
	color:#fff;
	text-decoration:none;
}

.foot-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color:#fff;
	margin:0 auto;
}

.foot-half:last-child{text-align: right;}

.foot-half p{color:#fff; font-size:12px; padding:0;}


@media screen and (max-width:1600px){
	.cta{height:200px; padding:30px 0;}
}

@media screen and (max-width:1400px){
	.hc-half p{font-size:16px;}
}

@media screen and (max-width:1280px){
	.welc-left h1{font-size:24px;}
	.welc-left .welcome-bold{font-size:30px;}
	.welc-left p{font-size:16px;}
	.welc-left{width:50%;}
	.welc-right{width:49%;}
}


@media screen and (max-width:1170px){
	.header-right{width:100%;}
	.logo{position: relative; width:calc(100% - 40px); text-align: center; top:0;}
	.logo img{margin:0 auto;}
	.header{border-bottom: none;}
	
	.cta{height:170px; margin:5px;}
	.cta .fa{font-size:52px;}
	.cta h3{font-size:18px;}
}

@media screen and (max-width:1000px){
	.invlinkbox{width: 33%; height:225px;}
	.invlinkbox::before{top:0;}
	.caption__overlay{top:-255px;}
}

@media screen and (max-width:900px){
	.welcome-section{padding:30px;}
	.welc-left{width:100%;padding:0;}
	.welc-right{width:100%;padding:30px 0;}
	
	.product{width:27%;}
	
	.contact-info{width:100%; height:auto;}
	.contact-map{width:100%;}
	.ci-bottom{margin-bottom: 10px;}
}

@media screen and (max-width:830px){
	.cta{height: auto; width:98%; padding:20px;}
	.cta .fa{display: inline-block; vertical-align: middle; padding:0 15px; font-size:42px;}
	.cta h3{display: inline-block; vertical-align: middle; font-size: 20px;}
	
	.manus img {text-align: center; width: 50%; padding:5px 15px;}

}

@media screen and (max-width:675px){
	.hc-half p{font-size:14px;}
	
	.sub-wrapper{padding:60px 20px;}
	
	.invlinkbox{width: 50%;}
}

@media screen and (max-width:575px){
	.header-contact{padding:0;}
	.hc-half{width:100%; padding:10px 0;}
	
	.cta{text-align: left; width:97%;}
	
	.sub-wrapper h1{font-size:22px;}
}

@media screen and (max-width:450px){
	.logo img{width:100%;}
	
	.cta{padding:15px;}
	.cta h3{font-size:16px;}
	.cta .fa{font-size: 35px;}
	
	.welc-left h1{font-size:22px;}
	.welc-left .welcome-bold{font-size:26px;}
	
	.product{width:43%;}
	.product img{opacity:1;}
	
	.foot-half{width:100%; text-align: center; padding-bottom:10px;}
	.foot-half:last-child{text-align: center;}
	
	.invlinkbox{width: 100%;}
}








