@charset "utf-8";
body
{
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	display: inline-block;
	width: 100% !important;
	color: #333333;
	overflow-x: hidden;
	font-weight:400;
}
input, button, select, textarea{ outline: none; font-family: 'Lato', sans-serif;}
#Body, #Body *{font-family: 'Lato', sans-serif;}
a, p, strong, ul, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0}
h1{font-size: 24px}
h3{font-size: 28px}
h4{font-size: 22px}
li{list-style: none}
a:focus, input:focus{outline: none !important;text-decoration: none;}
a:hover{text-decoration: none}

.pagewidth{float:left; width:100%}
.wrappage {width: 100%; }
input[type=text]::-ms-clear {  display: none !important; width : 0 !important; height: 0 !important; }
input[type=text]::-ms-reveal {  display: none !important; width : 0 !important; height: 0 !important; }
.input-text, .sub_search{outline :0px !important; }
.sub_search{border:0px !important}
#Body .tab-content-m{float:left; width:100%}
select:focus, button:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
    outline: none !important;
    border: none !important;
}
code {
    padding: 2px;
    background: #ddd;
}
img{max-width:100%;}
#gh-logo{max-width:500%}
a.text:hover{text-decoration:none}
/* Micro reset */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
  
/* Begin style header */
.header-container{ display: inline-block; width: 100%; position: relative; }
.header-container  .nav-trigger { display: none; }
.header-container #nav-trigger +label{  margin-bottom: 0}

