/***** 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;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
blue: 1f2361
red: ea1119
*/

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

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px; 
	line-height: 26px; 
	color: #1f2361; 
	font-weight:400;
	overflow-x:hidden;
	width:100%;
}
h1 {font-size: 40px; color:#1f2361;font-weight:800; font-style: italic; padding: 10px 0; letter-spacing: 3px; text-transform:uppercase;line-height: 40px;}
h1 span{font-size:25px; font-weight: 400; font-family: 'Open Sans', sans-serif;  letter-spacing: 3px;}
h2 {font-size: 22px; text-align:left; color:#000; font-weight:400;text-transform:uppercase; letter-spacing: 2px;}
h3 {font-size:30px; color: #1f2361; font-weight: 800; padding: 5px 0; text-transform:uppercase;  letter-spacing: 2px;}
h4{font-size: 20px; color:#1f2361; font-weight:700;}

a:link, a:visited, a:active {text-decoration:none; color:#1f2361;}

strong{font-weight:700;}



#pad{padding:2% 0;}
#pad-l{padding:3% 0;}

.clear{clear: both;}

/*--- HEADER STYLES --------------------------*/


header {
	width:100%;
	float:left;
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4);

}


#topleft {
	width:30%;
	position: absolute;
    content: " ";
    display: block;
    top: 0;
    left: 0;
    z-index: 9999999;
	background:#fff;
}

#main-logo {
	padding-left: 5%;
	
}
#main-logo img{width:100%; max-width: 155px;
	display: inline-block;
}

#topright {
	background:#1f2361; 
	width:76%;
	float:right;
	text-align: right;
	padding:13px 0;
	display:inline-block;
}
#topright p{display: inline-block; color: #ccc; text-transform: uppercase; margin: 0 20px; font-weight: 400; letter-spacing: 2px; font-size: 15px; font-style: italic;}
#topright p a{color: #ccc;}

