/* 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 { 
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Open Sans', sans-serif;
	
}

body {overflow-x: hidden;}

a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:20px 0;
}

h3, .heading-md {color:#d62027; text-transform: uppercase; font-weight: bold;}

.alt-heading {color:#000!important; font-style: italic; font-weight: normal!important;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

.wrapper {
	width:100%;
	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:#d62027;
	box-shadow: 2px 2px 5px #000;
	z-index: 99999;
}

.logo{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:20px 0 10px 0;
}
.logo img{
	width:80%;
	margin:0 auto;
}

.contact {
	text-align: center;
	width:95%;
}

.contact .heading-sm {
	color:#fff;
	font-size: 20px!important;
	font-weight: normal;
	
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    text-transform: uppercase;
	margin-top: 0;
	padding: 0;
}

.contact-inv .heading-sm {
    font-size: 20px!important;
	color:#fff!important;
	padding: 0 0 15px 0;
	text-align: center;
	font-weight: normal;
	
	margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    text-transform: uppercase;
	margin-top: 0;
}
.contact-inv a {color:#fff!important;}

.main-text {
	text-align: left;
	width: 90%;
	padding:10% 0 0 5%;
}

.welcome {
	text-transform: none!important;
	font-size: 15px!important;
	font-weight: bold;
}

.main-text h1 {
	color:#fff;
	font-size: 30px;
	text-transform: uppercase;
}

.main-text p {
	text-align: left;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1.2px;
}

.main-text-mobile {display: none;}

.h3-responsive {
	text-align: right;
	text-transform: uppercase;
	color:#fff;
}

.slide-bar {
    position: relative;
    width: 25%;
    margin: -5% 0 0 75%;
    z-index: 99999999;
	
}
.westernag {
	width:100%;
	max-width:250px;
}

.facebook {width:50px; max-width: 50px; display: inline-block;}
img.facebook  {display:inline-block;width:50px; max-width: 50px}

/* HOME PAGE STYLES
-----------------------------------------------*/

.manu-section h2 {
	text-align: center;
}

.manu-section img {
	padding:3%;
	text-align: center;
	width:220px;
}

.manu-section {
	margin:0 auto;
	width:100%;
	text-align: center;
}

.box-links {
	background:url(/siteart/box-bg.png);
	padding:75px;
	overflow:auto;
}

.white-box {
	background:#fff;
	border:3px solid #d62027;
	float:left;
	padding:2%;
	margin:0 10px;
	width:31%;
	
}

.red-btn {
	float: right;
	margin: 30px -30px 0;
}
.red-btn img {
	width:100%;
}

.red-btn:hover {opacity: .7;}

ul.secondary {align-content: center;}
ul.secondary li {list-style: none; text-align: left;}
ul.secondary li a {text-decoration: none; font-weight: bold; font-size: 13px; text-transform: uppercase; line-height: 25px;}
ul.secondary li ul {padding-left: 30px; font-weight: normal; font-style: italic;}

/* PAGE STYLES */

.spacer {padding:3% 2%;}

.img-responsive {width:100%;}

.rentals {font-size: 16px; font-weight: bold; padding-left: 20px; line-height: 30px; }

.text-wrap {overflow: auto; width:95%;}
.text-wrap a {color:#000; font-weight: bold;}
.text-wrap a:hover {color:#777;}


/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.container {padding:15px 0 ;}
.hosted-content {font-family: 'Open Sans';}
.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:#d62027 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px;
	color:#000;
	padding-bottom:0 !important;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Open sans';
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {text-transform: uppercase!important; font-size: 18px!important;}

.menu-toggle img {display:inline-block!important; padding-bottom: 10px;}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin-top:-31px;
}
 
.scrolling{
    width:100%;
    height:92px;
}





/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 100%;
	margin-top: 15%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

/* HEADERS
------------------------------*/
.heading-xsm {
	font-size: 1rem;
}

.heading-sm {
	font-size: 1.25rem;
	color: #000;
}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:#96171b;
	padding: 50px 0 50px 0;
	overflow: auto;
}

.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.footer .footer-h5 {font-size: 16px; float: right; padding-top:15%; margin-bottom: 0.5rem; font-family: inherit; line-height: 1.2; text-transform: uppercase; font-weight: 700;}
.footer .footer-h2 {text-transform: uppercase; font-size: 22px; text-align: left; padding-bottom: 1rem;margin-bottom: 0.5rem;font-family: inherit;line-height: 1.2;    margin-top: 0;font-weight: bold;}



@media screen and (max-width: 1500px)  {
.slide-bar {
	width:35%;
	margin: -6% 0 0 65%;
}
	.main-text p {font-size: 11px;}
	.red-btn img {width:90%;}
	
	
}

@media screen and (max-width: 1200px)  {
	
	.box-links {padding:20px;}
	
	.white-box {
	width:50%;
	margin: 0 auto;
}
}
	
@media screen and (max-width: 1060px)  {

	.main-text {
	padding:1% 0 0 5%;
}
	.red-btn {    margin: 30px -6px 0;}

}

@media screen and (max-width: 992px)  {
	
	.main-text {display:none;}

	.main-text-mobile {
	text-align: left;
	padding:30px 0 0 40px;
	display:block;
	background: #d62027;
	overflow: auto;
}

.welcome {
	text-transform: none!important;
	font-size: 15px!important;
	font-weight: bold;
}

.main-text-mobile h1 {
	color:#fff;
	font-size: 30px;
	text-transform: uppercase;
}

.main-text-mobile p {
	text-align: left;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
}
	
.slide-bar {
	display:none;
}

	
	
}

@media screen and (max-width: 768px)  {
	.box-links {padding:100px;}
	.white-box {width:100%; margin: 20px 0 20px; height: 200px; padding:20px;}
	ul.secondary li { text-align: center;}
	.footer .footer-h2 {text-align: center;}
	.footer .footer-h5 {float: none;}
	
	.text-wrap {width:90%;}
}