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

/* Make HTML 5 elements display block-level for consistent styling */  

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

/***** TEXT/LINK FORMATTING *****/

@font-face {
    font-family: 'montserratlight';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff'),
         url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #ce3120;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #ce3120;
    color: #fff;
    text-shadow: none;
}

strong { font-family: 'montserratbold'; font-weight:normal;}

h1 { font-family: 'montserratbold'; font-weight: normal;color: #ce3120; font-size: 72px; text-transform: uppercase;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
h2 { font-family: 'montserratlight'; font-weight: normal; color: #000; font-size: 24px; text-transform: uppercase; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
h3 { font-family: 'montserratbold'; font-weight: normal; color: #ce3120; font-size: 24px; text-transform: uppercase; padding-bottom: 25px;}
h4 { font-family: 'montserratbold'; font-weight: normal; color: #ce3120; font-size: 16px; text-transform: uppercase; padding-bottom: 10px;}

p { font-family: 'montserratlight'; color:#333333; font-size: 14px; line-height: 28px;}

a{
	color:#333333;
	text-decoration:none;
	transition: color .2s ease-in-out; 
	-moz-transition: color .2s ease-in-out; 
	-webkit-transition: color .2s ease-in-out;
}

a:hover{color: #ce3120;}

/***** SITE FRAMEWORK *****/

html{
	font-family: 'montserratlight';
}

img {max-width: 100%; height: auto;}

.header{
    background: url(../siteart/bg.jpg) top center no-repeat fixed;
	padding: 15px 0;
	width: 100%;
	border-bottom: 1px #ce3120 solid;
}

.home-header{
	background: #DDD;
	padding: 15px 0;
	width: 100%;
	border-bottom: 1px #ce3120 solid;
	overflow: hidden;
}

.fadein { position:relative; top: -50px; z-index: 0;}
.fadein img { position:absolute; opacity:0; animation-name: fade; animation-duration: 20s; animation-iteration-count: infinite; *display:none;}
.fadein img:nth-child(1) { animation-delay: 0s;  }
.fadein img:nth-child(2) { animation-delay: 10s;  }

@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}

.wrapper{
	max-width: 1150px;
	margin: 0 auto;
}
.column1 {width:100%;}
.column2 {width:50%; *width: 47%; float:left; padding-right: 20px; box-sizing: border-box;}
.column3 {width:33.33333%; *width: 30%; float:left; padding-right: 20px; box-sizing: border-box;}
.column4 {width:25%; *width: 23%; float:left; padding-right: 20px; box-sizing: border-box;}
.column5 {width:20%; float:left; padding-right: 20px; box-sizing: border-box;}
.column6 {width:16.66666%; *width: 14%; float:left; padding-right: 20px; box-sizing: border-box; margin: 0 0 20px 0;}

/***** NAV *****/

#navicon {
	float: left;
	font-size: 20px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	color: #fff;
	background: #ce3120;
	padding: 5px 10px;
	border-radius: 5px;
}

#nav{
	float: right;
	padding-top: 5px;
}

#nav ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;
	z-index: 9999;
}

#nav ul li a{
	display:block;
    font-family: 'montserratbold';
	color: black;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 10px 10px;
	transition: none; 
	-moz-transition: none; 
	-webkit-transition: none; 
}

#nav li:hover > a{
	padding: 0 10px 8px;
	border-bottom: 2px #ce3120 solid;
}

#nav ul li{
	position:relative;
	float:left;
	zoom: 1;
	*display: inline;
}
#nav ul li:hover > ul{
	display:block
}

/***** STYLES *****/

#logo{
	float:left;
	width: 220px;
	position: relative;
	z-index: 1;
}

#header-phone{
	text-align: right;
    font-family: 'montserratlight';
	font-size: 12px;
	padding: 10px 0 0 0;
	color: #000;
	position: relative;
	z-index: 1;
}

.spacer{
	display: inline;
	padding: 0 10px;
}

#hero-message{
	padding: 10% 0 10%;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: -10;
}

#message { font-family: 'montserratbold'; font-weight: normal; color: #DC1313; font-size: 24px; line-height: 36px; text-align: center; padding: 0 0 25px 0;}

.main {
	background: #fff;
	padding: 50px 0;
	min-height: 200px;
}

