/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

/* FRAMEWORK */

html, body{font-family: futura-pt, sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
::-moz-selection{background: #018EC4; color: #fff; text-shadow: none} ::selection{background: #018EC4; color: #fff; text-shadow: none}

.main{padding: 50px 0;}
.container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */

h1{font-size: 30px; text-transform: uppercase; color: #555;}
p{font-size: 17px; line-height: 24px; color: #18181A;}
a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

/* HEADER */

.top-header{background: #018EC4; padding: 10px 20px; text-align: right; color: #000; overflow-wrap: break-word;}
.top-header a {color: #000 !important;}
.top-header span{display: inline-block; white-space: nowrap;}
.top-header span:after{content: "|"; padding: 0 5px;}
.top-header span:last-child:after{content: "";}
.header{position: relative; background: #777;}
.header .logo{float: left; width: 350px; padding: 20px; box-sizing: border-box;}
.header .mobile-search{display: none; position: absolute; top: 25px; right: 20px; font-size: 24px; color: #fff; cursor: pointer;}

.searchbar{display: none; position: relative; background: #333; width: 100%; border-bottom: 1px #fff solid; z-index: 9999;}
.searchbar button{position: relative; float: left; width: 40%; background: none; padding: 40px 0; border: 0; outline: none; cursor: pointer;}
.searchbar button:after{position: absolute; top: 28px; right: 0; font-family: FontAwesome; content: '\f002'; font-size: 24px; color: #aaa;}
.searchbar button:hover:after{color: #fff;}
.searchbar input[type="text"]{float: left; width: 60%; background: #333 !important; border: 0; outline: none; padding: 25px; font-family: futura-pt, sans-serif; font-size: 24px; color: #fff;}

.searchbar ::-webkit-input-placeholder{color: #aaa;}
.searchbar :-moz-placeholder{color: #aaa;}
.searchbar ::-moz-placeholder{color: #aaa;}
.searchbar :-ms-input-placeholder{color: #aaa;}
.hide{
	visibility: hidden;
}

/* BODY */

.zoom-container{display: flex; width: 100%; bottom: 0; left: 0;}
.zoom-container .zoom{flex: 1; display: block; position: relative;}
.zoom-container .zoom img{display: block; position: relative; width: 100%; transition: all .5s ease;}
.zoom-container .zoom .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.75); transition: all .5s ease; z-index: 10;}
.zoom-container .zoom .zoom-caption .zoom-caption-text{position: absolute; top: 45%; left: 0; right: 0; font-size: 20px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); color: #fff;}
.zoom-container .zoom:hover .zoom-caption{background: rgba(122,192,65,.75);}

.cta{background: url("../siteart/cta.jpg"); background-size: cover;}
.cta a{display: block; position: relative; padding: 25px 0; font-size: 24px; font-weight: 700; color: #fff;}
.cta a:hover{color: #7AC041;}
.cta a:after{position: absolute; top: 25px; right: 0; font-family: FontAwesome; content: '\f138'; font-size: 24px;}
.cta a:hover:after{color: #7AC041;}

.welcome{background: url("../siteart/bg.jpg"); background-size: cover;}
.welcome h1{font-size: 24px; font-weight: 400; text-transform: uppercase; color: #555;}
.welcome h1 span{display: block; font-size: 30px; font-weight: 700;}
.welcome .block{display: block; margin: 5px 0 25px; background: #7AC041; width: 200px; height: 5px;}
.welcome a{display: inline-block; margin: 10px 0; padding: 10px 35px; color: #016991; border: 1px #016991 solid; border-radius: 5px;}
.welcome a:hover{color: #000; border: 1px #000 solid;}

.inventory-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 15px 0;}
.inventory-row .inv-image{width: calc(100% - 300px);}
.inventory-row .inv-link{width: 300px; text-align: center;}
.inventory-row .inv-link a{font-size: 30px; font-weight: 700; text-transform: uppercase; color: #018EC4;}
.inventory-row .inv-link a:hover{color: #7AC041;}

/* FOOTER */

.scrolling-wrap{width: 100%; height: 90px; overflow: hidden; border-top: 5px #777 solid; border-bottom: 5px #777 solid;}
.scrolling{width: 100%; height: 92px;}
.footer{background: #018EC4; padding: 35px 0; font-size: 16px; line-height: 28px; color: #000;}
.footer h3{text-transform: uppercase; margin-bottom: 12px;}
.footer .column4 a {color: #000!important;}
.bottom-footer{background: #7AC041; padding: 25px 0; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #000;}
.bottom-footer a:hover{opacity: .75;}
.bottom-footer .updated{float: left;}
.bottom-footer .social{float: right; font-weight: 400;}
.bottom-footer .social i{padding-right: 5px;}
.manu{padding: 25px 0; text-align: center;}
.manu ul li{display: inline-block; padding: 10px;}
.manu ul li a:hover{opacity: .75;}
.host{background: #000; padding: 20px 0; text-align: center; color: #fff; font-size: 12px; color: #eee;}

/* RESPONSIVE */

@media screen and (max-width: 985px){
	.main{padding: 30px 0;}
	
	.top-header{text-align: center;}
	.header .container{padding: 0;}
	.header .logo{float: none; width: 100%; text-align: center;}
	.header .logo img{width: 100%; max-width: 300px; margin: 0 auto;}
	.header .mobile-search{display: block;}
}
@media screen and (max-width: 768px){
	.column6{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
	.zoom-container{flex-wrap: wrap;}
	.zoom-container .zoom{flex: none; width: 50%;}
	.searchbar button{width: 20%;}
	.searchbar input[type="text"]{width: 80%;}
	.zoom-container .zoom .zoom-caption .zoom-caption-text {font-size: 16px;}
	
	.inventory-row{display: block; margin-bottom: 25px;}
	.inventory-row .inv-image, .inventory-row .inv-link{width: 100%;}
	.inventory-row .inv-link a{font-size: 24px;}
}
@media screen and (max-width: 480px){
	.column4{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
	.header .logo{text-align: left;}
	.header .logo img{max-width: 250px; margin: 0;}
	.header .mobile-search{top: 22px;}
	.zoom-container .zoom .zoom-caption .zoom-caption-text{top: 35%; padding: 0 15px;}
	
	.footer{text-align: center;}
	.bottom-footer .updated, .bottom-footer .social{float: none; width: 100%; text-align: center;}
}