/* helpers */
.mobile { display: none; }
.img100 { width: 100%; }
.sniper { display: none; }
.red { color: #308aa1 !important; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs12 { font-size: 14px; }
.fs12 { font-size: 12px; }
.fs11 { font-size: 11px; }
.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }

/* header */
header { background: #333333; height: 74px; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; }
header #logo { float: left; padding: 14px 25px 14px 0; }
header #logo img { height: 46px; display: block; }
#hnav {float:left;margin:0;padding:0;height: 74px; background:#333; }
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left; border-left: 1px solid #000; }
#hnav ul li.last { border-right: 1px solid #000; }
#hnav ul li.orange { background-color: #FF8C40; }
#hnav ul li a {display:block;margin:0; font: 400 18px/18px 'Open Sans', Arial, sans-serif; padding:28px 30px; text-decoration:none; color:#fff; }
#hnav ul > li > a:hover, #hnav ul > li:hover > a { background:#308aa1; color:#fff; }
#hnav ul > li.orange > a:hover, #hnav ul > li.orange:hover > a { background:#FF8C40; color:#fff; }
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px; width:325px; }
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%; background: #EDEDED !important; border: 1px solid #C5C5C5; border-top: 0; }
#hnav ul ul li a, #hnav ul li:hover ul li a{ color:#333; font: 400 15px/15px 'Open Sans', Arial, sans-serif !important; padding: 15px 30px; }
#hnav ul ul li a:hover, #hnav ul li:hover ul li a:hover{ background: #C5C5C5; }
#hnav ul li:hover ul{left:0;height:auto;opacity:1;top:74px; }
#hnav2 { float: right; text-align: right; }
.header-contacts { margin-top: 5px; list-style: none;  margin-bottom: 10px;}
.header-contacts li { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; }
.header-contacts li:first-child { border-left: 0; }
.header-contacts li a { color: #fff;  font-size: 14px; font-weight: normal; }
.header-contacts li a:hover { color: #308aa1; }
.header-social { list-style: none; }
.header-social li { display: inline-block; margin-left: 10px;  }
.header-social li a { color: #fff; font-size: 20px; }
.header-social li a:hover { color: #308aa1; }
.mobile-header { display: none !important; }
@media screen and (max-width: 900px) {
	header { position: relative; padding: 0; height: auto; }
	header .container { width: 100%; }
	header #logo { float: none; padding: 14px 0; }
	header #logo img { margin: 0 auto; }

  #hnav2 { display: none; }
	#hnav { clear: both; float: none; display: block; height: auto; background-color: #333333; border-top: 1px #e5e5e5 solid; border-bottom: 2px solid #e5e5e5; }
	#hnav ul li { text-align: center; padding: 5px 1px; float: left; margin: 0; border-left: 0; width: 33.33333%; box-sizing: border-box; border-right: 1px solid #e5e5e5; }
	#hnav ul li.mobilehide { display: none; }
	#hnav ul li.last { border-right: 0; }
	#hnav ul > li > a:hover, #hnav ul > li:hover > a { background:none; }
	#hnav ul li a { color: #fff; display: block; padding: 0; line-height: 18px; font-size: 16px; }
	#hnav ul ul { width: 100%; left: 0; }
	#hnav ul li:hover ul{top:28px; }
  #hnav ul ul li a, #hnav ul li:hover ul li a{ padding: 5px 0; font-size: 14px; }
}
@media screen and (max-width: 600px) {
	#hnav ul li a span.mobilehide { display: none; }
}

/* Header search */
#header-search { background-color: #308aa1; }
#header-search .box { padding: 10px 40px; box-sizing: border-box; max-width: 1200px; margin: 0 auto;  }
#header-search-lcol { width: 23%; float: left; margin-right: 1%; }
#header-search-rcol { width: 76%; float: left; }
#header-search h3 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; color: #fff; font-weight: normal; font-size: 16px; line-height: 16px; display: inline-block; }
#header-search i { color: #fff; font-size: 2em; }
#header-search form select { width: 250px; background-color:#FFFFFF; border:1px solid #CCCCCC; color:#555555; font-size:14px; height:34px; padding:6px 2px; margin-right: 0;  }
#header-search form .button { padding: 6px 25px; margin-right: 50px; }
#header-top-categories { color: #fff; font-size: 14px; margin-top: 6px; }
#header-top-categories ul { margin-left: 0; padding-left: 0; display: inline; }
#header-top-categories ul li { display: inline; margin: 0 20px; }
#header-top-categories ul li a { color: #fff; font-size: 16px; }
#header-top-categories ul li a:hover { text-decoration: underline; }
@media screen and (max-width: 1199px) {
	#header-search .box { padding: 10px; }
	#header-search form select { width: auto; }
	#header-search i { display: none; }
	#header-search-lcol { display: none; width: 100%; float: none; margin-right: 0; }
	#header-search-rcol { width: 100%; float: none; padding-top: 0;}
	#header-top-categories { margin-top: 0; text-align: center; }
	#header-top-categories ul li a { font-size: 14px; }
}
@media screen and (max-width: 800px) {
	#header-search form { margin-left: 0;}
	#header-search form select, #home-search form .btn { width: 100%; display: block; margin-bottom: 10px; }
	#header-search form .button { width: 100%; margin-bottom: 25px; margin-right: 0; }	
}
@media screen and (max-width: 600px) {
  #header-top-categories ul li { display: block; }
}

/* cart */
#cart-container { box-sizing: border-box; background: #FFF; width: 100%; margin: 0 auto 30px; max-width: 800px; position: relative; display: block; }
#cart-container .top-title img { display: block; width: 100%; }
#cart-container .top-title h2 { color: #fff; margin: 0; }
#cart-container .cart-container-box { border: 1px solid #ccc; margin-left: 24px; margin-top: -16px; padding-top: 5px; }
#cart-container .top { padding: 5px; }
#cart-container .bot { padding: 5px; background-color: #F9F9F9; }
#cart-container h3 { font-size: 16px; margin: 0 0 10px; }
#cart-container #listing-list { width: 100%; margin: 0 auto; }
#cart-container #listing-list h1 { text-align: center; border-bottom: 1px solid #e5e5e5; color: #308AA1; font-size: 30px; }
#cart-container #listing-list-error.error { color: #ed1805;}
#cart-container #listing-list h3 { font-weight: bold; margin-bottom: 3px; }
#cart-container #listing-list #listing-list-list { width: 100%; }
#cart-container #listing-list #listing-list-recommended { width: 50%; float: left; }
#cart-container #listing-list ul { margin-bottom: 0; padding-left: 0; }
#cart-container #listing-list ul li { font-size: 14px; list-style: none; }
#cart-container label { font-weight: normal; }
#cart-container div.fc { width: 100%; }
#cart-container div.fc input, #cart-container div.fc select { border: 1px solid #ddd; }
#cart-container div.fc input.error, #cart-container div.fc select.error { border-color: #ed1805; }
#cart-container .button { float: right; }
#cart-container #lead-footer { border-top: 1px solid #ccc; margin-top: 10px; padding: 10px 75px 0; }
#cart-container #lead-footer p { font-size: 12px; font-weight: bold; }
#cart-container #lead-footer img { width: 150px; margin-left: 5px; float: right; }
#cart-overlay { background-color: #ffd50c; bottom: 0; left: 0; padding: 10px 0; position: fixed; z-index: 1000; text-align: center; width: 100%; display: none; }
#cart-overlay h3 { color: #000; margin: 0; font-size: 16px; font-weight: normal; }
#cart-overlay span { margin: 0 5px; background: #000; color: #fff; border-radius: 50%; padding: 10px 15px; display: inline-block; font-weight: bold; }
#cart-overlay a.button { background-color: #308aa1; padding: 10px; font-size: 22px; box-sizing: border-box; display: inline-block; color: #fff; }
#cart-overlay a.button:hover { text-decoration: none; }
@media screen and (max-width: 1000px) {
  #cart-container { display: none; }
  #cart-container .top-title { display: none; }
  #cart-container .cart-container-box { margin: 0; }
  #cart-overlay { padding: 5px 0; display: block !important; }
}
@media screen and (max-width: 700px) {  
	#cart-container #lead-footer { padding: 10px 0 0; }
	#cart-container .button { float: none; margin-top: 20px; }
	#cart-container #listing-list ul li { width: 100%; float: none; }
	#cart-overlay h3 { font-size: 12px; }
	#cart-overlay span { border-radius: 0; padding: 0; padding: 5px 10px; }
	#cart-overlay a.button { display: block; margin-top: 5px; margin-left: 0; font-size: 16px; }
}
@media screen and (max-width: 500px) {
  #cart-container { width: 98%; }
	#cart-container .top img { display: none; }
	#cart-container #listing-list h1 { font-size: 18px; }
	#cart-container #listing-list #listing-list-list, #cart-container #listing-list #listing-list-recommended { width: 100%; float: none; }	
	#cart-container #lead-footer p { text-align: center; }
	#cart-container #lead-footer img { float: none; display: block; margin: 0 auto 10px; }
	#cart-container div.fc, #cart-container div.fc.address, #cart-container div.fc.zip { width: 100% !important; margin: 0 0 5px 0 !important; float: none; }
	#cart-container .button { width: 100%; }
}

/* footer */
footer { background-color: #1c1c1c; padding: 40px 0 120px !important; }
footer #footer-1 .col { width: 25%; float: left; }
footer #footer-1 ul { list-style: none; margin: 0; padding: 0; }
footer #footer-1 ul li.footer-cat-title { color: #999999; font: 400 16px/27px "Open Sans",Arial,Helvetica,sans-serif; letter-spacing: 0.05em; text-transform: uppercase; }
footer #footer-1 ul li a { color: #fff; font: 300 14px/25px "Open Sans",Arial,Helvetica,sans-serif; }
footer #footer-1 ul li a:hover { text-decoration: underline; }
footer #footer-1 ul li a i { width: 20px; margin-right: 5px; }
footer #footer-2 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #999999; }
footer #footer-2 .footer-copy { color: #ffffff; float: left; font: 400 12px "Open Sans",Arial,Helvetica,sans-serif; letter-spacing: 0.05em;}
footer #footer-2 .footer-terms { color: #ffffff; float: right; font: 400 12px "Open Sans",Arial,Helvetica,sans-serif; letter-spacing: 0.05em; }
footer #footer-2 .footer-terms a { color: #fff;}
.mobile-footer { display: none; }
@media screen and (max-width: 700px) {
	footer #footer-1 .col { display: none; }
	.mobile-footer { display: block; text-align: center; }
	.mobile-footer ul li a { color: #fff; }
	.mobile-footer ul li { list-style: none; }
	.mobile-footer ul { padding-left: 0; }
	footer #footer-2 .footer-copy { float: none; text-align: center; display: block; }
	footer #footer-2 .footer-terms { float: none; text-align: center;  display: block; }
}

/* forms */
form.css div.fc { margin: 0 0 10px 0; float: left; width: 100%; }
form.css label { display: block; }
form.css label.inline { display: inline; }
form.css .inline label { display: inline; }
form.css .field { border-radius: 0; font-weight: 400; border: 1px solid #D8D8D8; width: 100%; box-sizing: border-box; outline: 0 none; padding: 10px 1%; font-size: 14px; }
form.css textarea.field { height: 150px; }
form.css .field.error { border-color: #ed1805; }
form.css .field.wauto { width: auto; }

/* buttons */
a.button, input.button { -webkit-appearance: none; box-sizing: border-box; border:0; font-size:16px; text-decoration:none; display:inline-block; color: #FFFFFF; background-color: #ff8c40; cursor: pointer; text-align: center; margin: 0 auto; padding: 8px 8px; }
a.button.red { background-color: #871419; color: #fff !important; }
a.button i { margin-right: 5px; }
a.button.active, input.button.active { border: 0; background-color: #308aa1; color: #fff; }
a.button:hover, input.button:hover { color: #fff; }
a.button.w100, input.button.w100 { width: 100%; }
a.button.rounded { border-radius: 5px; }
a.button.bottom { border-bottom: 2px solid #e5e5e5; }
a.button.big, input.button.big { padding: 12px 150px; display: inline-block; font-size: 22px; }

/* alerts */
ul.alert{font-size:12px;line-height:16px;padding:5px 5px 5px 30px !important;color: #3e433e;border: 2px solid #0c0;font-weight: bold;margin:0 0 10px !important;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
ul.alert li { list-style: none !important; }
ul.alert.error{background: #fcc;border-color:#c00;}
ul.alert:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
ul.alert.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}

/* simple select */
.hidden_select_container { width: 0; height: 0; overflow: hidden; }
.simpleselect, .simpleselect * { box-sizing: content-box; }
.simpleselect { position: relative; width: 100%; height: 38px; color: #242424; font-size: 13px; }
.simpleselect .options { width: 100%; }
.simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { padding: 8px 10px; line-height: 20px; font-size: 16px; cursor: pointer; }
.simpleselect .options .optgroup .optgroup-label { cursor: default; font-weight: bold; }
.simpleselect .options .optgroup .option { padding-left: 20px; }
.simpleselect .placeholder, .simpleselect .options { background: #fff; border: 1px solid #ddd; }
.simpleselect .placeholder { position: relative; }
.simpleselect .placeholder.error { border-color: #ed1805; }
.simpleselect .placeholder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 10px; width: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat; }
.simpleselect .placeholder:hover { background: #fafafa; }
.simpleselect .options { display: none; position: absolute; top: 0; left: 0; z-index: 1000; }
.simpleselect .options .option.active { background: #666; color: #fff; }
.simpleselect.disabled .placeholder, .simpleselect.disabled .placeholder:hover { background: #fafafa; color: #aaa; border-color: #eee; cursor: default; }
.simpleselect.disabled .placeholder:after { opacity: .5; }