/*---BODY--------------------------------*/
.corn-bg{background: url(../siteart/corn-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.gray-bg{background:#f4f4f4;}
.blue-bg{background: #1f2361; color: #fff;}
.blue-bg h1{color: #fff;}

#red-border{border-top: 2px solid #ea1119; width: 100%;}

.wrapper-inner {width: 70%; margin: 0 auto;}
.wrapper-center {width: 70%; margin: 0 auto; text-align: center;}
.categories-wrapper{width: 95%; margin:  0 auto; padding: 30px 0; text-align: center;}

.left-col{display: inline-block; text-align: left; vertical-align: middle; width: 49%;}
.right-col{display: inline-block; text-align: right; vertical-align: middle; width: 49%;}
.right-col img{width: 100%; max-width: 550px;}

#map{width: 100%; height: 400px; border-top: 4px solid #ea1119; display: block;}
#contact-map{width: 100%; height: 300px;  display: block;}


.blue-button{background:#1f2361; width: 98%; padding: 10px 0; color: #fff; font-weight: 800; text-align: center; letter-spacing: 2px; margin: 10px auto; font-style: italic;}
.blue-button:hover{background: #ea1119;}

.red-button{background:#ea1119; width:49%; padding: 10px 0; display: inline-block; color: #fff; font-weight: 800; text-align: center; letter-spacing: 2px; font-style: italic; transition: .2s ease-in all;}
.red-button:hover{background: #1f2361;}


.hero-overlay{padding: 20px 10px; position: relative; z-index: 9999; left:1vw; width: 65%; display: inline-block; text-align: center; top: -4vw;}
.hero-overlay h2{text-align: center; color: #ea1119; font-weight: 700; letter-spacing: 1px; font-style: italic;}
.hero-overlay img{width: 100%; max-width: 350px;}
.hero-overlay p{font-weight: 700; text-transform: uppercase; font-style: italic; font-size: 26px; line-height: 32px;}

/*--------SEARCH FORM -----------------------*/
.mobile-search{display: none;}
#searchwrap {
	display: inline-block;
	color:#fff; 
	line-height:20px;
	position: relative; 
	z-index: 999; 
	right:0;
	width: 30%;
	background:rgba(31,35,97, 0.7);
	
}

/*
#detailedsearch { padding:8% 0; }
#detailedsearch h1{color:#fff; font-size: 30px; text-align: center; padding-bottom:15px;}

#search input{
	color: #fff;
	border: 1px solid #fff;
	width: 45%;
	max-width: 100%;
	background-position: 10px 10px; 
	background-repeat: no-repeat;
	padding: 12px 40px;

}

#search input:focus { width: 60%;}

#search input.button, #search input[type=submit], #search input[type=reset] {
    border:1px solid #fff;
    background-image: none;
    padding: 0;
    color: white;
    cursor: pointer;
}



.column3 {
	width: 85%;
	margin:5px;
	margin: 0 auto;
}


.searchfield {width:85%; margin:10px auto; }

#detailedsearch input  {
	background:#f3f3f3; 
	padding:10px 3px; 
	margin:10px 0; 
	width:98%; 
	color:#777776; 
	border: #f3f3f3 1px solid; 
	font-weight: 700; 
	text-transform: uppercase;
}
#searchform select {
	background:#f3f3f3; 
	color:#777776; 
	padding:10px 3px; 
	margin:5px 0; 
	width:100%; 
	border: #f3f3f3 1px solid; 
	font-weight: 700; 
	text-transform: uppercase;
}


.label {margin-top:15px; float:left; width:33%; font-size:10px;}
.labelmiddle {margin-top:15px; float:left; width:33%; text-align:center; font-size:10px;}
.labellast {margin-top:15px; float:left; width:33%; text-align:right; font-size:10px;}

#searchform input.button,
#searchform input.button:focus {
    width:85%; 
    margin:10px auto;
    padding:7px 0;
    background: #f3f3f3; 
    border:2px #f3f3f3 solid;
    font-size:14px;
	line-height:14px;
	letter-spacing: 2px;
	font-weight:bold;
    color:#00196c;
	text-transform:uppercase;
	text-align: center;
	font-style: italic;
}
#searchform input.button:hover {
	background: #ea1119; 
	color:#fff;
	border:2px #ea1119 solid;
}

.submit{text-align: center;}



/*----------DETAILED SEARCH------06-09-2021------------------*/

.detailed-search-wrap {
	background-color: rgba(31, 35, 97, 0.3);
	padding: 50px 0;
	border-top:2px #522b1c solid; 
	border-bottom:2px #522b1c solid; 
	
}

.detailed-search-wrap .content {
	width: 80%;
	margin: 0 auto;
}

.detailed-form {
	margin: auto;
}
.clear {
	clear: both;
}
.detailed-row {
	margin: 5px auto;
	font-size: 18px;
	display: block;
	align-items: center;
	padding: 5px 0;
}
.detailed-row2{
	margin: 5px auto;
	font-size: 18px;
	display: block;
	align-items: center;
}
.column3 {
	width: 100%; 
	justify-content: flex-start; 
	margin: 3px;
	padding: 5px 0;
}
.column4 {
	width: 100%; 
	justify-content: flex-start; 
	margin: 3px;
	padding: 15px 0;
}
.detailed-search-wrap h1{
	color: white;
	font-size: 30px;
	padding: 0px 0;
}
.detailed-search input[type='submit'] {
	font-size: 16px;
	background: #eb181f;
	padding: 15px 0;
	width: 100%;
	color: #fff;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;

}
.detailed-search input[type='submit']:hover{
	background:#1f2361;
	
}
.detailed-search input[type='text'] {
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 15px;
	height: 40px;
	background-color: #f9f9f9;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.detailed-search-wrap h3 span {
	color: #d7d7d7;
}

.detailed-search-wrap main {
  width:100%;
  padding: 50px;
  margin: 0 auto;
}

.detailed-search-wrap section {
  display: none;
}

.detailed-search-wrap label {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.detailed-search-wrap label:before {
 
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }*/

.detailed-search-wrap label:hover {
  color: #888;
  cursor: pointer;
}

.detailed-search-wrap input:checked + .detailed-search-wrap label {
  color: #818181;
  border: 1px solid #ddd;
  border-top: 2px solid #ff8e00;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
  display: block;
}


/* NOUI SLIDER */
.detailed-search-wrap .hp-slider .example-val {padding: 5px 0;}
.detailed-search-wrap .noUi-target{position: relative; direction: ltr}
.detailed-search-wrap .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search-wrap .noUi-handle{position: relative; z-index: 1}
.detailed-search-wrap .noUi-marker, .detailed-search-wrap .noUi-pips, .detailed-search-wrap .noUi-tooltip, .detailed-search-wrap .noUi-value{position: absolute}
.detailed-search-wrap .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search-wrap .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search-wrap .noUi-background{background: #ccc;}
.detailed-search-wrap .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search-wrap .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search-wrap .noUi-handle{background: #eb181f !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search-wrap .noUi-handle:after, .detailed-search-wrap .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search-wrap .noUi-handle:after{left: 12px}
.detailed-search-wrap .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search-wrap .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search-wrap .example-val{font-size: 16px; font-weight: 600; color: #fff;} .detailed-search-wrap .example-val span{font-weight: 400;}

.detailed-search-wrap #slider-price-value-lower:before, .detailed-search-wrap #slider-price-value-upper:before{content: '$'; padding-right: 2px}




/*--ZOOM CATEGORIES ----------------------------*/
.zoom-container {
	width: 19%;
	margin: 5px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: none;
	background-size:cover !important;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.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 */
    transition: all .5s ease;
}

.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background:rgba(31,35,97, 0.8);
	-webkit-transform:translateY(70%);
	-moz-transform:translateY(70%);
	-ms-transform:translateY(70%);
	-o-transform:translateY(70%);
	transform:translateY(70%);
	-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-container:hover .zoom-caption {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}

.zoom-container .zoom-caption h4 {
	display: block;
	text-align: center;
	font-weight:700;
	text-transform: uppercase;
	color: #fff;
	padding-top:5%;
	padding-bottom:8%;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	line-height:1.2;
	font-size:18px;
	letter-spacing: 2px;
	font-style: italic;
}
.zoom-container .zoom-caption a {
	display: block;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	line-height:11px;
	letter-spacing: 2px;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	margin:5px 0px;
	font-style: italic;
	font-weight: 700;
}
.zoom-container .zoom-caption a:hover {
	color: #eee;
	transition: .3s ease-in all;
}


/*---scrolling inventory---------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding: 10px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*---INVENTORY PAGES --------------------------*/
.wrapper-inv{width: 90%; margin: 0 auto}
.inv-right{display: inline-block; width:100%; vertical-align: top;}

/*---SIDE SEARCH---*/

.side-search{background: #f0f0f0; padding: 15px; box-sizing: border-box; border: 1px #ccc solid; width:18%; display: inline-block;vertical-align: top;}

.side-search input, .side-search select{width: 100%; padding: 10px; font-size: 12px; background: #fff; color: #555; margin-bottom: 8px; box-sizing: border-box; border-radius: 3px; border: 1px #ccc solid;}

.side-search input[type="submit"]{font-family: 'Open Sans', sans-serif; letter-spacing: 2px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; border: 1px solid #ccc; background: #1f2361; width: 100%; transition: all .2s ease-in-out; cursor: pointer; position: relative; padding: 10px 8px; margin-bottom: 8px;}
.side-search input[type="submit"]:hover{background: #ea1119;}

.side-search a.button{display: block;}


/*---INVENTORY ---*/
.hosted-content #listings-title, .hosted-content .listings-wrapper .listings-list .category-banner h3{font-family: 'Open Sans', sans-serif !important; text-transform: uppercase;}
.hosted-content h1{font-size: 28px !important; text-transform: uppercase;}
.hosted-content h3{font-size: 25px !important; color:#1f2361!important;}

.container .cf{font-family: 'Open Sans', sans-serif !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner{font-family: 'Open Sans', sans-serif !important;}

/*--FOOTER------------------------------*/

.copyright{text-align: center; padding: 10px 0; letter-spacing: 1px; text-transform: uppercase; font-size: 13px;}
.copyright a{color: #fff;}
.copyright a:hover{text-decoration: underline;}



/*--- RESPONSIVE STYLES ---------------------------*/
@media screen and (max-width:1500px){
	.zoom-container .zoom-caption h4{font-size: 16px; letter-spacing: 1px;}
	.zoom-container .zoom-caption a{font-size: 12px;}
}

@media screen and (max-width:1300px){
	.hero-overlay{top: -50px;width: 65%;}
	.categories-wrapper{width: 100%;}
	h1 {font-size: 30px; letter-spacing: 1.5px;}
}

@media screen and (max-width:1100px){
	.side-search{display: none;}
	.inv-right{width: 100%;}
	.zoom-container{width: 31%; float: none;}
}

@media screen and (max-width:1060px){

	#topleft {width:100%; position:relative; text-align: center; }

	#main-logo {padding-left: 0%;}
	#main-logo img{max-width: 250px; display: inline-block;}

	#topright {width:100%; float: none; padding: 5px 0; text-align: center; margin:  0 auto;}

	#searchwrap{display: none;}
	.hero-overlay{width: 85%; float: none; margin: 0 auto; top: 0; display: block; left: 0;}
	.hero-overlay p{width: 90%; text-align: center; margin: 0 auto;}
}


@media screen and (max-width:820px){
.zoom-container{width:47%;}
	
	.wrapper-inner, .wrapper-center{width: 90%; text-align: center;}

}

@media screen and (max-width:649px){
	.header-top p{margin: 5px auto; display: block; width: 72%;}

	.left-col{display: inline-block; text-align: left; vertical-align: middle; width: 100%;}
	.right-col{display: none;}

	#map{height:300px;}
	
	
	.red-button{width: 98%; margin: 5px 0;}
	
	.corn-bg{background: url(../siteart/corn-bg.jpg) no-repeat center center;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
}

@media screen and (max-width:400px){
	.zoom-container{width: 100%;}
}