/**
 *	COLOR KEY
 *		red				#9F0808
 *		dark purple		#730000
 *		light grey		#EFEFEF
 *		medium grey		#7C7C7C
 *		grey			#333333
 *		pale red		#D33F3D
 */

 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic);

 
/*----------UNIVERSAL ANIMATION----------*/
/*section *{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#slider *, .parallax{transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out;}*/

/*----------GLOBAL RESETS----------*/
*{padding:0; margin:0; outline:0; border:0;}

/*----------HTML5 HELPERS----------*/
header, nav, section, article, aside, footer, hgroup{display:block;}

/*----------GLOBAL DEFAULTS----------*/
html{min-height:100%; height:auto; overflow-y:scroll;}
body{font-family:'Open Sans', sans-serif; background:#FFF; color:#323E44; font-size:15px; -webkit-text-size-adjust:100%;}

::selection{background:#9F0808; color:#FFF; text-shadow:none;}
::-moz-selection{background:#9F0808; color:#FFF; text-shadow:none;}

.required:after{content:'*'; margin:0 0 0 5px; color:#CC0000;}
.alert{display:inline; color:#CC0000;}

a{text-decoration:none; color:#B4753C;}
a:hover{color:#A7A9AC;}
a[href="javascript:void(0);"]{cursor:default;}

p{margin:0 0 15px 0; line-height:24px;}

ul, ol{padding:0 0 20px 40px;}
ol ol{list-style-type:lower-alpha;}
section li{margin:0 0 5px 0; line-height:18px;}
ul.noBullet, li.noBullet{list-style:none; list-style-type:none;}
.normal{text-align:left!important;}
.normal li{text-align:left; display:list-item!important;}

hr{background:#CCC; clear:both; display:block; height:1px; width:100%; margin:20px auto 30px auto; overflow:hidden; border-bottom:1px solid #FFF;}

textarea{resize:vertical; min-height:150px; position:relative;}
iframe{clear:both; margin:0 auto 40px auto; display:block;}
iframe.left{margin:0 10px 40px 0;}
iframe.right{margin:0 0 40px 10px;}
.fluid{position:relative; padding-bottom:44%; height:0; margin:0 0 30px 0;}
.fluid iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

.city, .state, .zip{float:left;}
.city input{margin-right:1%; width:89%!important;padding:3.3%;}
.state select{margin-right:1%; width:80%!important;padding:5.6%;}
.zip input{margin-right:1%; width:80%!important;padding:6.2%;}
.city{width:50%;}
.state{width:25%;}
.zip{width:25%;}

.half{float:left; width:40%;}
.half input, .half select{padding:4%;}

h1, h2, h3, h4, h5, h6{line-height:normal;}
h1{color:#9F0808; font-size:28px; margin:20px 0;}
h2{font-size:24px; font-weight:bold; color:#9F0808; margin:20px 0 10px 0;}
h3{color:#1E2529; font-size:18px; margin:5px 0 10px 0;}
h4{}
h5{}
h6{}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.middle{clear:both; display:block; margin-left:auto; margin-right:auto;}
img{max-width:100%;}
section img.left{margin:0 20px 10px 0;}
section img.right{margin:0 0 10px 20px;}
.text.right{text-align:right;}
.text.left{text-align:left;}
.clear{display:block; clear:both; overflow:hidden;}

.message{display:block; clear:both; padding:5px 10px; overflow:hidden; margin:10px 0 0 0; font-size:14px; background:#CCC; color:#444; border:1px solid #444;}
.success{background:#B2E6B0; color:#0A8100; border:1px solid #0A8100; margin:0 0 20px 0;}
.error{background:#E2B3B3; color:#9E1010; border:1px solid #9E1010;}
.error:empty{display:none;}

.twenty{width:19%;}
.thirty{width:29%;}
.forty{width:39%;}
.fifty{width:49%;}
.sixty{width:59%;}
.seventy{width:69%;}
.eighty{width:79%;}
.ninety{width:89%;}
.oneHundred{width:99%;}

table{width:100%; clear:both; overflow:hidden; margin:20px 0;}

table{border-collapse:collapse; table-layout:fixed; display:table; overflow:hidden; margin:10px 0 20px 0;}
table th{padding:7px; text-align:left;}
table tbody tr:nth-child(even){background:#EEE;}
table tbody tr:hover{background:#DDD;}
table thead td{padding:30px 0 0 0;}
table tbody td{padding:7px;}

table.show th{text-align:center;}

.container{margin:0 auto; width:1200px; display:block; overflow:hidden;}

.placeholder{font-style:italic; font-weight:bold;}

header{}
header .container{margin: 0 auto!important;}
header .quote{display:none; background:#333; color:#FFF; padding:20px 0;}
header .quote .title{font-weight:700; font-size:20px;}
header .quote .description{float:left; width:45%; border-top:1px solid #666; margin:20px 0 0 0; padding:20px 0 0 0;}
header .quote form{width:50%; float:right;}
header .quote input[type="text"], header .quote input[type="email"], header .quote textarea{padding:5px; margin:0 0 5px 0; width:98%; border:1px solid #000; font-family:'Open Sans', sans-serif;}
header .quote input[type="submit"]{cursor:pointer; background:#9F0808; color:#FFF; font-weight:600; padding:5px 10px;}
header .quote input[type="submit"]:hover{background:#FFF; color:#9F0808;}
header .top{background:#EFEFEF; border-top:5px solid #333; border-bottom:1px solid #CCC;}
header .top nav ul{list-style-type:none; margin:0; padding:0; float:left;}
header .top nav ul li{display:inline-block;}
header .top nav ul li a{display:block; color:#7C7C7C; text-shadow:1px 1px 0 #FFF; padding:10px 20px 10px 0; font-size:13px; font-weight:600;}
header .top nav ul li a:hover{color:#000;}
header .top .request{background:#333; color:#FFF; display:inline-block; float:right; padding:7px 30px 11px; border-radius:0 0 10px 10px; box-shadow:inset 0 -5px 5px #222; cursor:pointer;}
header .top .request .fa{margin:0 5px 0 0; transform:rotate(-15deg);}
header .top .request:hover{color:#AAA;}
header .bottom{padding:20px 0;}
header .bottom img.logo{float:left; margin:20px 0 0 0;}
header .bottom .quality{float:right; font-size:20px; text-align:right; margin:15px 0 0 0; color:#9F0808; text-shadow:1px 1px 0 #CCC;}
header nav#menu{background:#9F0808;}
header nav#menu ul{list-style-type:none; padding:0; margin:0; font-size:0;}
header nav#menu li{display:inline-block; margin:0; padding:0;}
header nav#menu li a{display:block; color:#FFF; font-weight:700; padding:10px 15px; font-size:16px;}
header nav#menu li a:hover, header nav#menu li a.active, header nav#menu li a.hover{background:#730000;}

header nav#menu li a{position:relative; overflow:hidden; transform:translateZ(0); -webkit-transform:translateZ(0); transition-property:background; -webkit-transition-property:background; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
header nav#menu li a:hover:before, header nav#menu li a:focus:before, header nav#menu li a:active:before{-webkit-transform:scale(2); transform:scale(2);}
header nav#menu li a:before{content:''; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#730000; border-radius:100%; -webkit-transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.4s; transition-duration:0.4s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

section.home{}
section.home section.description{margin:30px 0;}
section.home section.description p{margin:0; line-height:24px; font-size:18px;}
section.home section.products{background:url('/image/data/layout_images/home-products_bg.png') no-repeat; background-size:cover; padding:40px 0; border-top:7px solid #000;}
section.home section.products h1{text-align:center; font-size:34px; margin:0 0 40px 0; text-shadow:1px 1px 0 #FFF; text-transform:uppercase;}
section.home section.products h1 span{color:#000;}
section.home section.products ul{list-style-type:none; margin:0; padding:0;}
section.home section.products li:before{content:'\2219'; vertical-align:top; font-size:34px; margin:0 2% 0 0;}
section.home section.products li{font-weight:bold; font-size:24px; float:left; width:44%; margin:0 0 20px 0; padding:0; text-shadow:1px 1px 0 #FFF; font-weight:bold;}
section.home section.products li:nth-child(even){float:right;}

section.slider{background:#F0F0F1;}
section.slider ul{margin:0; padding:0; list-style-type:none;}
section.slider li{margin:0; padding:0;}
section.slider li .wrapper{position:relative; display:block;}
section.slider li a{}
section.slider li p.description{position:absolute; top:30px; left:30px; color:#FFF; text-shadow:1px 1px 0 #000; font-weight:600; font-size:24px; width:96%; line-height:34px; padding:10px; background:-moz-linear-gradient(left, rgba(175,0,0,0.5) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(175,0,0,0.5) 50%,rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(175,0,0,0.5) 50%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80af0000', endColorstr='#00000000',GradientType=1);}
section.slider li .title{position:absolute; bottom:30px; left:30px; background:url('/image/data/layout_images/slider-title_bg.png'); color:#FFF; line-height:normal; font-size:42px; display:inline-block; text-transform:uppercase; padding:0 15px; font-weight:700;}
.bx-wrapper .bx-pager{float:right!important; left:auto; bottom:30px; right:30px!important;}
.bx-wrapper .bx-pager .bx-pager-item{float:right!important;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#000; width:50px; height:10px; border-radius:0; border:3px solid #000;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#FFF;}

article{}

footer{clear:both; background:#000; color:#7F7F7F; border-top:5px solid #9F0808; padding:40px 0 30px 0; font-size:12px;}
footer a{color:#7F7F7F;}
footer a:hover{color:#FFF;}
footer .title{font-weight:700; display:block; font-size:28px; text-transform:uppercase; color:#FFF; float:left;}
footer ul.logos{float:right; text-align:right; margin:0; padding:0; list-style-type:none;}
footer ul.logos li{display:inline-block; margin:0; padding:0;}
footer ul.logos li img{height:40px; margin:0 0 0 15px;}
footer ul.logos li:first-of-type > img{margin:0;}
footer hr{clear:both; display:block; height:1px; width:100%; background:#666; margin:70px 0 20px 0; overflow:hidden; border:0;}
footer .copyright{float:left;}
footer ul{list-style-type:none; padding:0; margin:0; float:right;}
footer li{display:inline-block; margin:0; padding:0;}
footer li a{display:block; margin:0 0 0 10px;}
footer li:first-child > a{margin:0;}


span.title{text-transform:uppercase; font-weight:bold; display:block; clear:both; overflow:hidden; margin:40px auto 30px auto; padding:0 0 20px 0; font-style:italic; font-size:20px; border-bottom:3px dashed #CCC;}
ul.images{margin:0 0 30px 0; clear:both; padding:0; list-style-type:none; text-align:center;}
ul.images li{margin:0 10px 20px; padding:0; display:inline-block; vertical-align:middle; font-size:0; line-height:0;}
ul.images li a{width:100%; height:100%; display:block;}
ul.images li img{width:180px; height:150px;}
ul.images li img:hover{opacity:0.7;}

ul.images li a{-webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative;}
ul.images li a:before{content:''; position:absolute; border:5px solid #9F0808; top:0; right:0; bottom:0; left:0; -webkit-animation-duration:1s; animation-duration:1s;}
ul.images li a:hover:before, ul.images li a:focus:before, ul.images li a:active:before{-webkit-animation-name:hvr-ripple-out; -moz-animation-name:hvr-ripple-out; animation-name:hvr-ripple-out;}
ul.images li a:hover:before, ul.images li a:focus:before, ul.images li a:active:before{-webkit-animation-name:hvr-ripple-out; animation-name:hvr-ripple-out;}
@-webkit-keyframes hvr-ripple-out{
	100%{top:-20px; right:-20px; bottom:-20px; left:-20px; opacity:0;}
}

@keyframes hvr-ripple-out{
	100%{top:-20px; right:-20px; bottom:-20px; left:-20px; opacity:0;}
}

/*
ul.images li a[rel="gallery-2"]:before{border:0; animation-name:none;}
ul.images li a[rel="gallery-2"] img{width:auto; height:auto; border:0;}
*/




header .hamburger{position:absolute; top:10px; right:10px; z-index:9;}
header .hamburger img{margin:0 10px 0 0; float:right;}

.mobile, .hide{display:none;}

.bx-wrapper img{margin:0!important;}








/**
 *	FOR SMALL DEVICES (phones, tablets, etc.)
 *	KEEP THIS AT THE BOTTOM OF THE OTHER CSS STYLES.  THIS SHOULD ALWAYS BE LAST!
 */
@media screen and (max-width:1350px){
	
} 
 
@media screen and (max-width:1300px){
	
} 
 
 
@media screen and (max-width:1200px){
	
}
 

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


@media screen and (max-width:1200px){
	.city {width: 46%;}
	.desktop{display:none!important;}
	.mobile{display:block!important;}

	.mm-opened header .hamburger img{display:none;}
	.mm-opened header .hamburger img.hide{display:block!important;}
	.mm-footer{box-shadow:0 0 20px #000;}
	.mm-menu{font-family:sans-serif;}

	.mm-list > li > a, .mm-list > li > span, .mm-list, .mm-list > li{text-align:left!important;}

	.left, .right{display:block; float:none;}
	section img.left, section img.right{margin-left:auto; margin-right:auto;}
	.twenty, .thirty, .forty, .fifty, .sixty, .sixtyFive, .seventy, .eighty{width:auto;}
	section.grey .thirtyThree{width:auto;}
	section.grey .thirtyThree:nth-child(2){margin:10% 0;}
	form{width:100%; margin:0 0 20px 0; overflow:hidden;}
	iframe{display:block; width:98%; clear:both;}
	h1, h2, h3, h4, h5, h6{}
	p{/*text-align:justify;*/}
	img{display:block; margin:5px auto;}
	.clear{display:inline; clear:none;}
	section img.inquire{float:right; margin-top:0;}

	header{height:auto; overflow:hidden;}
	
	/*section p{text-align:justify;}*/

	.fluid{padding-bottom:60%; display:block; margin:0 auto 30px auto!important;}

	header nav{display:none!important;}
	header .top nav{display:block!important;}
	header .bottom img.logo{float:none; margin:0 auto;}
	
	section.slider li p.description{top:10px; left:10px; font-size:18px;}
	.bx-wrapper .bx-pager{right:5px!important; bottom:5px!important;}
	.bx-wrapper .bx-pager.bx-default-pager a{width:30px;}
	
	section.home section.products h1{font-size:28px;}
	section.home section.products li:nth-child(even){float:none;}
	section.home section.products li{width:auto; float:none; font-size:20px; margin:0 0 15px 0;}
	
	footer .title{font-size:20px; text-align:center; float:none; display:block; clear:both;}
	footer ul.logos{float:none; clear:both; text-align:center; margin:20px 0 0 0;}
	footer hr{margin:20px auto;}
	footer .copyright{float:none; text-align:center;}
	footer ul{float:none; text-align:center; margin:10px 0;}
	
	.container{max-width:96%;}
}


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

}


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


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


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


@media screen and (max-width:500px){
	section.slider li p.description{font-size:14px; line-height:20px;}
}


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