﻿/* 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;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 
}


/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		/*color:#ffc500;*/
		text-decoration:none;
	}
	a:hover, a:active {
		color:#067dff;
		text-decoration:none;
		transition: all .2s ease-in-out;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 16px; line-height:1.6;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:30px; color:#ac1928;}
	/*h2 {font-size:26px; color:#EAEAEA;}*/
	h3 {font-size:22px; color:#016DE3;}
	h4 {font-size:20px; color:#ac1928;}
	h5 {font-size:20px; color:#fff;}
	h6 {font-size:18px; color:#002766; font-weight:bold;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	min-width:300px;
	line-height:1.6;
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	background:#ddd;
}

.center{display:inline-block; margin: 0 auto; text-align:center;}

.wrap {width: 80%; margin:0 auto; position:relative; padding:0 5px; text-align: center;}

.inset{padding:20px;}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

#pad{padding:4% 0;}
.pad2{padding:10% 0;}
.darkblue-bg {background: #002766;}

/* HEADER
------------------------------------------------*/	
.header-banner{background: #ffc500; text-align: center; margin: 0 auto; padding: 10px 5%;}
.header-banner h3{font-weight: 400; color: #002766;}
.header-banner:hover{background: #067dff; transition: all .2s ease-in-out;}

.header {
	width:100%;
	margin:0 auto;
	background:#ddd;
}	

.headerinset {
    margin:0 auto;
	padding:20px 2em;
	text-align: center;
	width: 100%;
	display: flex; 
	justify-content: space-between;
	align-items: center;
}

.contacthead {width: 60%; display: flex; justify-content: flex-end;}

.contacthead a {color:#000;}
.contacthead a:hover {text-decoration: underline;}

.contactheadinfo {
    margin:0 15px;
	text-align:center;
	display:inline-block;
	vertical-align: middle;
	width: 33.33%;
}

.contactheadinfo p{
	font-weight:normal;
	font-size:14px;
}

.contactheadinfo h6 a{color:#002766;}
.contactheadinfo h6 a:hover{color:#067dff;}
/* LOGO
------------------------------------------------*/
.hdr-logos {display: flex; align-items: center; width: 40%;}

.logo {
    max-width:150px;
	width:100%;
	margin-right:1em;
	display: inline-block;
	vertical-align: middle;
	float: left;
}	
.nh-logo {
    max-width:280px;
	width:100%;
	display: inline-flex;
	vertical-align: middle;
	float: left;
}	
.nh-logo img {
    max-width:280px;
	width:100%;
}	
	
.logo p{
	text-align:center;
	display:none;
	color: #df2034;
    font-weight: 700;
    font-size: 28px;
}	
/*--sweepstakes--*/
#sweepstakes{display: inline-block; vertical-align: top; width:45%;}
#sweepstakes img{width: 100%;}


/*  MAIN
------------------------------------------------*/	
.hero {
	width:100%;
	height:100%;
	position:relative;
	background:url(../siteart/HERO.png) center center;
	background-size:cover;
	padding-bottom:50px;
	background-color: #000;
}

.greybar {
	width:100%;
	height:10px;
	position:relative;
	background:#ddd;
	background-size:cover;
}

/* 
.heroimage {
*/
/*--------------------SPECIALS-----------------------*/
.specials-button {
	position:relative;
	display:block;
	max-width:600px;
	margin:15px auto;
	border-radius:10px;
	text-align:center;
	padding:10px 0;
    background:#ffc500;
	border:3px solid #ffc500;
	text-transform: uppercase;
}

.specials-button:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.specials-button p {
	font-size:27px;
	color:#fff;
}

.specials-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.special {display: inline-block; width:calc(25% - 3em); margin: 1.5em; padding: 1.5em; text-align: left; background: #fff; color: #000;}
.special h2{font-size:20px; display: block; margin: 1em 0; letter-spacing: 1px; line-height: 1.3;}
.special p strong {font-size: 14px; font-style: italic;}
.special a {color: #000;}
.special p a:hover {text-decoration: underline;}
.special img{width: 100%;}

.cnh-wrapper {width: 100%; max-width: 800px; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; margin-top: 3em; padding: 2.5em; color: #000;}
.cnh-wrapper p {font-size: 14px;}
.cnh-wrapper img {width: 100%; max-width: 222px; margin: 0 0 1em;}


/*---------------------*/
.allinventorybutton {
	position:relative;
	display:block;
	max-width:640px;
	margin:0 auto;
	border-radius:10px;
	border: 3px solid #fff;
	background:#ffc500;
	text-align:center;
	padding:10px 2%;
	left:0;
	right:0;
	top:45px;
}

.allinventorybutton h5 {color: #000;}

.allinventorybutton:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.allinventorybutton p {
	font-size:27px;
	line-height: 1.3;
	color:#000;
}

.hotlist {
    margin-bottom:24px;
    background:#ffc500;
	border:3px solid #ffc500;
}

.quicklinks {
	width:100%;
	margin:1em auto 0;
	position:relative;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.quicklinks a{
	width: calc(16.6667% - 1em);
	margin: .5em;
}

.link {
	width:128px; 
	height:130px;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
	margin:15px 30px
}


.quicklinks img {
	max-width:150px;
	width:100%;
    margin: 0 auto;
}

.quicklinks img:hover {
	transform:scale(1.1,1.1);
	transition: all .2s ease-in-out;
}
	
/*---POP-UP -----------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 0px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.popup .close:hover {
  color: #002766;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 9;
}
.overlay .popup {
	background: #f4f4f4;
	border-radius: 5px;
	width: 100%;
	max-width: 1000px;
	position: absolute;
	top: 4.5vw;
	left: 0;
	right: 0;
	float:none;
	padding: 40px 20px;
	margin: 0 auto;
	text-align:center;
	z-index: 9999999;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	color:#000;
	font-size: 15px;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}

.popup img{display: block; width:40%;}

.popup h2{text-transform:uppercase!important; color:#002766!important;}
.popup h4{color:#000;}
.popup-btns a{background-color:#002766!important; color:#fff!important; padding: 10px 45px; display: inline-block; border: 2px solid #fff; margin:5px 4%; font-size:18px; font-weight:600;border-radius:8px;}
.popup-btns a:hover{background-color:#ffc500!important;}
/*---ZOOM HOME PAGE----------------*/
.zoom-container2 {
	width: 33%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 10px 0px;
}
.zoom-container2 img {
	display: block;
	width: 100%;
	height: auto;
	-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;
}
.zoom-container2 .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-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;
	font-family: 'Open Sans', sans-serif;
}

.zoom-container2 .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight:700;
	padding: 5px 0;
	text-transform: uppercase;
	color: #fcc602;
	margin-top: 25%;


}
.zoom-container2 .zoom-caption p{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight:400;
	color: #fcc602;
	
}

.zoom-container2:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container2:hover .zoom-caption {
	background: rgba(0, 0, 0, .3);
}
	
/*  MAIN
------------------------------------------------*/	
.main {
	width:100%;
	padding:40px 0;
	position:relative;
}

.mainhome {
	width:100%;
	background:#002766;
	color:#fff;
	padding:60px 0;
	position:relative;
}

.mainhome a{
	width: 327px; height: 248px;
}

.banner {
	width: 100%;
    background: #fff;    
    padding:2em 10%;
	color: #000;
	border-bottom: 1px solid #eee;
}

.banner2 {
	width: 100%;
    background: #002766;    
    padding:2em 10%;
	color: #fff;
	text-align: center;
}

.banner h1 {
	color: #002766;
    font-size: 34px;
    line-height: 1.3;
    font-weight:bold;
}

.banner2 h1 {
	color: #ffc500;
    font-size: 34px;
    line-height: 1.3;
    font-weight:bold;
}

.banner p {
	display: block;
	margin-top: 2em;
	color: #000;
}

.banner2 p {
	display: block;
	margin-top: 2em;
	color: #fff;
}

.banner a {color: #002766;}
.banner2 a {color: #fff;}
.banner a:hover, .banner2 a:hover {color: #fcc602;}

.banner #yellow-btn, .banner2 #yellow-btn {margin: 1em 0; font-size: 16px;}

.darkblue {
	position:relative;
	height:auto;
	width:100%;
	background:#022255;
}

.homelocations {
	max-width:1080px;
	position:relative;
	padding:40px 0;
	text-align:center;
	margin: 0 auto;
}

.homelocations a {
	width: 327px; height: 248px;
}

.homelocations p {
	position:absolute;
	text-align:left;
	right:0;
	left:23px;
	top:20px;
	color:#fff;
}

span.homelocations {
	font-weight:bold;
	color:#fcc602;
}

.homelocations1 {
	position:relative;
	display:inline-block;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/torrington.png) center center;
	background-size: cover;
}

.homelocations1:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.homelocations2 {
	position:relative;
	display:inline-block;
	margin:0 30px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/wheatland.png) center center;
	background-size: cover;
}

.homelocations2:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.homelocations3 {
	position:relative;
	display:inline-block;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/riverton2.png) center center;
	background-size: cover;
}

.homelocations3:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.homepolaris {
	position:relative;
	display:block;
	margin:auto;
	margin-right:0;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/polaris-spring-2016.png) center center;
}

.homepolaris:hover {
	transform:scale(1.05,1.05);
	transition: all .2s ease-in-out;
}

.homeBOXcaption {
	width:100%;
	position:absolute;
	padding:4px 0 6px;
	bottom:10px;
	background:#067dff;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

.homeboxoutline {
	/*position:absolute;
	top: -3px;
	left: -3px;
	z-index:999;*/
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:10px;	
}

.cowboy {
	width:18%;
	position:absolute;
	left:-73px;
	bottom:-47px;
	opacity:.5;
}

.hometext {
	position:relative;
	width:90%;
	text-align:left;
	padding: 2.5em 0;
	margin: 0 auto;
}

.parts-box {
	position:relative;
	display:inline-block;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
}


.partsBOXcaption {
	width:100%;
	position:absolute;
	padding:.5em 0;
	bottom:70px;
	background:#0469D7;
	color:#fcc602;
	font-size:28px;
	line-height: 1.3;
	font-weight:bold;
	text-align:center;
}

#AT {
    width: 200px;
    float: right;
    position: relative;
}

/*---DETAILED SEARCH-------------------------------*/
.detailed-search-wrap {margin:0 auto; padding: 20px;}
.detailed-search-wrap h2 {color: #fff;}
.detailed-search-wrap .column4 {
	width: 24%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-row{display: flex; align-content: center;}

.detailed-search-wrap .column3 {
	width: 33%;
	justify-content: flex-start;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-search-wrap .column2 {
	width: 50%;
	justify-content: flex-start;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}
.detailed-row .column3.second{margin-top: 15px;}
.detailed-search input[type='submit'] {
	font-size:15px;
	color:#000;
	font-weight:700;
	background: #ffc500;
    width: 100%;
	padding: 9px 0;
	margin-top: 20px;
	cursor: pointer;
	letter-spacing: .50px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 0 !important;
	outline: none;
	border: none;
	-webkit-appearance: none;
}
.detailed-search input[type='submit']:hover{
	background:#067dff;
	color:#fff;
	transition: all .2s ease-in-out;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	font-family: 'Open Sans', sans-serif; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}


/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; border: 1px #fff solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #ffc500 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #fff;}
.detailed-search .example-val{font-size: 14px; font-weight: 600; color: #fff;} .detailed-search .example-val span{font-weight: 600;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}


.service-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.service-info {width: 100%; display: flex; flex-wrap: wrap; padding: 2.5em 10%;}
.service-info h2 {color: #fff; width: 100%; margin-bottom: .5em;}
.main form h3, .main form h5 {font-size: 16px; font-weight: 600; color: #002766;}
.service-form {width: 100%; padding: 2.5em 10% 5em;}
.service-form h2 {color: #000;}

/* ACCORDION */
.custom-accordion {width: calc(33.33% - 2em); text-align: left; position: relative; display: flex; flex-direction: column;  margin: 1em; font-size: 18px;}
.custom-accordion > a {
	padding: .75em;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	transition: ease all 0.2s;
	position: relative; 
	letter-spacing: .5px;
	border: 1px solid #067dff;
}
.custom-accordion > a:after{
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1px;
	background: #067dff;
	transition: ease all 0.3s;
}
.custom-accordion > a.open:after{
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1px;
	background: #067dff;
}

.custom-accordion > a:hover{
}
a.click.heading{
	cursor: pointer;
}
a.click.heading.open{
	cursor: pointer;
}
.custom-accordion > a i{
	color: #ffc500;
	padding-right: 1em;
	float: right;
}

.custom-accordion > .drop-list{
	padding: 1em;
	display: block;
	color: #fff;
	margin-top: 5px;
	border: 1px solid #067dff;
}
.custom-accordion .click.open i:before{
    content: "\f068";
}



/**---- SCROLLING MANU BAR -----------------------------*/
.manu-bar{
	background:#fff;
	margin: 0 auto;
	text-align: center;
	padding:20px 0px;
}
.manu-slider img{width:100%;  padding: 0px 15px;}
.proag{width:70% !important}

.manu-wrapper {display: flex; justify-content: center; flex-wrap: wrap;}

/*--- ZOOM SHOWROOM PAGES ------------------------------*/
.category-wrap {max-width:80%; margin:0 auto; position:relative; padding:0 5px; text-align: center;}

.zoom-container {
	width: 24%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 5px 3px;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-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 */A
    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, .5);
	-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;
	font-family: 'Open Sans', sans-serif;
}

.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight:700;
	padding: 5px 0;
	text-transform: uppercase;
	color: #fcc602;
	margin-top: 20%;


}
.zoom-container .zoom-caption p{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight:400;
	color: #fcc602;
	
}

.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(0, 0, 0, .3);
}

/*--CAREERS PAGE-------------------------------*/
.career-box{background: #022255; border: 1px solid #fff; margin: 10px 0; padding:20px; text-align: left;}

.align-left{text-align: left !important}
#yellow-btn{background: #ffc500; color:#000; padding:10px 15px; text-align: center; display: inline-block; margin: 2em 0; font-weight: 700;}	
#yellow-btn:hover{background: #067dff; color:#fff;}	


/* SIDE TABS
------------------------------------------------*/	
#fb {
    top: 300px;
    left: -300px;
    z-index: 99999;
}

.side {
	background: #fff;
    width: 300px;
    height: 510px;
    position: fixed;
    z-index: 100;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

#facebookTab {
    display: block;
	height: 73px;
	width: 49px; 
	background: url(../siteart/facebook.png);
    position: absolute;
    right: -49px;
    top: 0px;
	cursor: pointer;
}

#markets {
    width: 330px;
    height: 520px;
    top: 300px;
    right: -330px;
    z-index: 99999;
}

#marketTab {
    display: block;
	height: 75px;
	width: 49px; 
	background: url(../siteart/market.png);
    position: absolute;
    left: -49px;
    top: 0px;
	cursor: pointer;
}

/*  LOCATIONS PAGE
------------------------------------------------*/
.large-wrapper {
	max-width:100%;
	height:auto;
	position:relative;
	padding:40px 0;
	text-align:center;
}

.large-wrapper a {
	width: 327px; height: 248px;
}

.large-wrapper p {
	position:absolute;
	text-align:left;
	right:0;
	left:23px;
	top:20px;
	color:#fff;
}


.locationsbox1-torrington {
	position:relative;
	display:inline-block;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/torrington.png) center center;
	background-size: cover;
	margin:0 5px;
}

.locationsbox1-wheatland {
	position:relative;
	display:inline-block;
	margin:0 5px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/wheatland.png) center center;
	background-size: cover;
}

.locationsbox1-riverton {
	position:relative;
	display:inline-block;
	margin:0 5px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/riverton2.png) center center;
	background-size: cover;
}

.locationsbox2 {
	position:relative;
	display:inline-block;
	margin:0 5px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/wheatland.png) center center;
}

.locationsbox3 {
	position:relative;
	display:inline-block;
	margin:0 5px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/riverton2.png) center center;
}

.locationsbox4 {
	position:relative;
	display:inline-block;
	margin:0 5px;
	width:321px;
	height:300px;
	border:3px solid #067dff;
	border-radius:10px;
	background:url(../siteart/locations/riverton2.png) center center;
}
/*  MAP
------------------------------------------------*/
.google-maps {
    position: relative;
    overflow: hidden;
    width: 100%;
	height:425px;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
    pointer-events: none;
}

/*  MANU LOGOS - Product showrooms page
------------------------------------------------*/
.manulogos {
	max-width:100%;
	position:relative;
	background:#fff;
	text-align:center;
}

.manulogos a{
	*display:inline-block;
}

.manulogosbox {
	width: 200px;
    height: 140px;
    vertical-align: middle;
    text-align: center;
    display: flex;
	align-items: center;
    margin: 7px;
    background: #fff;
    border: 4px solid #067dff;
    padding-top: 7px;
    border-radius: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	box-shadow:inset 0 1px 6px #363636;
}

.manulogosbox:hover {
	transform:scale(1.1,1.1);
	transition: all .2s ease-in-out;
}

.manulogosbox img {
	max-width:150px; 
	height: auto;
	padding:0;
	margin:0 auto;
	display:block;
}

.new-holland {
	max-width: 180px!important;
    margin-top: -8px!important;
}

/* MARQUEE
------------------------------------------------*/	
.map {
	width:96%;
	padding-top:20px;
}


.marquee {
  height: 115px;
  width: 100%;

  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 335%;
  position: absolute;
  overflow: hidden;

  animation: marquee 30s linear infinite;
}

.marquee span {
	display:inline-block;
  	float: left;
  	width: 50%;
}

@keyframes marquee {
  0% { left: 0%; }
  100% { left: -167.5%; }
}

.new-link{color:#ffc500!important; text-decoration:none;}
  

/*  JOB POSTINGS
------------------------------------------------*/
.job-postings {width: 100%; max-width: 1300px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; padding: 1em;}
.job-wrapper {width: 100%;  text-align: left; display: flex; justify-content: center; flex-wrap: wrap; border: 1px solid #0d4299; margin: 1em auto; padding: 1em; box-sizing: border-box;}
.job-postings img {width: 100%; height: auto; margin: 0 auto 1em; max-width: 650px;}
.job-left h2 {}
.job-right h4 {color: #fff;}
.job-left {width: calc(70% - 2em); margin: 1em;}
.job-right {width: calc(30% - 2em); margin: 1em; display: flex; align-items: center; flex-wrap: wrap;}

.job-postings-main {
	color: #fff;
}

/*  FOOTER
------------------------------------------------*/
.polaris{text-align:center; margin:0 auto; padding:20px 0;}
.polaris img{ width: 100%; max-width: 855px; display:block; margin: 0 auto;}

footer {
	padding:25px 0;
	color:#fff;
    background: linear-gradient(#b7b7b7, #aaa); /* Standard syntax */
}

.footerinset {
	max-width:1060px;
	margin:0 auto;
	text-align:center;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:600px;
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#fff;
	margin:0 auto;
	line-height:1;
	display:block;
	text-align:center;
}

.footertext{
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#fff;
	font-size:13px;	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.smallfootertext{
	color:#fff;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}




/*---RESPONSIVE STYLES ----------------------*/
@media screen and (max-width:1500px) {
.zoom-container .zoom-caption h3{ font-size: 17px;}
.special{width:calc(33.33% - 3em);}

}
@media screen and (max-width:1270px) {
.contactheadinfo p {font-size: 13px;}
.custom-accordion {width: calc(50% - 2em);}
}

@media screen and (max-width:1200px) {
.zoom-container {width: 47%;}
.zoom-container .zoom-caption h3{ font-size: 18px;}
	.polaris-banner-container{
		padding-bottom: 48px;
	}

}

@media screen and (max-width:1080px) {
	
.headerinset {flex-direction: column; justify-content: center; padding: 0 2em 20px;}
.hdr-logos {width: 100%; justify-content: center;}
.contacthead {width: 100%; justify-content: space-around; align-items: center;}
	
	#fb {display:none;}
	#markets {display:none;}
	
.special{width:calc(50% - 3em);}
	
	.zoom-container {width: 47%;}
.zoom-container .zoom-caption h3{margin-top:20%; font-size: 16px;}
	
	.quicklinks a {width: calc(25% - 1em);}
}
@media screen and (max-width:1000px) {
.hometext {width:90%;}

.zoom-container2 .zoom-caption h3{margin-top:20%;}
.cowboy {display: none;}
	
#about-image{width: 90%;}

}
@media screen and (max-width:860px){
.zoom-container2 {width: 40%;}

.zoom-container {width: 47%;}
.zoom-container .zoom-caption h3{margin-top:20%; font-size: 16px;}

}

@media screen and (max-width:800px){
.homelocations1 {display:inline-block; margin:0px auto;}
.homelocations2 {display:inline-block; margin:0px auto;}
.homelocations3 {display:inline-block; margin:0px auto;}
.hometext {float:none; text-align:justify;}
.homelocations a {display:block; width: 327px; height: 248px; margin:30px auto;}
.mainhome a{display:block; width: 327px; height: 248px; margin:50px auto 0;}
.form {width:90%;}
.homepolaris {display:inline-block; margin:0px auto;}

.locationsbox2 {display:block; margin:30px auto;}
.locationsbox3 {display:block; margin:0 auto;}
	
.job-left {width: 100%;}
.job-right {width: 100%; flex-direction: column; align-items: flex-start;}
}

@media screen and (max-width:700px){
.contacthead {flex-wrap: wrap;}
.contactheadinfo {width: 50%; margin: 0;}
.contactheadinfo h6 {display: block; margin-top: 10px;}
.headerinset {padding: 20px 1em;}
	
.banner2{font-size:28px;}
	
.specials-wrapper {flex-direction: column;}
.special{width:calc(100% - 2em); margin: 1em; padding: 1.5em;}
.cnh-wrapper {margin-top: 3em; padding: 1.5em;}

.zoom-container2 {width: 48%;}
	
.custom-accordion {width: calc(100% - 1em); margin: .5em;}
.custom-accordion > a {font-size: 14px;}

.zoom-container {width: 100%;}
.zoom-container .zoom-caption h3{margin-top:20%; font-size: 20px;}
	
.quicklinks a {width: calc(33.33% - 1em);}

.popup img{width:60%;}
.popup h1{width:80%;}
.popup-btns a {display: block;}

#sweepstakes{width: 80%; text-align: center;}	
}

@media screen and (max-width:500px){
	.quick-search{width: 95%;}
	.column3{width: 100%; padding-right: 0;}
	.zoom-container2 {float:none; width: 100%; margin: 0px 0px;}
	.zoom-container2 .zoom-caption h3 {}	

.zoom-container {float:none; width: 100%; margin: 0px 0px;}
.allinventorybutton{width:90%;}

.pad2{ padding: 0;}
.wrap{padding:0;}

.quicklinks a {width: calc(50% - 1em);}

	#about-image{width: 80%;}	
	
	.popup img{width:75%;}
}

@media screen and (max-width:480px){
	.contacthead {flex-direction: column;}
	.contactheadinfo {width: 100%;}
}