/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  0px solid #fff;
	left:0;
	background:none;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline; 
}

.details-product .bx-wrapper .bx-pager .bx-pager-item,
.details-product .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ width:12% }

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.slider-wrapper .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border:  0px solid #fff;
	left:0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.slider-wrapper .bx-wrapper { position: relative; 	margin: 0 auto; padding: 0; *zoom: 1}
.slider-wrapper .bx-wrapper img { max-width:100%; display: block; width:100%}
.slider-wrapper .bx-wrapper .bx-pager{ bottom:19px; right:0; z-index:1; text-align:right}
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a{ width:22px; height:22px; border:1px solid #fff; border-radius:100%; background:#af1f2c; font-size:0}
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; border:1px solid #af1f2c}
.shop-drop{ width:100%; clear:both; position:relative; margin:8px 0 0; float:left}
.selc-bg{ background:#fff url(../images/drop-arrow.jpg) 96% 48% no-repeat; border-radius:4px; width:90%; height:36px; float:left; padding:7px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 300;; font-size:16px; color:rgba(0,0,0,0.5)}
.shop-drop select{position: absolute; left: 0; left: 0; opacity: 0; filter: alpha(opacity=0); width:110%; top: 0; height:36px; line-height:33px}
.slider-contain{ position:absolute; z-index:1; left:0; top:0; width:100%}
.slider-left{ position:absolute; top:27px; left:32px; z-index:1; max-width:293px; float:left}
.shop-box{ background:#444444; border-radius:10px; border: 1px solid #edecea;}
.shopBox-inn{ padding:24px 24px 11px}
.shopBox-inn h2{ color:#fff; font-size:30px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 500; margin:0; padding:0; text-transform: uppercase}
.shop-btn{ clear:both; width:100%; text-align:center; float:left; margin:10px 0 0}
.shop-btn .go-btn{ background:#b53535; line-height:37px; height:37px; border-radius:5px; border:1px solid #fff; color:#fff; font-size:16px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 500;; padding:0 13px}
.shop-btn .go-btn:hover{ background:#003764}
.slider-right{ position:relative; float:right; right:90px; top:40px; color:#fff; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 700;}
.slider-right h1{ font-size:42px; margin:0; padding:0; color:#fff; text-transform:none; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 700;}
.slider-right p{ font-size:30px; margin:0; padding:0}
.shopBox-inn ul.shop_hide{ clear:both; padding:8px 0 0}
.shopBox-inn ul.shop_hide li{ position:relative; width:100%; clear:both}
.shopBox-inn ul.shop_hide{width:100%; margin:7px 0 0 0; padding:0px }
/*.shopBox-inn ul.shop_hide li input[type=checkbox].shp_invntry_chk { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0;border:0 }
.shopBox-inn ul.shop_hide li input[type=checkbox].shp_invntry_chk + label.css-label { padding-left:20px; padding-right:40px; height:16px; display:inline-block;line-height:17px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; color:#636363; font-size:13px }
.shopBox-inn ul.shop_hide li input[type=checkbox].shp_invntry_chk:checked + label.css-label { background-position: 0 -16px }
.shopBox-inn ul.shop_hide li .css-label{ background-image:url(../images/bg-checkbox.png); height:16px; background-position:0 0  }*/

.shopBox-inn ul.shop_hide li input[type=radio].shp_invntry_chk { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0;border:0 }
.shopBox-inn ul.shop_hide li input[type=radio].shp_invntry_chk + label.css-label { padding-left:20px; padding-right:40px; height:16px; display:inline-block;line-height:17px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; color:#fff; font-size:13px }
.shopBox-inn ul.shop_hide li input[type=radio].shp_invntry_chk:checked + label.css-label { background-position: 0 -17px }
.shopBox-inn ul.shop_hide li .css-label{ background-image:url(../images/bg-checkbox.png); height:16px; background-position:0 0  }
 

/*======== footer slider ===*/

.footer-promo .bx-wrapper{ margin:0 auto}
.footer-promo{ max-width:900px; margin:0 auto}
.footer-promo .bx-wrapper .bx-viewport{ border:0; box-shadow:none; left:0; background:none}
.footSlide1{ float:left; margin:28px 31px 0 0; width:26%}
.footSlide2{ float:left; width:50%; margin:22px 0 0}
.footSlide3{ float:left; margin:65px 0 0}
.footSlide1-img{ border:6px solid #fff}
.footSlide2 h1{ color:#004a98; font-size:35px; line-height:37px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 500;; padding:0; margin:0 0 20px}
.footSlide2 ul{ float:left; width:48%}
.footSlide2 li{ font-size:17px; line-height:30px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 300;; color:#000}
.footSlide2 li span{ font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 500;;}
.footSlide3 .price-box .price{ color:#af1f2c; font-size:26px; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 500;}
.footSlide3 .price-box{ padding:0; margin:0; text-align: center}
.footSlide3 .get-more a:hover{border:1px solid #ccc; border-radius:4px; margin:17px 0 0;background: #5ab844; /* Old browsers */
background: -moz-linear-gradient(top,  #5ab844 0%, #3cae2a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab844), color-stop(100%,#3cae2a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5ab844 0%,#3cae2a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5ab844 0%,#3cae2a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5ab844 0%,#3cae2a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5ab844 0%,#3cae2a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab844', endColorstr='#3cae2a',GradientType=0 ); /* IE6-9 */ }
.footSlide3 .get-more a{background: #0946a8; /* Old browsers */
background: -moz-linear-gradient(top,  #0946a8 0%, #01308a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0946a8), color-stop(100%,#01308a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0946a8 0%,#01308a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0946a8 0%,#01308a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0946a8 0%,#01308a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0946a8 0%,#01308a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0946a8', endColorstr='#01308a',GradientType=0 ); /* IE6-9 */
font-size:16px; line-height:40px; height:40px; color:#fff; font-family: "Gotham Narrow A", "Gotham Narrow B";font-weight: 700;; padding:0 25px; text-transform:none}

.footer-promo .bx-wrapper .bx-pager{ top:-20px; right:-60px; text-align:right; padding:0; width:auto}
.footer-promo .bx-wrapper .bx-pager.bx-default-pager a{ width:23px; height:23px; font-size:0; border:1px solid #fff; background:#56565a; border-radius:100%}
.footer-promo .bx-wrapper .bx-pager.bx-default-pager a:hover, .footer-promo .bx-wrapper .bx-pager.bx-default-pager a.active{ border:1px solid #56565a; background:#fff;}
.footer-promo .bx-wrapper .bx-controls-direction a{ width:42px; height:42px}
.footer-promo .bx-wrapper .bx-next{ background:url(../images/ft-arrow2.png) 0 0 no-repeat; width:42px; height:42px; right:-60px }
.footer-promo .bx-wrapper .bx-prev{ background:url(../images/ft-arrow1.png) 0 0 no-repeat; width:42px; height:42px; left:-60px}

/*=========== productSlider =============*/
.productSlider .bx-wrapper{ margin:0 0 2px}
.productSlider .bx-wrapper .bx-pager{ display: block; position: relative; top: 0; left: 0; width: 100%; padding:0; text-align:left}
.productSlider .bx-wrapper .bx-next{ background:url(../images/product-arrow2.jpg) 0 0 no-repeat; width:30px; height:51px; right:0; top:36%}
.productSlider .bx-wrapper .bx-prev{ background:url(../images/product-arrow1.jpg) 0 0 no-repeat; width:30px; height:51px; left:0; top:36%}
.productSlider .bx-wrapper .bx-pager .bx-pager-item a{ border:1px solid #ccc; margin:2px 1px; display:block}
/*.productSlider .bx-has-controls-direction .bx-controls-direction{ display:none}*/


/*== responsive ===*/
@media only screen and (max-width: 1000px) {
.bx-controls-direction{ display:none}
.footer-promo .bx-wrapper .bx-pager{ right:0}
	
}
@media only screen and (max-width: 770px) {
.header-right{ width:auto}
.slider-right{ right:10px}
.slider-right h1{ font-size:30px}
.slider-right p{ font-size:27px} 
.footSlide1-img{ border:0}
.footSlide1-img img{ border:6px solid #fff; display: inline-block;}

}
@media only screen and (max-width: 700px) {
.slider-wrapper .slider-left{ float:none; position:static; width:100%; max-width:100%; left:0; top:0}
.shop-box{ border-radius:0}	
.selc-bg{ width:100%; background-position:99% 48%}
.slider-right{ right:0px; left:0; width:100%; text-align:center}
.footSlide1-img{ border:0}
.footSlide1-img img{ border:6px solid #fff; display: inline-block;}
.slider-right h1 {  font-size: 23px}	
.slider-right p{ font-size:21px}
.footSlide2, .footSlide1, .footSlide3{ width:100%; float:none; clear:both}
.footSlide2 h1{ font-size:25px}
.bx-controls-direction{ display:none}
.footer-promo .bx-wrapper .bx-pager{ right:0}
.footSlide1-img{ border:0}
.footSlide1-img img{ border:6px solid #fff; display: inline-block;}
.footSlide1{ text-align:center}
.get-more{ text-align:center}
.footSlide2 ul{ float:none; width:100%; text-align:center}	
.footSlide2 h1{ text-align:center}

}

@media only screen and (max-width:650px) {
.slider-right h1 {  font-size: 23px}	
.slider-right p{ font-size:21px}
.footSlide2, .footSlide1, .footSlide3{ width:100%; float:none; clear:both}
.footSlide2 h1{ font-size:25px}
.bx-controls-direction{ display:none}
.footer-promo .bx-wrapper .bx-pager{ right:0}
.footSlide1-img{ border:0}
.footSlide1-img img{ border:6px solid #fff; display: inline-block;}
.footSlide1{ text-align:center}
.get-more{ text-align:center}	
.slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a{ width:12px; height:12px}
.slider-wrapper .bx-wrapper .bx-pager{ bottom: 5px}
.shopBox-inn{ padding:10px}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ width:auto}
}

@media only screen and (max-width:320px) {
.slider-right h1 {  font-size:16px}	
.slider-right p{ font-size:16px}
.footSlide2, .footSlide1, .footSlide3{ width:100%; float:none; clear:both}
.footSlide2 h1{ font-size:25px}
.bx-controls-direction{ display:none}
.footer-promo .bx-wrapper .bx-pager{ right:0}
.footSlide1-img{ border:0}
.footSlide1-img img{ border:6px solid #fff; display: inline-block;}
.footSlide1{ text-align:center}
.get-more{ text-align:center}
.slider-wrapper .shopBox-inn { padding: 10px; width: 98%;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ width:auto}
}