.category { width:25%; *width: 20%; float:left; padding: 50px 20px; box-sizing: border-box; text-align: center;}
.category a{ font-family: 'montserratbold'; font-size: 16px; transition: none; -moz-transition: none; -webkit-transition: none;}
.category img:hover{ opacity:.5;}

.applications { font-family: 'montserratbold'; font-size: 16px; text-align: center;}
.applications a{ transition: none; -moz-transition: none; -webkit-transition: none; text-align: center;}
.applications img{max-width: 80%; margin: 0 auto;}
.applications img:hover{opacity:.5;}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion {font-family: 'montserratlight';}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
    
}

.panel {
  padding:0 18px;
  background-color: #fafafa;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p {padding: 20px 0px;}

/***** FOOTER STYLES *****/

.footer {
	width:100%;
	background: #333333;
	border-top: 1px #ce3120 solid;
	border-bottom: 1px #ce3120 solid;
	padding: 50px 0;
	font-family: 'montserratregular';
	font-size: 11px;
	line-height: 24px;
	color: #aaaaaa;
}
.footer a{font-family: 'montserratregular'; color: #aaaaaa; font-size: 11px; line-height: 24px;}
.footer a:hover{color: #ce3120;}

.divfooter a{font-family: 'montserratregular'; color: #aaaaaa; font-size: 11px; line-height: 24px;}
.divfooter a:hover{color: #ce3120;}

.bottom-footer{
	background: #333333;
	padding: 20px 0;color:#fff;
}
.footer-logo{
	float: right;
	max-width: 150px;
	text-align: right;
	padding-top: 15px;
}

.footer-hastings {
	display: inline-block;
}
.footer-kearney {
	display: inline-block;
	margin-left: 30px;
}
.footer-1 {
    width: 40%;
    /* display: inline-block; */
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}
.footer-3 {
    width: 20%;
    /* display: inline-block; */
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}

.footer-header{
	color: white;
}

.header-3 {
    display: inline-block;
    margin-left: 30px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.clear{clear:both;}	

/***** RESPONSIVE STYLES *****/

.show-menu-for-mobile {display:none;}  


@media screen and (max-width: 1280px){
.show-menu-for-mobile {display:none;}

.wrapper{padding: 0 25px;}

}


@media screen and (max-width: 1150px){
.show-menu-for-mobile {display:none;}

.wrapper{padding: 0 25px;}

.fadein { position:relative; top: -50px; z-index: 0;}

#nav ul li a{font-size: 10px; padding: 0 5px 10px;}
#nav li:hover > a{padding: 0 5px 8px;}
h1 { font-size: 48px; line-height: 50px;}

}

@media screen and (max-width: 958px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
#nav {display:none;}


#logo{float: none; margin: 0 auto;}
#header-phone{display: none;}
h1 { font-size: 48px; line-height: 50px;}
h2 { font-size: 20px;}

a.inventory-button{font-size: 14px;}

}

@media screen and (max-width: 840px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
#nav {display:none;}

.wrapper{padding: 0 25px;}
.column2 {float: none; width: 100%;}
.column3{ float: none; width: 100%;}
.column4{ float: left; width: 50%; text-align: center; margin-bottom: 15px;}
.category{ float: left; width: 50%; text-align: center; margin-bottom: 15px; padding: 10px 20px;}

.fadein { position:relative; top:-15px;; z-index: 0;}

h1 { font-size: 36px; line-height: 40px;}
h2 { font-size: 20px;}

.divfooter {float: none; width: 100%; text-align: center;}
.footer-logo{float: none; margin: 0 auto; text-align: center; padding: 0 0 15px;}

a.inventory-button{font-size: 12px; margin-bottom: 10px;}

}

@media screen and (max-width: 780px) {
	.footer-1 {width: 100%; text-align: center; float: none; padding: 0px 20px;}
	.footer-3 {display: none;}	
}

@media screen and (max-width: 614px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
#nav {display:none;}

.fadein { position:relative; top: 80px; z-index: 0;}

#header-phone{ display: none;}
h1 { font-size: 36px; line-height: 40px;}
h2 { font-size: 20px;}

.home-header{padding: 15px 0 0;}

}
 
@media screen and (max-width: 400px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
#nav {display:none;}

#logo{float: none; width: 160px; margin: 0 auto; padding-left: 15px;}
#header-phone{ display: none;}
h1 { font-size: 30px; line-height: 30px;}
h2 { font-size: 16px;}

a.inventory-button{font-size: 12px; margin-bottom: 10px;}

}