.header-content .container{position: relative; display: inline-block}
.header-content{ display: inline-block; padding: 25px 0 0px; border-bottom: 3px solid #181818; width: 100%; text-align: center; position: relative; background: url("../images/WO-bg-header.png") no-repeat bottom center; background-size: cover;}
.header-content .logo-content{ float: left; text-align: left;width: auto;}
.header-content .text-shipping{ margin: 0; float: right; display: inline-block; position: absolute; right: 10px; bottom: 27px;}
.header-content .text-shipping a{display: inline-block; margin-top: 5px; float: left; color: #181818; font-size: 18px; line-height: 25px;font-family: 'Lato', sans-serif; font-weight: 700; text-transform: capitalize }
.header-content .text-shipping a:first-child{margin-right: 20px; padding-right: 19px; position: relative}
.header-content .text-shipping a:first-child:after{position: absolute; content: ""; width: 1px; height: 20px; right: 0; top: 3px; background: #CECECE}
.header-content .text-shipping a img{margin: 0 8px 6px 0;}
.header-content .text-shipping a.help{text-align:left; padding:6px 20px 6px 55px; margin:0 0 0 16px; line-height: 14px; background: #EDEDED url("../images/WO-icon-help.png") no-repeat 17px center; }
.header-content .text-shipping a.help span{display: block; color:#666; font-size: 12px; text-transform: uppercase; font-weight: 400}
.tags{background: #E1E1E1; display: inline-block; width: 100%; padding: 17px 0 15px;}
.tags .container{padding: 0 20px;}
.tags .box{width: 25%; float: left; display: inline-block; text-align: left; line-height: 32px;}
.tags .box2, .tags .box4,  .tags .box3{text-align: right}
.tags .box p{display:inline-block; color: #666; padding: 0 0 0 3px; font-size: 14px ; font-weight: 400; font-family: 'Lato', sans-serif; text-transform: capitalize }

/* End style header */ 

.search-container{display: inline-block; float: right; background: url("../images/WO-background-search.png") repeat; padding: 4px 7px 7px;}
.search-content{ width: 290px; display: inline-block;position: relative; }
.search-content .v4sbox{box-shadow:0 0 0 !important;border-radius:0px; background:#fff !important; width: 100%;  padding: 0px; border: 0 !important; font-size: 14px; line-height:27px; height: 27px; color: #a0a0a0; padding:  4px 46px 2px 15px; display: inline-block;font-family: 'Lato', sans-serif;}
.search-content .v4sbox.search-mobile{display: none}
.search-content .v5sbox{ background: url("../images/WO-icon-search.png") no-repeat center center;border-radius:0;  width:33px; text-indent:-9999px; height: 33px; border: 0  !important;  display: inline-block; position:absolute; top:-3px; right:-3px;}
.search-content .v5sbox:hover{ }
.v4sbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a0a0a0;
}
.v4sbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a0a0a0;
   opacity:  1;
}
.v4sbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a0a0a0;
   opacity:  1;
}
.v4sbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a0a0a0;
}
.header-container input{display: none}
.menu-header{ width:100%;  background: #245699 }
.menu-header .container { position:relative;}
.menu-header .menu-container {width:100%; display:inline-block; }
.menu-header ul {width:100%; display: inline-block; }
.menu-header ul li { float:left; position: relative; }
.menu-header ul li.other{display: none !important}
.menu-header ul li a {font-size:16px; font-family: 'Lato', sans-serif; text-transform: uppercase; color:#fff; font-weight:400; line-height:20px;  display: inline-block; padding: 11px 12px 9px}
.menu-header ul li a:hover { background-color:#28456f; }
.menu-header ul li input, .menu-header ul li .icon-cat{display:none}
.menu-header ul .sub-category{position: absolute; padding: 5px 0; top:40px; min-width: 270px; background: #fff; left: 0; z-index: 1;}
.menu-header ul .sub-category li{ width: 100%}
.menu-header ul .sub-category li a{color: #111111; font-weight: 400; font-size: 14px; line-height: 18px; width: 100%; padding: 10px 20px}
.menu-header ul .sub-category li a:hover{color: #fff}
.menu-header ul .sub-category,.menu-header ul .sub-category2{display:none}
/* End style header */

/* Begin style details content */
.main-container{display: inline-block; width: 100%; padding-top: 35px}
.product-detail-content{display:inline-block; width:100%;}
.product-shop-container{width:50%; float:right; padding-left: 75px}
.box-images-details{ margin: 8px 0 0; float:left; width: 50%; float: left; }
.slider{
	width: 100%;
	display:inline-block;
	position:relative;
	overflow: hidden;
}
.slider .grid-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  height: 385px;
  width: 570px;
  margin: 0 auto;
}
.slider .grid-wrapper p.zoom{margin: 10px 0 0; color: #5a5a5a; font-size: 14px; font-weight: 400 ; font-family: 'Lato', sans-serif; text-align: center; display: inline-block; width: 100%}

.slider .grid-item {
  height: 20%;
  width: 20%;
  position:relative;
  z-index:16;
  background:#fff;
  opacity:0;
  float:left;
} 
.slider .grid-item:hover:nth-of-type(5n + 1) ~ .grid-content .img-details p{ left: 0px; }
.slider .grid-item:hover:nth-of-type(1n + 1) ~ .grid-content .img-details  p{ top: 0px; }
.slider .grid-item:hover:nth-of-type(5n + 2) ~ .grid-content .img-details  p{ left: -12.5%; }
.slider .grid-item:hover:nth-of-type(1n + 6) ~ .grid-content .img-details  p{ top: -12.5%; }
.slider .grid-item:hover:nth-of-type(5n + 3) ~ .grid-content .img-details  p{ left: -25%; }
.slider .grid-item:hover:nth-of-type(1n + 11) ~ .grid-content .img-details  p{ top: -25%; }
.slider .grid-item:hover:nth-of-type(5n + 4) ~ .grid-content .img-details  p{ left: -37.5%; }
.slider .grid-item:hover:nth-of-type(1n + 16) ~ .grid-content .img-details  p{ top: -37.5%; }
.slider .grid-item:hover:nth-of-type(5n + 5) ~ .grid-content .img-details  p{ left: -50%; }
.slider .grid-item:hover:nth-of-type(1n + 21) ~ .grid-content .img-details  p{ top: -50%; }
/*Last thing remaining is to add transitions*/
.grid-content{text-align: center; display: inline-block; float: left; width: 100%; padding: 0 135px 0 130px;}
.slider  .img-details{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	text-align:center;
	z-index:2;
    height: 385px;
    width:570px;
	overflow: hidden;
	background: #fff
}
.slider  .img-details img{max-height: 385px;}
.slider .grid-item ~ .grid-content .img-details p{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%; 
}
.slider .grid-item ~ .grid-content .img-details img{
	max-width:100%;
	max-height: 100%;
}
.slider .grid-item:hover ~ .grid-content .img-details p{
   width:150%;
   height:150%
} 
.slider .grid-item:hover ~ .grid-content .img-details p img{
	width: auto;
	height: auto;
   max-width:100%;
   max-height:100%
} 

.slider input[name='slide_switch'] {
	display: none;
}

.slider label {
	/*Lets add some spacing for the thumbnails*/
	margin: 10px 0 0 1px;
	cursor: pointer;
	transition: all 0.5s;
	/*Default style = low opacity*/
	opacity: 1;
}
.slider span {
	/*Lets add some spacing for the thumbnails*/
	width:70px;
	height:70px ;
	text-align:center;
	display:inline-table;
	background: #fff; 
	border:1px solid #dddddd;
	display: table;
}
.slider input:checked+label span {border: 1px solid #4D4D4D;}
.slider input[value=""] + label{display: none !important}
.slider  span:has(img[src=""]){display:none;}
.slider label img{max-width:68px; max-height:68px;width:auto; }
.slider label   img[src=""]{display:none}
/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {opacity: 1;}
.slider input[name='slide_switch']:checked+label span img, .slider span:hover img { }
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ .img-details {
	opacity: 0;
	display:none;
}
.slider input[name='slide_switch']:checked + label + .img-details {
	opacity: 1;
	display:block;
	z-index:13;
	background: #fff
}
.slider input[name='slide_switch'][value=""]:checked + label + .img-details {z-index: 0}
.slider input[value*="http"] + label + div{ opacity: 1; display:block; z-index:2;}
.slider input#id1[value=""] + label + div + input#id2[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value=""] + label + div + input#id8[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value=""] + label + div + input#id8[value=""] + label + div + input#id9[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value=""] + label + div + input#id8[value=""] + label + div + input#id9[value=""] + label + div + input#id10[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value=""] + label + div + input#id8[value=""] + label + div + input#id9[value=""] + label + div + input#id10[value=""] + label + div + input#id11[value*="http"] + label + div,
.slider input#id1[value=""] + label + div + input#id2[value=""] + label + div + input#id3[value=""] + label + div + input#id4[value=""] + label + div + input#id5[value=""] + label + div + input#id6[value=""] + label + div + input#id7[value=""] + label + div + input#id8[value=""] + label + div + input#id9[value=""] + label + div + input#id10[value=""] + label + div + input#id11[value=""] + label + div + input#id2[value*="http"] + label + div{ opacity: 1; display:block; z-index:3;}

 .box-images-details .video{text-align: center; margin:25px 0 0px; display: inline-block; width: 100%}
 .box-images-details input{display: none}
 .box-images-details input[value=""] + .video{display: none}

 .product-view-name{  font-size:30px; font-family: 'Lato', sans-serif !important;  line-height:35px; color:#181818 ; font-weight: 600;  margin:0px 0  0px; text-transform: uppercase}
  
  .product-shop-container .note{display: inline-block; width: 100%; margin:25px 0 0;}
 .product-shop-container .note p{color:#181818; line-height: 22px; font-weight: 400; padding: 16px 52px; font-size: 16px; text-transform: uppercase; text-align: center; border:1px solid #000000;}

 .features{display: inline-block; width: 100%; margin: 40px 0 0; padding: 0 0 25px; border-bottom: 1px solid #DFDFDF;}
 .features h2{margin: 0 0 15px; font-weight: 700; font-size: 18px; color: #2d2d2d;}
  .features li{color:#2d2d2d; font-weight: 400; font-size: 14px;padding-left: 25px; background: url("../images/WO-icon-li-list.png") no-repeat left 5px; line-height: 20px; margin: 0 0 10px;}
  .features p{padding: 0 0 15px;}
 .description{display: inline-block; width: 100%; margin-top: 15px}
 .description,  .description p,  .description a,  .description li,  .description td,  .description th{ font-size:14px;font-family: 'Lato', sans-serif;  line-height:23px; color: #333333 }
 .description h1,  .description h2,  .description h3, .description h4,  .description h5,  .description h6{ font-weight: 700; color: #333333;margin-bottom: 12px }
 .description h1{  font-size:26px; line-height:33px;}
 .description h2{  font-size:22px; line-height: 29px;}
 .description h3{  font-size:18px; line-height: 24px;}
 .description h4{  font-size:14px; color: #333333; margin-bottom: 8px}
 .description h5, .description h6{ font-size:14px; margin-bottom: 8px}

/* Begin tabs*/
.tabs{margin-top: 50px;}
main {
  width: 100%;
  margin: 17px 0 0;
  position:relative;
  background: #E1E1E1;
  
} 
main section {
  display: none;
  width:100%;
  z-index: 0;
  padding: 27px 0 10px 0;
}
main input {
  display: none;
}
main label {
  display: inline-block;
   color:#616365;
   font-size:18px;
   line-height:22px;
   font-weight:700;
   font-family: 'Lato', sans-serif;
   padding:0;
   float:left;
   cursor:pointer;
   position: relative;
   text-transform: uppercase;
   margin: 0 1px 0 0
}
main input[name="tabs-mobile"] + label{display: none}
main label span{ width:100%; display: inline-block; padding:15px 22px 10px 28px; position: relative;}
main input:checked + label,main input:checked + label:hover,main input + label:hover{ color: #fff }
main input:checked + label  span,main input:checked + label:hover  span:after{background:#202020;}
main input:checked + label  span:after{border-top:3px solid #2EAF4A; position: absolute; content: ""; width: 100%; top:0; left:0;}
main input + label:hover  span:after{border-top:3px solid #2EAF4A; position: absolute; content: ""; width: 100%; top:0; left:0;}
main input+ label:hover  span{background:#202020;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6{
  display: inline-block;
  background: #fff;
} 

main section .left{width: 50%; display: inline-block; float: left; padding-right: 45px}
main section .right{width: 50%; display: inline-block; float: right}
main section .right h2{margin: 0 0 20px; color: #181818; font-size: 16px; font-weight: 700; font-family: 'Lato', sans-serif; text-transform: uppercase; background: url("../images/WO-icon-title.png") no-repeat left 6px; padding-left: 25px;}
main section .right table{margin: 0 0 0 25px; width: 65%;}

main section  p{max-width:100%;}
main section, main section a, main section li, main section p, main section td, main section th{ line-height:25px;font-size:14px; color:#4c4c4c;font-family: 'Lato', sans-serif; font-weight: 400}
main section table td{line-height: 31px;}
main section table td:first-child{width: 35%; font-weight: 700; border-right:1px solid #E1E1E1; padding-right: 25px; text-align: right}
main section table tr:nth-child(2n+1){background: #eee}
main section table tr td:last-child{padding-left: 23px}
main section h1, main section h2, main section h3, main section h4, main section h5, main section h6{ margin:0px 0 8px;line-height:27px;font-size:20px; color:#333333; font-family: 'Lato', sans-serif; text-transform: uppercase;}
main section h3{font-size: 18px; line-height: 23px; margin: 10px 0;}
main section h4{font-size: 16px; line-height: 21px; }
main section h5, main section h6{font-size: 14px; line-height: 20px}
main section p{margin: 10px 0 0;}
main section a{color: #000000 !important}
main section a:hover{ text-decoration: underline;}
main section a.text, main section a.text:hover, main section a.text:active, main section a.text:focus{color: #000000 !important; text-decoration: none !important;}
main section ol{margin:5px 0 0px 0px; display: inline-block; width: 100%}
main section ol {margin-left: 22px;}
main section ol li{list-style-type: inherit; padding-left: 2px}
main section ul{margin:0px; display: inline-block; width: 100%}
main section li{color: #2d2d2d; font-size: 14px; line-height: 20px; margin: 0 0 10px; font-weight: 400; position: relative; padding-left: 23px; background: url(../images/WO-icon-li-list.png) no-repeat left 5px}
main section img{max-width: 100%}
/* end tab*/
/* End style details content */
/* Begin footer */ 
.footer{margin-top: 35px; background: #353535}
.footer-bottom{ display:inline-block; width:100%;}
.footer-bottom-content{display: inline-block; width: 100%;  padding: 0 0px 15px; text-align: center; background: url("../images/WO-bg-footer.png") no-repeat left bottom}
.footer-bottom .box-footer{width: 33.33%; float: left; text-align: left; display: inline-block; padding-top:35px;}
.footer-bottom .box-footer:nth-child(2){float: right; width: auto;}
.footer-bottom .box-footer:nth-child(2) a span{display: inline-block; margin: 5px 0 0; line-height: 20px}
.footer-bottom .box-footer:nth-child(2) a span:first-child{margin: 0 13px 0 0; float: left; background: #fff url(../images/WO-icon-newsletter.png) no-repeat center center; width: 48px; height: 48px; border-radius: 24px; text-align: center; display: inline-block; text-indent: -9999px;}
.footer-bottom .box-footer:nth-child(2) a:hover span:first-child{background-color: #525252}
.footer-bottom .box-footer:nth-child(3){float:  right; width: 18%}
.footer-bottom .box-footer p, .footer-bottom .box-footer a{font-size:14px;font-family: 'Lato', sans-serif; line-height:24px; font-weight:400;  color:#c3c3c3; }
.footer-bottom .box-footer  a:hover{ text-decoration:underline; color:#7a7a7a; }
.footer-bottom .box-footer h4{color: #fff;font-family: 'Lato', sans-serif; margin-bottom: 14px; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase}
.footer-bottom .box-footer li{ margin-bottom: 5px;}
.footer-bottom .box-footer li:last-child{ margin-bottom: 0px;}
.footer-bottom .box-footer p a{font-size: 14px; color: #c3c3c3 !important; display: inline-block; padding: 0px 0px 0 0px; margin-top: 6px;  }
.footer-bottom .box-footer p a:hover{color: #fff; }
 
.footer-copy{margin: 65px 0 0; display: inline-block; width: 100%}
.footer-copy p{color: #fff !important;  font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; display: block; text-align: right}
.footer-copy p:first-child{padding-bottom: 10px}
.footer-copy .rainstorm img{float: right;}
/* End footer */

/* Begin style home */

	#CentralArea{display:inline-block; width:100%}
	.pagewidth .header-content{padding:0;}
	.pagewidth .header-content .logo-content{margin:24px 0 0;}
	.intro-page{margin-top: -15px}
	.main-carousel{margin-top: 30px}
	.header-content .text-shipping a.home:after{position: absolute; content: ""; width: 1px; height: 20px; right: 0; top: 3px; background: #CECECE}
	.header-content .text-shipping a.home {margin-right: 20px; padding-right: 19px; position: relative;}

	.cat-box{display:inline-block; width:100%; } 
	.cat-box ul{display: inline-block; margin: 0 -30px;}
	.cat-box li{width: 50%; float:left;  margin: 60px 0 0; position: relative; padding: 0 30px;}
	.cat-box li:nth-child(3n){margin-right: 0}
	.cat-box li .product-intro{display: inline-block; width: 100%;}
	.cat-box .cat-box-item{position: relative}
	.cat-box li .category-name{display: inline-block !important; height: 30%; bottom: 0px; position: absolute; width: 100%; left: 0px; background: url("../images/WO-bg-cat-box.png") repeat-x left bottom}
	.cat-box li .category-action{display: none}
	.cat-box li .category-name a{display: inline-block !important; font-size: 24px; color: #fff; font-weight: 700; font-family: 'Lato', sans-serif; text-transform: uppercase; padding: 0px 20px; width: 100%; position: absolute; bottom: 13px;}
	.cat-box li .cat-box-item:hover .category-name{height: 100%; background: url("../images/WO-bg-cat-box-hover.png") repeat}
	.cat-box li .cat-box-item:hover .category-name a{height: 100%; top:45%}
	.cat-box li .cat-box-item:hover .category-name a::after{bottom:91%;}
	.cat-box li .category-name a:after{background:  url("../images/WO-icon-cat-box.png") no-repeat right center; content: ""; position: absolute; right: 18px; bottom: 6px; height: 21px; width: 21px; background-size: 21px 21px}
	.cat-box li img{max-width:100%;}
	
	.featured-head h2{ margin-bottom: 28px;  width:100%; font-family: 'Lato', sans-serif; color: #181818; display: inline-block;  font-size: 24px; line-height: 26px; font-weight: 700; text-transform: uppercase; background: url("../images/WO-icon-title.png") no-repeat left 10px; padding:  0 0 0 26px; }
	.product-list{margin-top: 57px;}

	.brand-list{display: inline-block; position: relative; width: 100%; margin-top: 55px; padding-bottom: 70px;}
	label.view-less {display: none;}
	.brand-list input.view-more-less {display: none;}
	label.view-more {bottom: 0; cursor: pointer; font-size: 14px; font-weight: 700; font-family: 'Lato', sans-serif; color: #181818; left: 0; line-height: 24px; margin: 0 0 15px; position: absolute; text-align: center;text-transform: uppercase; width: 100%; z-index: 99999; background: url("../images/WO-viewmore.png") no-repeat 55% 8px;}
    .slider-brand .slides article:nth-child(24n) ~ article {display: none;}
    input.view-more-less:checked + label.view-more ~ .slider-brand .slides article:nth-child(24n) ~ article{display: inline-block;}
    input.view-more-less:checked + label.view-more {display: none;}
    input.view-more-less:checked ~ label.view-less {bottom: 0; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Lato', sans-serif; color: #181818; left: 0; line-height: 24px; margin: 0 0 15px; position: absolute; text-align: center; text-transform: uppercase; width: 100%; z-index: 99999; background: url("../images/WO-viewless.png") no-repeat 54.5% 7px;}
	.brand-list .slider-product .slides{margin:0; padding: 0;}

	.pagewidth .footer{margin-top: 25px;}
	.pagewidth .footer-bottom-content{padding:0 30px 30px; background-position:30px bottom;}
/* END style home */
/* Begin style store */
	.pagewidth img[src="http://pics.ebaystatic.com/aw/pics/s.gif"]{display: none}
	#LeftPanel{ width:280px; padding: 15px 0 0 10px;}
	table.v4midBox{border:0 !important}
	table.v4acpcont{margin-bottom:20px !important}
	.v4acp_head  .v4accent{padding:0; background:none;}
	.v4acp_head  .v4title{  width:100%; padding:0 !important;border-radius: 5px 5px 0 0; }
	.v4acp_head  .v4title h2{ position:relative; line-height:54px; border-top: 3px solid #37B252; }
	.v4acp_head  .v4title h2:before{content:"SHOP BY"; position:absolute; top:0; left:0px; color:#fff; width:100%;font-size:22px; line-height:54px;font-family: 'Lato', sans-serif; font-weight: 400; padding-left: 20px; background: #000; text-transform: uppercase}
	.v4acp_head  .v4title h2:after{content:"CategorY"; position:absolute; top:0; left:0px; color:#fff; width:100%;font-size:22px; line-height:54px;font-family: 'Lato', sans-serif; font-weight: 700; padding-left: 120px; text-transform: uppercase}
	.v4midBox.v4nfc .v4acp_mid .v4mid{background:#fff !important; border:0; padding:0;}
	.v4midBox.v4nfc .v4acp_mid div.ttl{display:none}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lcat{width:100%;  padding:0; border: 1px solid #eeeadf; border-top:0; border-radius: 0 0 3px 3px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li{width:100%; margin:0;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li{position:relative; border-bottom: 1px solid #D3D3D3; padding:11px 0 11px 20px;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 > li:last-child{ border:0;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li span{text-transform: uppercase;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{font-size:14px; line-height:19px;font-family: 'Lato', sans-serif; font-weight:700; color:#2d2d2d;  display: inline-block; }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li:hover a,
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child { color:#2eaf4a !important; }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2{padding:0 0 0 20px; position: relative }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2:after{content:""; position: absolute; top:-1px; left:0; width: 100%; border-top: 1px solid #fff;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{ list-style:none; padding:9px 0 9px 20px; border-top: 1px solid #ddd;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li:last-child{border-bottom: 1px solid #ddd}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li span:first-child{font-weight:700 ; font-size: 14px; text-transform: none}
	.v4midBox.v4nfc .v4acp_mid .v4mid .morelnk{display:none}
	.v4midBox.v4nfc .v4acp_mid div.link{}
	.v4midBox.v4nfc .v4acp_mid div.link br{display:none}
	.v4midBox.v4nfc .v4acp_mid div.link a{border-top:1px solid #f1f1f1; padding:8px 13px; display:inline-block; width:100%; font-size:15px; line-height:20px;font-family: 'Lato', sans-serif; font-weight:400; color:#111111;}
	.lcat .cnt{font-size:14px !important;font-family: 'Lato', sans-serif;  color:#999 !important; font-weight:400}
	.lcat .lev2 .cnt{font-size:12px !important; font-weight:400}
	.lcat a.all_cats{display:none}
	 
	.pagewidth .r3{width:100%;}
	.pagewidth .v4stabl, .pagewidth  div.r3_cm{ padding:0;}
	.pagewidth  div.r3_cm{ display: inline-block; min-height: auto; width: 100%; padding:2px 10px 17px 7px}
	.pagewidth .v4stabl, .pagewidth .ctrlbr .pdmt:first-child, .pagewidth div.r3_cm div.rs_box div.cmpBr span.cmsg.g-nav{ display: none;}
	.pagewidth .fpcc{display: inline-block; width: 100%;  padding: 9px 0px 16px; border-bottom: 1px solid #D8D8D8;}
	.pagewidth .fpcc > div{ border-bottom: 0; display: inline-block; width: 100%;}
	.fpcc .smuy{margin: 0;}
	.pagewidth .fpcc .smuy span{ color: #181818; display: inline;white-space:initial; font-weight:700; font-family: 'Lato', sans-serif; font-size: 22px; line-height:23px; text-transform: uppercase;}
	.pagewidth .fpcc .smuy span.keywordClass{font-weight:700; }
	.pagewidth .fpcc .smuy span.countClass, .pagewidth .fpcc .smuy span.keywordClass{ background: none; }
	.pagewidth .fpcc .smuy span.matchClass{  margin:0px 2px 0 4px; font-weight: 400; font-size: 22px}
	.pagewidth .fpcc .smuy span.countClass{ margin-left: 0;  }
	.toplne{margin-top:20px;}
	.olp-mn{margin-left:-6px}
	.pagewidth div.r3_cm div.rs_box{ display: inline-block; width:100%; position: relative; padding:0px;}
	td#CentralArea span.pdmt{ position: absolute; top: -42px; right:0px; padding-right:0px;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span {color: #2d2d2d; display: inline-block;font-family: 'Lato', sans-serif; font-size: 14px; line-height:18px;  font-weight:400 !important}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label {  padding-right:20px;  font-weight:700 !important; text-transform: uppercase}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label:after{content:""; position: absolute; width: 1px; height: 17px; background: #fff; margin-left: -3px; padding-right: 3px;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur { position:relative;  padding:5px 24px 5px 0px;  margin-left: 0; color: #9c9c9c;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur:after{background:url("../images/WO-icon-tab.png") no-repeat   center center; content:""; width:17px; height:8px; top:11px; right:0px; position:absolute; background-size: 12px 6px;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur   img{ display: none;}

	.pagewidth div.r3_cm div.rs_box div.ctrlbr  { border: 0; }
	.pagewidth div.r3_cm div.rs_box .pview.rs-pview { padding:0px; margin-top:2px;}
	.pagewidth .grid td.left{ border: 0;}
	.pagewidth td.gallery.left{ padding: 10px 5px 0;}
	.pagewidth td.gallery.left:last-child{ padding:10px 0 0 10px;}
	.grid td.gallery:first-child{ padding:10px 10px 0 0;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .pgbc .page, .pagewidth div.r3_cm div.rs_box .dynpg  .r .form{ display: none; }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next  a,	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev  a{ display: inline-block;background: url("../images/WO-bg.png") no-repeat 0 0; text-align: center; text-indent: -9999px;width:22px ; height: 20px;  margin:3px 0 0 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev {padding: 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next {padding: 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a:first-child{background-position: -10px -56px; width: 7px; height: 16px; margin-right: 10px; padding-top: 7px;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.disabled:last-child{display: none ; background-position: -10px -125px; width: 6px; height: 18px; margin: 0 8px 0px 3px; }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.enabled:last-child{display: inline-block; background-position: -10px -132px; width: 6px; height: 10px;  margin: 8px 8px 0px 3px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next{padding-left: 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.disabled:first-child{display:none    }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a:first-child{background-position: -10px -76px; width: 7px; height: 10px; margin-top: 2px; margin-left: 10px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.disabled:last-child{display: none}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.enabled:last-child{ display: inline-block; background-position: -10px -112px; width: 6px; height: 10px;  margin-left: 6px ; margin-top: 2px;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages .pipe{ display: none; }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a{color: #111111 !important; font-family: 'Lato', sans-serif; font-size:14px; line-height: 20px; padding:4px 5px 4px 4px; display:table-cell;   display: inline-block; font-weight: 400; margin:0 3px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a.disabled,.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a:hover{color:#fff !important; background: #2EAF4A;  }

	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a, .pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a:active{text-decoration: none;}
	.dynpg .l{padding: 0;}
  .dynpg .r{padding: 0}
	.pager{ margin: 0px auto 15px; }
	.rs_box{ border: 0;}

	.pagewidth table.gallery{ background: #FFF; border: 1px solid #ccc;  margin-top: -3px}

	table.gallery tr td.details {padding: 20px 17px 10px; height: 168px; }
	table.gallery tr td.details div.ttl{  height: 40px; overflow: hidden; margin-bottom:20px;}
	table.gallery tr td.details div.ttl a{ font-size:14px;font-family: 'Lato', sans-serif;  color: #181818; line-height:21px; font-weight: 700; text-transform: uppercase}
	table.gallery tr td.details div.ttl a:hover{ color: #618018;}
	table.gallery tr td.details div.g-nav.subtitle{display: none; height:32px; overflow:hidden; margin-bottom:14px; font-size:12px; line-height:15px; color:#666666; font-family: 'Lato', sans-serif;}
	table.gallery tr td.details div.g-nav.subtitle img{display:none;}
	table.gallery tr td.details table.fixed img{ margin: 2px 0 0 0px;}
	table.gallery tr td.details table.fixed tr td.bin-content span{  font-family: 'Arial' !important; font-size: 20px; color: #ca0e0e; font-weight:bold; line-height:27px;}
	table.gallery tr td.details table.fixed tr.price-style-1 span{  font-family:  'Arial' !important; font-size: 14px; color: #000000;  line-height:25px; text-decoration:line-through;}
	table.gallery .mi{display: none; padding: 4px 10px 0 17px; }
	table.gallery .mi a{ font-size:10px; font-family: 'Lato', sans-serif;  line-height:13px; color:#222222;}
	table.gallery tr td.details table.fixed tr td div.ship span,
	table.gallery tr td.details table.fixed tr td div.clr span{font-family: 'Lato', sans-serif;  font-size: 12px; line-height:13px;color: #919191; font-weight: 400; padding:0px;}
	table.gallery tr td.details table.fixed tr td div.clr span.label{padding-right:5px;}
	table.gallery tr td.details table.fixed tr td div.ship span.ship{font-weight: 400}
	table.gallery tr td.details table.fixed tr td div.clr.time2:last-child{margin: 3px 0 0;}
	table.gallery div.clearFullDiv{ padding: 20px 0 0; font-family: 'Lato', sans-serif; font-size:12px;}
	table.gallery table.fixed div.cpa{margin:0 !important;}
	.r3_t b, .r3_bl b{ background: none;}
	.r3_t i, .r3_bl i{ border: 0;}
	.r3_t, .r3_c, .r3_bl{ background: none; border: 0;}
	table.gallery img.sale{display: none}

	.r3_t{ display: none; }
	.cmpBr{ background: none; border: 0; height: 0;}
	td#CentralArea div.dynpg, table.pgbc{ border: 0; background: none; }
	td#CentralArea div.dynpg .m{ width:100%;}
	div.itemseparator{ border: 0;}
	.rs-pview{ padding: 0;}
	.pagewidth td#CentralArea div.v4stabl{ display:none;}
	.pagewidth .olp-mr{ display: none;}
	.pagewidth .olp-tl p{ display: none; }
	.olp-tl, .olp-tr, .olp-bl, .olp-br{ border: 0;}
	.olp-tl, .olp-bl, .olp-bl p{ background: none;}
	.olp-ml{ border: 0; background: none;}
	.olp-tl p{ border: 0; background: none;}
	.olp-tr, .olp-br, .olp-mr{ background: none; }
	.olp-bl div{ border: 0; display: none; }
	.ml-pm .olp-cnt{ border: 1px solid #e5e5e5; padding: 15px; }
	.pagewidth .dynpg td.pages a.disabled{ }
	.pagewidth .pipe{ display: none;}
	table.gallery td.picture{ padding:30px 0 20px; }
	table.gallery td.picture .image{margin:0px auto;display:table;height:140px;  }
	table.gallery img{max-height:140px;}
	table.gallery td.picture .image a{display: table-cell; vertical-align: middle; text-align:center;}
	 a.ppr{color: #1f2398; font-size:10px;}
	 table.gallery tr td.details div.ttl img{ display: none; margin-left:4px;}
	 table.gallery table.fixed {width:100%;margin-top:14px}
	 table.gallery table.fixed.price-2 { margin-top:0;}
	 table.gallery table.fixed tr{position: relative; display: table; width: 100%}
	 table.gallery table.fixed tr.price-style{ margin-bottom:14px;}
	 table.gallery table.fixed tr td .stp{ text-align: right ; display:none}
	 table.gallery table.fixed tr td:last-child{text-align:right;}
	 table.gallery table.fixed tr td .bin.g-b,
	 table.gallery table.fixed tr td .bid.g-b{  font-size:20px;font-family: 'Lato', sans-serif; line-height:20px; color:#231f20; font-weight:700;}
	 table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{ display: none; font-size:14px;font-family: 'Lato', sans-serif; line-height:20px; color:#222222; padding-left: 10px }
	 table.gallery table.fixed span.disct, table.gallery table.prices span.disct{margin-top:4px; display: none}
	 table.gallery table.fixed tr td{  display: table-cell; }
	 .pagewidth .stBadge{ margin-top:7px; min-width:100px}
	 .pagewidth .stBadge img{ width:auto; max-width:100%}

	.pgbc{padding:0;}
	td#CentralArea div.dynpg{padding:0;}
	td#CentralArea div.dynpg .m .pager{margin:17px auto 0;  }
	.olp-pad{padding: 0 !important; width:100% !important;}
	#v4-56, .vsc{width:100% !important;}
	#PreviewLayer .olp-cnt{width:100% !important; left:0;}
	.stBadge-accent td{background: #333 !important}
/* End style store */
/* Begin style supbage */
.sub-page{padding:5px 10px 27px; display:inline-block; width:100%}
.sub-page input{display:none} 
.sub-page .col-left{padding:0 0px 0 0;  width: 24%; float: left;}
.sub-page .col-left input + label{position: relative; color:#fff; padding:0 0 0 24px; width: 100%; margin: 0; font-size:22px;font-family: 'Lato', sans-serif; line-height:60px; font-weight: 400; background: #181818; text-transform: uppercase}
.sub-page .col-left input + label::after{content: "";border-top: 3px solid #37B252; position: absolute; top: 0; width: 100%; left: 0;}
.sub-page .col-left  ul{border-top:0; border:1px solid #eeeadf; border-radius: 0 0 3px 3px}
.sub-page .col-left  ul li{position:relative; border-bottom: 1px solid #eeeadf; position: relative;}
.sub-page .col-left  ul li:last-child{ border-bottom:0}
.sub-page .col-left  ul li:before{ position: absolute; content: ""; top:20px;left: 20px; width:6px; height: 10px; background: url(../images/BigW-bg.png) no-repeat 0 -341px; z-index: 1 }
.sub-page .col-left  ul li a{color:#222222;width: 100%; display:inline-block; padding:11px 0px 11px 20px; font-size:15px; line-height:19px;font-family: 'Lato', sans-serif; font-weight:700;}
.sub-page .col-left  ul li a:hover,.sub-page .col-left  ul li.active a{color: #618018 }
 
.subpage-container{padding:13px 0 0 40px;  width:76%; float: left;}
.subpage-container h1, .subpage-container h2, .subpage-container h3, .subpage-container h4, .subpage-container h5, .subpage-container h6{font-size:22px; color:#181818; text-transform:uppercase;font-family: 'Lato', sans-serif; font-weight:700; line-height:28px; margin:0 0 20px}
.subpage-container h2{font-size:16px; line-height:32px; margin-bottom:15px; color: #2c2c2c; text-transform: capitalize}
.sub-page h2.australian-postage {
    padding-left: 40px;
    background: url(../images/wild-australian-postage.png) no-repeat left center;
    line-height: 30px;
}
.sub-page h2.international-postage {
    padding-left: 40px;
    background: url(../images/wild-international-postage.png) no-repeat left center;
    line-height: 30px;
}
.subpage-container h3{font-size:20px; line-height:28px; margin-bottom:27px}
.subpage-container h4{font-size:18px; line-height:23px; margin-bottom:22px}
.subpage-container h5{font-size:14px; line-height: 18px; margin-bottom: 0}
.subpage-container,.subpage-container h5, .subpage-container p, .subpage-container a,.content-text a.text,  .subpage-container th,  .subpage-container td,  .subpage-container li{font-size:14px; color:#2d2d2d;  font-family: 'Lato', sans-serif; font-weight:400;line-height:23px;}
.subpage-container a{color:#2eaf4a !important;}
.content-text a.text{font-weight:400; color: #2d2d2d !important; text-decoration: none !important}
.subpage-container  a:hover{ text-decoration: underline;  }
.content-text p{margin-bottom: 5px;}
.content-text p:last-child{margin-bottom: 0px;}

.content-text{padding-bottom:20px; margin:0;}
.content-text:last-child{padding-bottom: 0;}
.subpage-container li{margin-bottom:7px; position:relative; }
.subpage-container ul li:last-child, .subpage-container ol li:last-child{margin-bottom:0px;}
.subpage-container ul li{padding-left:16px; background:url("../images/WO-icon-li-subpage.png") no-repeat left 8px;}
.subpage-container ol{margin:0px 0 0 14px;}
.subpage-container ol li{list-style:inherit; padding-left:2px;}
.subpage-container .color-red{color: #b2142c !important}

.subpage-container table{margin-top: 15px; width: 100%}
.subpage-container th{font-weight: 700; font-size: 14px; color: #131313; background: #E0E0E0}
.subpage-container th, .subpage-container td{padding: 7px 20px 7px 20px; border-left: 1px solid #fff}
.subpage-container tr:nth-child(2n+1){background: #EEEEEE}

.contact-information {width: 100%; float: left;}
.contact-information .list-info {display: block;  padding: 0; width: 100%; margin: 0 0 20px 0;}
.contact-information .list-address h3 {background: url(../images/wild-contact-address.png) no-repeat left center;}
.contact-information .list-info h3 {font-size: 18px; font-weight: 700; color: #2d2d2d; line-height: 23px; font-family: 'Lato', sans-serif; margin: 0 0 5px 0; padding: 0 0 0 30px; text-transform: capitalize}
.contact-information .list-hours h3 {background: url(../images/wild-contact-hours.png) no-repeat left center;}
.contact-information .list-postal h3 {background: url(../images/wild-contact-post-address.png) no-repeat left center;}
.contact-information .list-store h3 {background: url(../images/wild-contact-email.png) no-repeat left center;}
.contact-information .list-info p {font-size: 14px; line-height: 18px; font-weight: 400; color: #2d2d2d; font-family: 'Lato', sans-serif; margin: 0; padding: 0 0 0 30px;}
.contact-information .list-info a.message{color:#2d2d2d !important; font-size: 18px; font-weight: 700}
/* End style supbage */

@media (max-width:1199px){ 
	/* Begin listing */
	.header-content{background-size: 100% 100%;}
	.tags .box p{font-size: 12px}
	.tags .container{padding: 0 10px;}
	
	.grid-content{padding: 0 10px;}
	.slider .grid-wrapper, .slider .img-details{width: 381px; height: 381px;}
	.slider .img-details img{max-height: 379px;}
	.slider span{width: 72px; height: 72px}
	.slider label img{ max-width: 70px; max-height: 70px } 

	.product-shop-container .note p{padding: 16px 10px;}

	.footer-bottom .box-footer:nth-child(3){width: 21%;}

	/* End listing */
	/* Begin home */
	.slider-product .slides {margin: 0 -10px !important;}
	.slider-product .slides article .images-product{height: 145px !important;}
	.slider-product .slides article{padding: 0 10px !important}

	.cat-box li .category-name{height: 50%;}

	.search-container{position: absolute; right: 10px; top:0;}
	label.view-more{background-position: 56% 8px;}
	input.view-more-less:checked ~ label.view-less{background-position: 55.5% 8px;}
	/* End home */

	/*store*/
	.pagewidth .fpcc{padding: 15px 0px 16px;}
	.pagewidth .fpcc .smuy span{font-size: 16px}
	.pagewidth .fpcc .smuy span.matchClass{font-size: 16px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.enabled:last-child{ margin-right: 2px 8px 0px 3px}

	/*subpage*/
	.sub-page .col-left input + label{font-size: 17px}
}
@media  (max-width:1140px){ 
	/* Begin home*/
	/* End home */

}
@media (max-width:1024px){
	/* Begin listing */
	.slider .grid-item{z-index: -10}
	/* End listing */ 
}
@media (max-width:992px){
	/* Begin listing */
	.menu-header ul li a{font-size: 14px;}
	main label{font-size: 16px}
	.box-images-details{width: 45%;}
	.product-shop-container{width: 55%}
	.slider .grid-wrapper, .slider .img-details{width: 413px; height: 413px;}
	.slider .img-details img{max-height: 412px;}
	.slider span{width: 80px; height: 80px}
	.slider label img{ max-width: 78px; max-height: 78px }
	/* End listing */
	/* Begin store */
	#LeftPanel{width:250px;} 
	.v4acp_head .v4title h2::after{font-size: 18px; padding-left: 108px;}
	.v4acp_head .v4title h2::before{font-size: 18px;}
	/* End store */
}
@media  (min-width: 768px) and (max-width:938px){
	/* Begin listing */
	.header-content .text-shipping a{font-size: 13px}
	.header-content .text-shipping a.help span{font-size: 11px}
	.tags .box p { font-size: 10px;}

	.box-images-details{width: 50%;}
	.product-shop-container{width: 50%; padding-left: 40px;}
	.slider .grid-wrapper, .slider .img-details{width: 374px; height: 374px;}
	.slider .img-details img{max-height: 372px;}
	.slider span{width: 70px; height: 70px}
	.slider label img{ max-width: 68px; max-height: 68px }
	main label span{padding: 15px 15px 10px 15px;}

	.footer-bottom .box-footer:nth-child(2) {padding-left: 30px;}
	.footer-bottom .box-footer:nth-child(3){width: 25%}
	.footer-bottom-content{background-size: 100% auto}
	.footer-copy{margin:40px 0 0;}
	/* End listing */   
	
	/* Begin home */ 
	.cat-box li .cat-box-item:hover .category-name a::after{bottom:86%;}

	.slider-product .slides {margin: 0 -5px !important;}
	.slider-product .slides article {padding: 0 5px !important;}
  	.pagewidth .footer-bottom .box-footer:nth-child(2){padding-left: 0}
  	.slider-product .slides article .name-product {margin-top:0 !important;}
  	label.view-more {background-position: 57.5% 8px;}
  	input.view-more-less:checked ~ label.view-less {background-position: 57% 7px;}

	/* Begin  store */
	.pagewidth div.r3_cm{padding-top: 0px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 > li,	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{padding-left: 27px}
	.sub-page .col-left input + label{font-size: 18px}
	td#CentralArea span.pdmt{position: initial;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr{padding: 0}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label{padding-left: 0}
	table.gallery tr td.details{padding: 10px 10px}
	table.gallery .mi{padding-left: 10px}
	.pagewidth .fpcc .smuy span.matchClass{font-size: 17px;}

	
	
	table.gallery table.fixed tr td .bin.g-b{font-size:12px;}
	.v4acp_head .v4title h2, .col-left .box-brand h2{font-size:21px;}
	table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{font-size:12px;}
	table.gallery tr td.details table.fixed img{ max-width:50px;} 
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{margin: 0 5px}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .next a.enabled:last-child{margin-left: 10px}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .prev a.enabled:last-child{margin-right: 3px}

	.pagewidth div.r3_cm div.rs_box{margin:15px 0 0;}
	
	/* Begin  subpage */
	.sub-page .col-left{ width: 30%;}
	.subpage-container{width:70%;}
	.subpage-container table{width: 100%}
}
@media(max-width: 767px){
	/* page listing */
	.header-container{background: #fff}
	.header-content .logo-content{width: 72%}
	.header-content .text-shipping{bottom:17px;}
	.header-content{ margin: 0; position:relative; text-align: center; }
	.header-content .text-shipping a{font-size: 16px}
 	.header-content .text-shipping a.help{font-size: 18px; margin: 0 0 0 13px;}
 	.header-content .text-shipping a:first-child{margin-right: 13px; padding-right: 13px}

	.tags .box img{width: 20px; height: 20px; }
	.tags .box4 img{width: 16px;}
	.tags .box{width: 26%}
	.tags .box2{width: 29%}
	.tags .box3{width: 21%}
	.tags .box4{width: 24%}
	.product-view-name{font-size: 24px; color:#484848; margin: 5px 0 0;}
	.slider .grid-wrapper p.zoom{display: none}
	.box-images-details .video{margin: 26px 0 0;}

	main section .left{width: 100%; padding:0;}
	 main section .right{width: 100%; padding:0; margin: 15px 0 0;}
	 main section .right table {margin: 0; width: 100%;}

	/* begin style store*/
	.navigation{  background: #111;}
	/* Navigation Menu - List items */
	/* non-critical appearance styles */
	.nav-item { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #000;}
	/* critical styles - hide the checkbox input */
	.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);}
	.nav-trigger + label{display: block; background: url("../images/BigW-bg.png") no-repeat 0px -183px; cursor: pointer; float: left; height: 36px;   width: 36px; float:left; position:absolute; top:22px;left:10px; margin: 0; z-index: 5}
	/* Make the Magic Happen */
	.header-content .menu-header {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; display: none;}
	.nav-trigger:checked + label {  background-position: 0px -229px;}
	.nav-trigger:checked ~ .menu-header {filter: alpha(opacity=50); opacity: 1; display: inline-block !important; }
	.menu-header{background: #28456f; display: none !important; z-index:19;width:100%; position:relative; top:0px; left:0;  text-align:left; }
	.menu-header .menu-container{width: 100%}
	.menu-header .container{padding: 0}
 
	.main-container{padding-top: 20px;}
	.box-images-details,  .product-shop-container{width:100%; float:none; padding:0;}
	.box-images-details{margin-top: 20px}
 	
 	.slider .grid-wrapper{width: 620px; height: 620px}
 	.slider .img-details{width: 620px; height: 620px;}
 	.slider .img-details img{max-height: 618px;}
	.grid-content{margin-left: 0px; width: auto; padding:0;}
	.slider label{margin: 10px 0 0 10px} 
 	.slider span{width: 92px; height: 92px;}
 	.slider label img{max-width: 90px; max-height: 90px;}

	.tabs {margin-top: 40px;}
	main label{width: 100%; border-bottom:1px solid #C4C4C4; }
	main label[for="tab6"]{border:0;}
 	main label span{padding-left: 17px}
 	main input:checked + label span:after, main input + label:hover span:after{background: none}
 	main label span:after{position: absolute; content: ""; right: 17px; top:22px; width: 17px; height: 8px; background: url("../images/WO-icon-tab.png") no-repeat right center}
 	main input:checked + label span::before, main input + label:hover span::before{position: absolute; right: 17px; content: ""; width: 17px; height: 8px; top: 22px; background: url("../images/WO-icon-tab-active.png") no-repeat right center}
 
	.footer{margin-top: 30px;}
	.footer-bottom-content{	background-size: auto 70px;}
	.footer-bottom .box-footer{width: 33.33% !important; padding-top: 28px; padding-left: 28px}
	.footer-bottom .box-footer:nth-child(3){width: auto !important}
	.footer-bottom .box-footer:nth-child(2) {padding-left: 15px;}
	.footer-bottom .box-footer:nth-child(2) a span:first-child{margin: 0 9px 0 0;}
	 .footer-copy{margin:10px 0 0;}

	/* page home */ 
	.intro-page .banner .container{padding:0;}
	.search-container{top:-15px;}
	.search-content{width: 200px}
	.pagewidth .header-content{padding: 15px 0 0;}
  	
  	.cat-box ul{margin: 0 -7px;}
  	.cat-box li{margin: 20px 0 0; padding: 0 7px;}
  	.cat-box li .cat-box-item:hover .category-name a::after{bottom:91%;}
  	.cat-box li .category-name a{font-size: 15px}
  	.product-list {margin-top: 40px;}
  	.featured-head h2 {margin-bottom: 18px;}

  	.brand-list{margin-top: 16px;}
  	.slider-brand .slides article:nth-child(15n) ~ article {display: none;}
  	input.view-more-less:checked + label.view-more ~ .slider-brand .slides article:nth-child(15n) ~ article {display: inline-block;}
  	label.view-more {background-position: 57.5% 8px;}
  	input.view-more-less:checked ~ label.view-less {background-position: 57% 7px;}

	.pagewidth .footer{margin-top: 30px;}
	.pagewidth .footer-bottom-content{padding: 0 0 30px;}
	/* page store */
	 
	table.tb_v4bc tr td{padding:0 10px;}
	td#LeftPanel + td{display: none}
	td#LeftPanel + td +td{display: block; width: 100%;}
	td#LeftPanel{width: 100%; padding: 0 10px 10px; display: inline-block;}
	
	#LeftPanel .v4acpcont > tbody > tr:first-child + tr{display:none}
	#LeftPanel .v4acpcont:hover > tbody > tr:first-child + tr{display:block}
	#LeftPanel .v4acpcont  table, #LeftPanel .v4acpcont  tbody, #LeftPanel .v4acpcont  tr, #LeftPanel .v4acpcont  td{width:100%; display:block}
	table.v4acpcont .v4title h2{position:relative; text-align:left; }
	table.v4acpcont .v4title h2:after{ position:absolute; top:-2px; right:10px; text-align: right; width:30px; height:30px; content:"+";font-family: 'Lato', sans-serif; font-weight: bold; font-size: 25px; color: #fff; width: 100%; padding-right: 20px}
	table.v4acpcont:hover .v4title h2:after{content: ""}
	 .v4acp_head .v4title h2{padding-bottom: 0}
	 table.gallery .mi{padding-left: 10px}
	table.v4acpcont{margin-bottom:0px !important;}
	 .pagewidth  div.r3_cm{padding:10px 10px 0 10px;  }
	 .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur::after{right: 0}

	/* subpage*/
	.sub-page{padding:0 10px; margin-top: -5px}
	.sub-page .col-left, .sub-page .subpage-container{display: inline-block; width: 100%; padding: 0 }
	.subpage-content{margin-top:40px;}
	.menu-left-subpage  ul {display:none}
	.menu-left-subpage  input:checked ~ ul{display:block; padding:0}
	.menu-left-subpage  input + label{position:relative; width:100%;}
	.menu-left-subpage  input + label:before{position:absolute; top:0px; right:18px; content:"+";font-family: 'Lato', sans-serif; font-size:24px; font-weight:700; color:#fff;}
	.menu-left-subpage  input:checked + label:before{top:0px;  content:"–"; }
	.sub-page .col-left ul li:last-child{ border-bottom: 1px solid #eeeadf }
	.subpage-container ol{margin-left:14px;}
}
@media(max-width:736px){
	.tags .box p {font-size: 10px;}
	.footer-bottom .box-footer h4{font-size: 15px}
	.footer-bottom .box-footer:nth-child(3) {width: 27% !important;}
	.footer-bottom .box-footer:nth-child(2) {padding-left: 0px;}
	.footer-bottom .box-footer{padding-left: 10px}
	/*home*/
	input.view-more-less:checked ~ label.view-less {background-position: 58% 5px;}
	label.view-more {background-position: 58% 7px;}
}
@media(max-width:667px){
	.header-content .text-shipping a {font-size: 14px;}
	.header-content .text-shipping a.help{font-size: 15px}
	/*home*/
	.pagewidth .header-content .logo-content {margin: 35px 0 0;}
	label.view-more {background-position: 59% 8px;}
	input.view-more-less:checked ~ label.view-less {background-position: 58% 8px;}
}
@media(max-width:640px){
}
@media(max-width:639px){
	/* page listing */
	.header-content{background-size: auto}
	.header-content .logo-content{width: 100%}
	.header-content .text-shipping {bottom: 14px;}
	.header-content .text-shipping a span{display: none !important}
	.header-content .text-shipping a.help{width: 24px; height: 24px; text-indent: -9999px; padding:0; background-position: center center; background-color: transparent;}
	.header-content .text-shipping a:first-child::after{top: -1px;}
	.header-content .text-shipping p span{display: none}
	
	.tags{padding: 18px 0 5px;}
	.tags .box p {font-size: 14px; line-height: 16px;}
	.tags .box{width: 50%; text-align: left; margin: 0 0 18px;}
	.tags .box img {width: 30px; height: 27px; margin: 3px 6px 0 0; float: left;}
	.tags .box2 img {width: 22px; height: 22px}
	.tags .box3 img {width: 23px; height: 24px; margin: 3px 9px 0 4px;}
	.tags .box4 img {width: 19px; height: 23px; margin: 3px 7px 0 2px;}
	.tags .box span{display: block}
	.tags .box2, .tags .box4{padding: 0 0 0 20px;}
 
 	.main-container{padding-top: 16px;}
	.product-view-name{font-size: 24px; line-height: 37px}
	.product-shop-container .note p b{display: block}

 	.slider .grid-wrapper, .slider .img-details{width: 460px; height: 460px;}
 	.slider .img-details img{max-height: 458px}
 	.grid-content{margin-left: 0px}
 	.slider label{margin: 10px 0 0 10px}
 	.slider span{width: 84px; height: 84px;}
 	.slider label img{max-width: 82px; max-height: 82px;}
 
	.footer .container{padding: 0 }
	.footer-bottom-content{padding:0 0px 80px; background-size:100% auto; background-position: 3px bottom}
	.footer-bottom .box-footer{width:100% !important; float:left !important;  padding:35px 0px 0px 30px !important;}
	.footer-bottom .box-footer:nth-child(3){width: 100% !important}
	.footer-bottom .box-footer h4{font-size: 18px}

	.footer-copy{margin: 50px 0 0;}
	.footer-copy p{text-align: center}
	.footer-copy p:first-child{width: 310px; margin: 0 auto; float: none}
	.footer-copy .rainstorm img{float: none}

	/* style home*/  
	.search-container{padding: 7px;}
	.search-content{width:140px; }

	.banner .container{padding: 0}
	.cat-box .container{padding: 0 10px}
	.cat-box ul {margin: 0;}
	.cat-box li{width:100%; padding:0 !important; margin:  10px 0 0; }
	.cat-box li img{width:100%;}
	.cat-box li .cat-box-item:hover .category-name a::after {bottom: 95%;}
	.cat-box li .category-name{height: 50%;}
	.featured-head h2 {margin-bottom: 27px; background-position: left 8px}

	.brand-list {margin-top: 30px;}
	.slider-brand .slides article:nth-child(6n) ~ article {display: none;}
	input.view-more-less:checked + label.view-more ~ .slider-brand .slides article:nth-child(6n) ~ article {display: inline-block;}

	.pagewidth .footer-bottom-content{padding: 0 0 80px; background-position: 3px bottom;}
	/* style store*/
	.pagewidth .menu-header .navigation{margin-top:0;}
	.col-left .box-brand ul li{width:50%}
	.pagewidth td.gallery{padding:10px 0 0  !important; width:100%; display:block}
	table.gallery tr td.details div.ttl{height:auto;}
	.box-trustmakers .box p strong{font-size:12px; line-height:15px;}
	table.gallery tr td.details div.ttl{height:auto;}
	table.v4acpcont{margin-bottom:0px !important}
	table.gallery tr td.details{height:auto;}
	 
	.pagewidth .fpcc, .pagewidth div.r3_cm div.rs_box div.ctrlbr{text-align:center}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr{padding: 10px 0 0;}
	td#CentralArea span.pdmt{position:inherit; }
	.pagewidth table.gallery {border: 1px solid #dcdcdc !important;}

	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{margin: 0 7px; font-size: 15px;}
	
}
@media(max-width:568px){ 
	/* home */
	label.view-more {background-position: 61% 8px;}
	input.view-more-less:checked ~ label.view-less {background-position: 60% 8px;}
}
@media(max-width:480px){ 
	/* home */
	label.view-more {background-position: 63% 8px;}
	input.view-more-less:checked ~ label.view-less {background-position: 62% 8px;}
	.cat-box li .cat-box-item:hover .category-name a::after{bottom:93%;}
	.cat-box li .category-name a::after{bottom: 3px;}
}
@media(max-width:479px){
	
	/* page listing */
 	.slider .grid-wrapper{width: 300px; height: 300px}
 	.slider .img-details{width: 300px; height: 300px;}
 	.slider .img-details img{max-height: 298px}
 	.grid-content{margin-left: -6px}
 	.slider label{margin:20px 0 0 6px} 
 	.slider span{width: 66px; height: 66px;}
 	.slider label img{max-width: 64px; max-height: 64px;}

}
@media(max-width:414px){

	/* home */
	.cat-box .featured-head span{width: 243px; line-height: 24px}
	.cat-box .featured-head h2::before {top:24px}
	.cat-box li{width:100%; padding: 0 !important}
	.cat-box li img{width:100%;}

	label.view-more {background-position: 65% 8px;}
	input.view-more-less:checked ~ label.view-less {background-position: 64% 8px;}

	/* store*/ 
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{font-size: 14px; margin:  0 3px}

	#PreviewLayer_olp_pad > div{height: auto !important}
	#PreviewLayer{ max-width: 90% !important; display: inline-block; }
	#PreviewLayer .ic-w400.ic-m { display: inline-block; width:100%;  }
	#PreviewLayer .ic-w400.ic-m center{ width: 100% !important; height: auto !important; display: inline-block;}
	#PreviewLayer .ic-w400.ic-m center img{ width: 100% !important; float: left; height: auto !important; }
	.olp-cnt,div.vsc,.ic-cp{max-width: 310px !important;}
	div.vsc  table,div.vsc  tr,div.vsc  td,div.vsc  div{max-width: 310px !important;}
	.ic-w400.ic-m { height:auto;width:100%;}
	.ic-w400{ height:auto;width:98% !important;    overflow: inherit;}
	.ic-cntr .ic-b1{ padding:10px;max-width: 310px !important; height:auto !important;  border:0 !important}
	#v4-56{ height:auto !important}
	.ic-cp{border:1px solid #ececec; display:inline-block; width:100%;}

	.olp-mn.ml-pm{margin-left: 10px}
	
}
@media(max-width:400px){ 
	/* store*/ 
	.olp-mn{margin-left:0}
	.ml-pm .olp-cnt{ margin-left:0px;}
}
@media(max-width:399px){ 
	 
	/* store*/
	.olp-mn{margin-left:10px}
	#PreviewLayer > table{ max-width: 270px !important; }
	div.vsc  table,div.vsc  tr,div.vsc  td,div.vsc  div{max-width: 270px !important;}
	.olp-cnt,div.vsc,.ic-cp{max-width: 270px !important;}
	.ic-cntr .ic-b1{ max-width: 270px !important;  }
	.tg-tb.tg-clp tr td img{width:23px !important; height:23px !important}
	#gh{min-width:300px}
}
@media(max-width:320px){ 
	.pagewidth .header-content {padding: 25px 0 0;}
	.search-container {top: -25px;}
	.cat-box li .cat-box-item:hover .category-name a::after{bottom:90%;}
	input.view-more-less:checked ~ label.view-less{padding: 0 20px 0 0;}
	label.view-more{padding: 0 20px 0 0;}
}