/* CSS Document */

@charset "utf-8";
body
{
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', 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: 'Titillium Web', sans-serif;}
#Body, #Body *{font-family: 'Titillium Web', 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}
ul 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;}
.wrappage{overflow: hidden;}
/* Begin style header */
.header-container{ display: inline-block; width: 100%; position: relative; float: left; }
.header-container  .nav-trigger { display: none; }
.header-container #nav-trigger +label{  margin-bottom: 0}

.header-content{  padding: 18px 0 20px; display: inline-block; width: 100%; text-align: center; position: relative; float: left; }
.header-content .logo-content{ float: left; text-align: left;width: auto;}
.header-content .text-shipping{ margin: 17px 0 0; float: right; display: inline-block; }
.header-content .text-shipping a{display: inline-block; padding: 0 25px 0 10px; float:left;  color: #53575a; font-size: 15px; line-height: 18px;font-family: 'Titillium Web', sans-serif;}
.header-content .text-shipping span{ display: block; }
/* End style header */ 

.search-container{display: inline-block; float: right; margin: 20px 64px 0 0;}
.search-content{ width: 445px; display: inline-block;position: relative;margin:0; border:2px solid #d2d2d2; border-radius:4px;}
.search-content .v4sbox{box-shadow:0 0 0 !important;border-radius:1px; background:#fff !important; width: 100%;  padding: 0px; border: 0 !important; font-size: 14px; line-height:20px; height: 40px; color: #565656; padding:  0 58px 0 15px;display: inline-block;font-family: 'Titillium Web', sans-serif;}
.search-content .v4sbox.search-mobile{display: none}
.search-content .v5sbox{ background:#20a399 url("../images/OCAM-bg2.png") no-repeat 0 0;border-radius:0 4px 4px 0;  width:48px; text-indent:-9999px; height: 44px; border: 0  !important;  display: inline-block; position:absolute; top:-2px; right:-2px;}
.search-content .v5sbox:hover{ }
.v4sbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #565656;
}
.v4sbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #565656;
   opacity:  1;
}
.v4sbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #565656;
   opacity:  1;
}
.v4sbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #565656;
}
.header-container input{display: none}
.menu-header{ width:100%;  background: #fafafa; display: inline-block; float: left; }
.menu-header .container { position:relative;}
.menu-header .menu-container {width:100%; display:inline-block; float: left; }
.menu-header ul {width:100%; display: inline-block; float: left; }
.menu-header ul li { float:left; position: relative; }
.menu-header ul li.other{display: none !important}
.menu-header ul li a {font-size:15px; font-family: 'Titillium Web', sans-serif; text-transform: capitalize; color:#53565b; font-weight:400; line-height:17px;  display: inline-block; padding: 17px 28px 15px 0;}
.menu-header ul li a:hover { color: #20a399 }
.menu-header ul li:last-child a{ padding-right: 0 }
.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-container{display: inline-block;width: 100%;}
.product-detail-container .box-content {display: inline-block; float: left;width: 100%; margin-top: 35px;}
.product-detail-container .box-content img{max-width: 100% !important}

.product-detail-container .product-banner{margin-top: 0px;}
.product-detail-container .product-testimonails{margin-top: 15px;}
.product-detail-container .product-galerry-1{margin-top: 42px;}
.product-detail-container .product-galerry-2{margin-top: 30px;}
.product-detail-container .product-galerry-3{margin-top: 30px;}
.product-detail-container .product-galerry-4{margin-top: 30px;}
.product-detail-container .product-galerry-5{margin-top: 30px;}
.product-detail-container input#check-banner[value=""] + .product-banner,
.product-detail-container input#check-testimonails[value=""] + .product-testimonails,
.product-detail-container input#check-galerry1[value=""] + .product-galerry-1,
.product-detail-container input#check-galerry2[value=""] + .product-galerry-2,
.product-detail-container input#check-galerry3[value=""] + .product-galerry-3,
.product-detail-container input#check-galerry4[value=""] + .product-galerry-4,
.product-detail-container input#check-galerry5[value=""] + .product-galerry-5,
#content1 input#check-video[value=""] + .img-video,
.product-detail-container input#check-banner,
.product-detail-container input#check-testimonails,
.product-detail-container input#check-galerry1,
.product-detail-container input#check-galerry2,
.product-detail-container input#check-galerry3,
.product-detail-container input#check-galerry4,
.product-detail-container input#check-galerry5,
#content1 input#check-video{ display: none !important }
.img-video{
	display: inline-block;
	width:100%;
	margin-bottom: 20px
}
.img-video a{display: inline-block; }
.img-video img{ max-width:100%; }
.product-detail-content{display:inline-block; width:100%;}
.product-shop-container{width:50%; float:right; padding-left:30px}
.box-images-details{  float:left; width: 50%; padding-right: 30px; }
.slider{
	width: 100%;
	display:inline-block;
	position:relative
}
.slider .grid-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  height: 540px;
  width: 540px;
  margin: 0 auto;
}
.slider .grid-item {
  height: 20%;
  width: 20%;
  position:relative;
  z-index:5;
  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{margin-left: -18px;}
.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: 540px;
    width:540px;
	overflow: hidden;
	background: #fff
}
.slider  .img-details img{max-height: 540px;}
.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: 18px 0px 0 18px;
	cursor: pointer;
	transition: all 0.5s;
	/*Default style = low opacity*/
	opacity: 1;
	float:left;
}
.slider span {
	/*Lets add some spacing for the thumbnails*/
	width:93px;
	height:93px ;
	text-align:center;
	display:inline-table;
	background: #fff; 
}
.slider input[value=""] + label{display: none !important}
.slider input#id4 + label,.slider input#id8 + label,.slider input#id12 + label{margin-right: 0}
.slider  span:has(img[src=""]){display:none;}
.slider label img{max-width:93px; max-height:93px;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:1;
	background: #fff
}
.slider #id1 + label + .img-details {
	opacity: 1;
	display:block;
	z-index:1;
}

.slider input#id11[value=""] + label + div + input#id12[value*="http"]  + label + div { opacity: 1; display:block; z-index:1;}
.slider input#id10[value=""] + label + div + input#id11[value*="http"]  + label + div{ opacity: 1; display:block; z-index:2;}
.slider input#id9[value=""] + label + div + input#id10[value*="http"]  + label + div{ opacity: 1; display:block; z-index:3;}
.slider input#id8[value=""] + label + div + input#id9[value*="http"]  + label + div{ opacity: 1; display:block; z-index:4;}
.slider input#id7[value=""] + label + div + input#id8[value*="http"]  + label + div{ opacity: 1; display:block; z-index:5;}
.slider input#id6[value=""] + label + div + input#id7[value*="http"]  + label + div{ opacity: 1; display:block; z-index:6;}
.slider input#id5[value=""] + label + div + input#id6[value*="http"]  + label + div{ opacity: 1; display:block; z-index:7;}
.slider input#id4[value=""] + label + div + input#id5[value*="http"]  + label + div{ opacity: 1; display:block; z-index:8;}
.slider input#id3[value=""] + label + div + input#id4[value*="http"]  + label + div{ opacity: 1; display:block; z-index:9;}
.slider input#id2[value=""] + label + div + input#id3[value*="http"]  + label + div{ opacity: 1; display:block; z-index:10;}
.slider input#id1[value=""] + label + div + input#id2[value*="http"]  + label + div{ opacity: 1; display:block; z-index:11;}


 
 .product-view-name{  font-size:34px;font-family: 'Titillium Web', sans-serif !important;  line-height:43px; color:#53575a ; font-weight: 600;  margin:-11px 0  0px;}
  
 .price{display: inline-block;  width: 100%;  margin: 35px 0 0 }
 .price div{font-size:44px; color:#20a399; font-family: 'Titillium Web', sans-serif; line-height:50px;  display: inline-block; font-weight: 700;}
 .price .price-old{ font-size: 30px; color: #ccc; text-decoration: line-through; font-weight: 400}
 .price input{display: none}
 .price input ~ .box-price-new{display:none}
 .price input[value=""] ~ .box-price-new{display:inline-block}
 .price input[value=""] ~ .box-price-old{display: none}

 .trustmaker{display: inline-block; width: 100%; margin-top: 22px}
 .trustmaker .box{ width: 50%; float: left; padding: 9px 0 3px 20px}
 .trustmaker .box.right{ border-left: 1px solid #d6d6d6 }
 .trustmaker .box.bottom{ border-bottom: 1px solid #d6d6d6; padding: 20px 0 18px 20px }
 .trustmaker .box3{padding-top: 22px;}
 .trustmaker .box4{padding-left: 27px;}
 .trustmaker .box p{display: inline-block; float: left; font-size: 13px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; line-height: 17px; color: #53575a}
 .trustmaker .box p img{margin-right: 15px}
 .trustmaker .box p span{display: block;}
 .trustmaker .box p span strong{ font-size: 17px; line-height: 22px }
 .trustmaker .box4.right img{ margin-right: 0 !important}
 
 .description{display: inline-block; width: 100%; margin-top: 20px; padding: 32px 0 24px 22px; background:#fdd3bd;}
 .description img{ width: 191px; }
 .description .img, .description div{display: inline-block; float: left;}
 .description .img{ width: 37%}
 .description .img img{max-width: 100%}
 .description div{  text-align: center; width: 62%}
 .description h3{ color: #20a399; font-size: 34px; line-height: 40px; font-family: 'Titillium Web', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; margin-top: -10px}
 .description h4{ color: #53575a; font-size: 18px; line-height: 24px; font-family: 'Titillium Web', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px}
 .description p{ color: #53575a; font-size: 14px; line-height: 18px; font-family: 'Titillium Web', sans-serif;  }


/* Begin tabs*/
.tabs{margin-top: 35px;}
main {
  width: 100%;
  margin:0;
  position:relative;
  
} 
main section {
  display: none;
  width:100%;
  z-index: 0;
  padding:21px 15px 14px 25px;
  border:1px solid #d6d6d6;
  border-top:1px solid #20a399;
}
main input {
  display: none;
}
main label {
   display: inline-block;
   color:#fff;
   font-size:16px;
   line-height:22px;
   font-weight:700;
   font-family:'Titillium Web', sans-serif;
   padding:0 0 0 20px;
   float:left;
   cursor:pointer;
   position: relative;
   text-transform: uppercase;
   background: #53575a;
   margin: 30px 1px 0 0;
   letter-spacing: 5.6px;
}
main input[name="tabs-mobile"] + label{ display: none }
main input[name="tabs-mobile2"] + label{ display: none }
main input[name="tabs-mobile3"] + label{ display: none }
main label a, main label a:hover, main label a:active, main label a:visited, main label a:link{  color:#fff;}
main label span{ width:100%; display: inline-block; padding:10px 20px 10px 32px; float: left;}
main input.tab1 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 0;}
main input.tab2 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -56px;}
main input.tab3 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -112px;}
main input.tab4 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -173px;}
main input.tab5 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -236px;}
main input.tab6 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -295px;}
main input.tab7 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -350px;}
main input.tab8 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -403px;}
main input.tab9 + label span{background: url(../images/OCAM-bg.png) no-repeat 0 -459px;}
main input:checked + label,main input:checked + label:hover,main input + label:hover{ background: #20a399 }
main input.tab4 + label, main input.tab5 + label{cursor: context-menu}
main input.tab4:checked + label,main input.tab4:checked + label:hover,main input.tab4 + label:hover,
main input.tab5:checked + label,main input.tab5:checked + label:hover,main input.tab5 + label:hover{ background: #53575a }

.tab-center{display: inline-block; width: 100%}
.tab-left, .tab-right{ width: 50%; display: inline-block; float: left; padding-right: 30px;}
.tab-right{padding-right: 0; padding-left: 30px;}

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

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:22px;font-size:14px; color:#53575a;font-family: 'Titillium Web', sans-serif; font-weight: 400}
main section h1, main section h2, main section h3, main section h4, main section h5, main section h6{ margin:0px 0 10px;line-height:27px;font-size:20px; color:#53575a; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-weight:700;}
main section h3{font-size: 18px; line-height: 23px;}
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:0 0 10px}
main section a{color: #53575a !important}
main section a:hover{ text-decoration: underline;}
main section .text, main section .text a, main section a.text:hover, main section a.text:active, main section a.text:focus{color: #53575a !important; text-decoration: none !important;}
main section li{margin-bottom: 10px}
main section ol{margin:5px 0 0px 0px; display: inline-block; width: 100%}
main section ol {margin-left: 14px;}
main section ol li{list-style-type: inherit; padding-left: 2px}
main section ul{margin:0px; display: inline-block; width: 100%}
main section ul li{position: relative; padding-left: 15px;  }
main section ul li:before{position: absolute; top:8px; left:0px; background: url(../images/OCAM-bg.png) no-repeat 0 -514px; width:5px; height:8px; z-index: 1; content: ""} 
main section img{max-width: 100%}
main section table{margin-top: 15px; width: 100%}
main section th{font-weight: bold;  background: #d2d2d2}
main section th, main section td{padding: 7px 20px 7px 20px; border-left: 1px solid #fff}
main section tr:nth-child(2n+1){background: #f2f2f2}
/* end tab*/
/* End style details content */
/* Begin footer */ 
.footer{margin-top: 50px; display: inline-block; float: left; width: 100%}
.footer-bottom{ display:inline-block; width:100%; float: left;}
.footer-bottom-content{display: inline-block; width: 100%;  padding: 0 30px 30px 20px; text-align: center; float: left; background: #53575a }
.footer-bottom .box-footer{width: 25%; float: left; text-align: left; display: inline-block; padding:47px 0 0 20px;}
.footer-bottom .box-footer p, .footer-bottom .box-footer a{font-size:13px;font-family: 'Titillium Web', sans-serif; line-height:20px; font-weight:400;  color:#fff; }
.footer-bottom .box-footer p{font-size: 13.96px}
.footer-bottom .box-footer a{text-transform: uppercase; display: inline-block;}
.footer-bottom .box-footer  a:hover{ color: #20a399 }
.footer-bottom .box-footer h4{color: #fff; font-weight: bold; font-family: 'Titillium Web', sans-serif; margin-bottom: 20px; font-size: 20px; line-height: 24px; text-transform: uppercase;}
.footer-bottom .box-footer li{ margin-bottom: 10px;display: inline-block; width: 100%; float: left; line-height: 0}
.footer-bottom .box-footer li:last-child{ margin-bottom: 0px;}
.footer-bottom .box-footer p a{font-size: 13.96px; color: #fff; background: #20a399; display: inline-block; padding: 8px 21px; margin-top: 16px; font-weight: 700; letter-spacing:1.4px}
.footer-bottom .box-footer p a:hover{color: #fff; }
.footer-bottom .box-footer.box-newsletter p{width: 155px}
.footer-bottom .box-footer .logo-footer img{margin-top: 5px}
.footer-bottom .box-footer:last-child img{ margin: 5px 0 13px 0}
.footer-bottom .box-footer:last-child p:last-child img{ margin-bottom: 0}
 
.footer-copy{ padding: 0px 30px; display: inline-block; width: 100%; background: #53575a ; float: left;}
.footer-copy p{border-top: 1px solid #555555; padding: 18px 0 15px; display: inline-block; width: 100%; float: left; }
.footer-copy p span{ color: #fff !important;  font-family: 'Titillium Web', sans-serif; font-size: 13px; font-weight: 400; line-height: 18px; display: inline-block; float: right;}
.footer-copy p span:first-child{float: left; margin-top: -4px}
.footer-copy .rainstorm img{float: right;}
/* End footer */

/* Begin style home */

	#CentralArea{display:inline-block; width:100%}
	.intro-page{margin-top: 10px; display:inline-block; width:100%; float: left;}
	.pagewidth .trustmaker{margin: 0}
	.pagewidth .trustmaker-box{background:#53575a; display: inline-block; float: left; width: 100%}
	.pagewidth .trustmaker .box{width: 40%; float: left; display: inline-block; padding: 15px 0; text-align: center;}
	.pagewidth .trustmaker .box2{width: 24%;}
	.pagewidth .trustmaker .box3{width: 36%;}
	.pagewidth .trustmaker .box1 p img{margin-right: 20px;}
	.pagewidth .trustmaker .box2 p img{margin-right: 26px;}
	.pagewidth .trustmaker .box > div{ display: inline-block; margin: 0 auto; text-align: left; }
	.pagewidth .trustmaker .box p{color: #fff;}
	.pagewidth .trustmaker .box p span strong{margin-top: 2px;display: inline-block;  width: 100%; letter-spacing: 1.5px}

	.featured-head h2{ text-align: center; margin:0; padding-bottom: 10px; text-transform: uppercase;  width:100%; font-family: 'Titillium Web', sans-serif; color: #000000; display: inline-block;  font-size: 34px; line-height: 42px;    font-weight: 400 ; position: relative;}
	.featured-head h2 span{font-weight: 600}
	.featured-head h2:after{ width: 76px; height: 3px; border-radius: 2px; background: #20a399; position: absolute; content: ""; bottom:0; left:50%; margin-left: -38px; z-index: 1 }

	.cat-box{display:inline-block; width:100%; margin-top: 34px; float: left; } 
	.cat-box ul{display: inline-block; width: 100%}
	.cat-box li{width:33.33%; float:left; padding: 0 9px;  margin: 27px 0 0;}
	.cat-box li .cat-box-item{display: inline-block; width: 100%; float: left; position: relative;}
	.cat-box li:nth-child(3n){ padding: 0 0 0 18px }
	.cat-box li:nth-child(3n+1){ padding: 0 18px 0 0 }
	.cat-box li .product-intro{display: inline-block; width: 100%;  position: relative;}
	.cat-box li .product-intro:before{position: absolute; bottom:0; left:0; width: 100%; height: 100%; z-index: 1; content: ""; background: url(../images/OCAM-bg-catbox.png) repeat-x left bottom}
	.cat-box li .category-name{display: inline-block !important; position: absolute; bottom:12px; left:0; width: 100%;   z-index: 1; min-height: 45px;}
	.cat-box li .category-name a{font-size: 28px; float: left; line-height: 45px; color: #20a399; font-weight: 600; font-family: 'Titillium Web', sans-serif;  padding:0 60px  0 28px; width: 100%;}
	.cat-box li .category-name a:before{ position: absolute; top:0; left:0; width: 0px; height: 0px;   z-index: 2; background: #20a399; content: ""}
	.cat-box li .category-name a:after{ position: absolute; top:7px; right:19px; width: 32px; height: 32px;   z-index: 2; background: url(../images/OCAM-bg2.png) no-repeat 0 -62px; content: ""}
	.cat-box li img{max-width:100%;}
	
	
	.pagewidth .footer{margin-top: 35px;}
/* END style home */
/* Begin style store */
	.pagewidth img[src="http://pics.ebaystatic.com/aw/pics/s.gif"]{display: none}
	#LeftPanel{ width:270px; padding:16px 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; }
	.v4acp_head  .v4title h2{ position:relative; line-height:32px; text-transform: uppercase;  background:#fff; color:#53575a; font-size:24px; font-family: 'Titillium Web', sans-serif; font-weight: 600 }
	.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:11px 0 0;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li{width:100%; margin:0;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li{position:relative; margin-bottom: 1px }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{font-size:14px; line-height:18px;font-family: 'Titillium Web', sans-serif; font-weight:400; color:#fff; background: #53575a;  display: inline-block; width: 100%; padding: 11px 10px 11px 25px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 > li:hover > a,
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{ background: #20a399 }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2{padding:0;border: 1px solid #e2e2e2; border-top: 0  ; margin-bottom: 1px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{ list-style:none;border-top: 1px solid #e2e2e2; position: relative; }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 > li:before{ content: ""; background: url(../images/OCAM-bg2.png) no-repeat 0 -108px; width: 5px; height: 8px; top:17px; left:24px; position: absolute; z-index: 1}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li span:first-child{ color: #53575a; background: #fff; padding-left: 38px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 > li:hover > a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 > li > span:first-child{font-weight: bold;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev3{padding: 0; border: 0; border-top: 1px solid #e2e2e2;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li{  border: 0}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li span:first-child{padding-left: 50px; background: #fff}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li:hover a:hover, .v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li span:first-child{ color: #20a399 !important;}
	.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: 'Titillium Web', sans-serif; font-weight:400; color:#111111;}
	.lcat .cnt{ display: none; font-size:15px !important;font-family: 'Titillium Web', sans-serif;  color:#222222 !important; font-weight:700}
	.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:11px 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:0px 0px 11px; border-bottom: 1px solid #d6d6d6 }
	.pagewidth .fpcc > div{ border-bottom: 0; display: inline-block; width: 100%;}
	.fpcc .smuy{margin: 0;}
	.pagewidth .fpcc .smuy span{ color: #161616; display: inline;white-space:initial; font-weight:600; font-family: 'Titillium Web', sans-serif; font-size: 28px; line-height:38px;}
	.pagewidth .fpcc .smuy span.keywordClass{  }
	.pagewidth .fpcc .smuy span.countClass, .pagewidth .fpcc .smuy span.keywordClass{ background: none; }
	.pagewidth .fpcc .smuy span.matchClass{  margin:0px 2px 0 4px; color: #666666}
	.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: -53px; right:0px; padding-right:0px;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span {color: #53575a; display: inline-block;font-family: 'Titillium Web', 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:10px; }
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur { position:relative;  padding:10px 65px 10px 9px; border: 1px solid #d6d6d6;  margin-left: 0}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur:after{background:url(../images/OCAM-bg2.png) no-repeat   0px -124px; content:""; width:9px; height:5px; top:18px; right:11px; position:absolute}
	.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:-1px;}
	.pagewidth .grid td.left{ border: 0;}
	.pagewidth td.gallery.left{ padding: 15px 5px 0;}
	.pagewidth td.gallery.left:last-child{ padding:15px 0 0 10px;}
	.grid td.gallery:first-child{ padding:15px 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/OCAM-bg2.png) no-repeat 0 -137px; text-align: center; text-indent: -9999px;width:15px ; height: 15px;  margin:0px 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{display:none}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.disabled:last-child{display: none }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.enabled:last-child{display: inline-block; background-position: 0 -156px;  margin-right: 5px}
	.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{display:none}
	.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;   margin-left: 6px }
	.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: #666666 !important; font-family: 'Poppins', sans-serif; font-size:14px; line-height: 18px; padding:7px 11px 6px 11px; display:table-cell;   display: inline-block; font-weight: 300; 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: #53575a  }

	.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 #d6d6d6;  margin-top:0; }
	table.gallery tr td.details {padding: 10px 15px 10px; height: 165px; }
	table.gallery tr td.details div.ttl{  height: 42px; overflow: hidden; margin:0 0 13px;}
	table.gallery tr td.details div.ttl a{ font-size:15px;font-family: 'Titillium Web', sans-serif;  color: #363636; line-height:21px; font-weight: 600}
	table.gallery tr td.details div.ttl a:hover{ }
	table.gallery tr td.details div.g-nav.subtitle{ height:32px; display: none; overflow:hidden; margin-bottom:14px; font-size:12px; line-height:15px; color:#666666; font-family: 'Titillium Web', 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{ padding: 4px 10px 0 15px; height: 18px; min-height: 10px }
	table.gallery .mi a{ font-size:11px; font-family: 'Open Sans', sans-serif;  line-height:14px; color:#9a9a9a;}
	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: 'Titillium Web', sans-serif;  font-size: 12px; line-height:16px;color: #999999; font-weight: normal; 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.clr.time2:last-child{ }
	table.gallery div.clearFullDiv{ padding: 12px 0 0; font-family: 'Titillium Web', 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; height: 190px !important}
	table.gallery td.picture .image{margin:0px auto;display:table;height:140px;  }
	table.gallery img{max-height:140px;}
	table.gallery td.picture div.image{margin:0 auto;}
	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{  margin-left:4px; display: none}
	 table.gallery table.fixed {width:100%; position: relative;}
	 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:24px;font-family: 'Titillium Web', sans-serif; line-height:26px; color:#20a399; font-weight:600; position: absolute; top:-5px; right: 0; z-index: 1}
	 table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{  font-size:17px;font-family: 'Titillium Web', sans-serif; line-height:20px; color:#222222; padding: 5px 0 0; width: 90px }
	 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:28px 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: #53575a !important}
/* End style store */
/* Begin style supbage */
.sub-page{padding:5px 10px 0px; display:inline-block; width:100%}
.sub-page input{display:none} 
.sub-page .col-left{padding:10px 0 0 0;  width: 23%; float: left;}
.sub-page .col-left input + label{color:#53575a; padding:0; width: 100%; margin: 0; font-size:24px;font-family: 'Titillium Web', sans-serif; line-height:30px; font-weight: 600; text-transform: uppercase;}
.sub-page .col-left  ul{ margin: 11px 0 0; display: inline-block; float: left; width: 100%}
.sub-page .col-left  ul li{position:relative; margin-bottom: 1px; position: relative;} 
.sub-page .col-left  ul li a{color:#fff ;width: 100%; display:inline-block; padding:11px 10px 11px 28px; font-size:14px; line-height:18px; background: #53575a; font-family: 'Titillium Web', sans-serif; font-weight:400;}
.sub-page .col-left  ul li a:hover,.sub-page .col-left  ul li.active a{ background: #20a399; font-weight: 600 }            
 
.subpage-container{padding:1px 0 20px 20px;  width:77%; float: left;}
.subpage-content{padding: 0 0 0 10px}
.subpage-container,  .subpage-container p, .subpage-container a,.content-text a.text,  .subpage-container th,  .subpage-container td,  .subpage-container li{font-size:14px; color:#53575a;  font-family: 'Titillium Web', sans-serif; font-weight:400;line-height:20px;}
.subpage-container h1, .subpage-container h2, .subpage-container h3, .subpage-container h4, .subpage-container h5, .subpage-container h6{font-size:20px; color:#53575a; font-family: 'Titillium Web', sans-serif; font-weight:400; line-height:28px; margin:0 0 11px}
.subpage-container h1.title{font-size:30px; line-height:38px; color: #161616; font-weight: 600; border-bottom: 1px solid #d6d6d6; padding-bottom: 14px; margin-bottom: 13px}
.subpage-container h2{ padding-left: 16px;}
.subpage-container h3{font-size:18px; line-height:26px; padding-left: 47px; color: #20a399}
.subpage-container h4{font-size:16px; line-height:24px; margin-bottom: 10px}
.subpage-container h5, .subpage-container h6{font-size:14px; line-height: 18px; margin-bottom: 12px}
.subpage-container a, .subpage-container a:link, .subpage-container a:visited{color:#20a399 !important;  text-decoration: none;}  
.subpage-container span.text{font-weight:400; color: #53575a !important; text-decoration: none !important}
.subpage-container a.text, .subpage-container a.text:link, .subpage-container a.text:visited{font-weight:400; color: #53575a !important; text-decoration: none !important}
.subpage-container a.text2{ cursor: text}
.subpage-container  a:hover{ text-decoration: underline;  }
.subpage-container p{margin-bottom: 12px;} 
 
.subpage-container li{margin-bottom:11px; position:relative;}
.subpage-container ul li{padding-left:27px;}
.subpage-container ul li:before{position:absolute; top:7px; left:6px; background:url(../images/OCAM-bg2.png) no-repeat 0 -177px;width:5px; height:8px; content:""}
.subpage-container ol{margin:0px 0 0 17px;}
.subpage-container ol li{list-style:inherit; padding-left:10px;}

.subpage-container table{margin-top: 22px; width: 100%}
.subpage-container th, .subpage-container td{padding: 8px 10px 8px 18px; border-left: 1px solid #fff; font-family: 'Play', sans-serif; color: #333333; font-weight: 400;}
.subpage-container th{font-weight: bold; color: #000000; background: #d2d2d2}
.subpage-container tr:nth-child(2n+1){background: #f2f2f2}

/* End style supbage */

@media (max-width:1199px){ 
	/* Begin listing */
	.menu-header ul li a{font-size: 11px; padding:14px 14px 13px 0}

	.slider .grid-wrapper, .slider .img-details{width: 450px; height: 450px;}
	.slider .img-details img{max-height: 450px;}
	.slider span{width: 75px; height: 75px}
	.slider label img{ max-width: 75px; max-height: 75px } 

	.trustmaker .box p span strong{font-size:15px;}
	.trustmaker .box{padding-left: 15px}
	.trustmaker .box.bottom{padding-left: 15px}
	.trustmaker .box4{padding-left: 22px}

	.description{padding: 22px 0 15px 12px;}
	.description .img{width: 32%;}
	.description div{width: 68%}
	.description h3{font-size: 28px; line-height: 30px; margin-top: -7px}
	.description h4{font-size: 16px; line-height: 18px;}
	.description p{font-size: 12px; line-height: 15px}
	/* End listing */
	/* Begin home */ 
	.search-content{width: 350px}
	.cat-box li .category-name a{font-size: 27px;}

	.pagewidth .trustmaker .box{width: 39%;}
	.pagewidth .trustmaker .box2{width: 27%;}
	.pagewidth .trustmaker .box3{width: 34%;}
	/* End home */
	/* store */
	td#CentralArea span.pdmt{top:-45px;}
	.pagewidth .fpcc .smuy span{font-size: 19px; line-height: 26px}
	.pagewidth div.r3_cm{padding-top: 21px}
	table.gallery table.fixed tr td .bin.g-b, table.gallery table.fixed tr td .bid.g-b{font-size: 20px; line-height: 24px; top:-4px;}
}
@media  (max-width:1140px){ 
	/* Begin home*/ 
	/* End home */

}
@media (max-width:1024px){
	/* Begin listing */
	.slider .grid-item{z-index: -10}
	main section ol {margin-left: 22px;}
	/* End listing */ 
}
@media (max-width:992px){
	/* Begin listing */
	/* End listing */
	/* Begin store */
	#LeftPanel{width:220px;} 
	/* End store */
}
@media (max-width:940px){
	
	.menu-header ul li a{padding:11px 10px 11px 0}
	.product-view-name{font-size: 28px; line-height: 37px; margin-top: -10px}
	.product-shop-container{padding-left: 15px;}
	.box-images-details{padding-right: 15px}

	.slider .grid-wrapper, .slider .img-details{width: 445px; height: 445px;}
	.slider .img-details img{max-height: 445px;}
	.grid-content{margin-left: -10px}
	.slider label{margin: 10px 0 0 10px}
	.slider span{width: 81px; height: 81px}
	.slider label img{ max-width: 81px; max-height: 81px }

	.price{margin-top: 25px}
	.price div{font-size: 35px; line-height: 42px;}
	.price .price-old{font-size: 23px; line-height: 30px}

	.trustmaker .box{padding: 9px 0 3px 10px}
	.trustmaker .box.bottom{padding:  10px 0 10px 10px}
	.trustmaker .box3{padding-top: 17px}
	.tab-left, .tab-right{padding-right: 15px;}
	.tab-right{padding-left: 15px; padding-right: 0}
}
@media  (min-width: 768px) and (max-width:938px){
	/* Begin listing */
	.menu-header ul li a{font-size: 9px; padding:7px 8px 8px 0; line-height: 13px}

	.product-shop-container{padding-left: 10px;}
	.box-images-details{padding-right: 10px}
	.slider .grid-wrapper, .slider .img-details{width: 360px; height: 360px;}
	.slider .img-details img{max-height: 360px;}
	.slider span{width: 64px; height: 64px}
	.slider label img{ max-width: 64px; max-height: 64px }
	.price div{font-size: 30px; line-height: 37px;}

	.trustmaker .box p{font-size: 11px; line-height: 14px}
	.trustmaker .box p span strong{font-size: 13px; line-height: 16px;}
	.trustmaker .box p img{width: 35px; margin-right: 10px}
	.trustmaker .box4 p img{width: 100px}
	.description h3{font-size: 23px; line-height: 25px; margin-top: -6px}
	.description h4{font-size: 13px; line-height: 14px;}
	.description p{font-size: 11px; line-height: 12px}

	.footer-bottom-content{padding-left: 0}
	.footer-bottom .box-footer h4{font-size: 18px; line-height: 22px; margin-bottom: 12px}
	.footer-bottom .box-footer p, .footer-bottom .box-footer a{font-size: 12px; line-height: 16px}
	/* End listing */   
	
	/* Begin home */  
	.search-container{margin-right: 25px;}
	.search-content{width: 270px; }
	.pagewidth .header-content .text-shipping a{ padding: 0 20px 0 0; }

	.pagewidth .trustmaker .box{width: 37%;}
	.pagewidth .trustmaker .box2{width: 32%;}
	.pagewidth .trustmaker .box3{width: 31%;}
	.cat-box ul{margin-top: 12px; }
	.cat-box li{padding: 0 5px; margin-top: 15px;}
	.cat-box li:nth-child(3n+1){padding: 0 10px 0 0}
	.cat-box li:nth-child(3n){padding: 0 0 0 10px}
	.cat-box li .category-name{min-height: 35px;}
	.cat-box li .category-name a{ padding: 0 40px 0 15px; font-size: 22px; line-height: 35px; }
	.cat-box li .category-name a::before{height: 35px; width: 4px}
	.cat-box li .category-name a::after{right: 10px; background-size: 70px; background-position: 0 -43px; width: 23px;}
	/* Begin  store */   
	#LeftPanel{width: 200px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{padding:11px 10px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li span:first-child{padding-left: 22px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 > li::before{left: 10px}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev3 li span:first-child{padding-left: 32px}

	.pagewidth div.r3_cm{padding-left: 0}
	.v4acp_head .v4title h2{font-size: 20px; line-height: 28px;}
	td#CentralArea span.pdmt{position: initial;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr{padding: 10px 0 0; margin-left: -3px}
	.pagewidth td.gallery.left{padding: 10px 5px 0}
	.grid td.gallery:first-child{padding: 10px 6px 0 0}
	.pagewidth td.gallery.left:last-child{padding: 10px 0 0 6px}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label{padding-left: 0}
	table.gallery tr td.details{padding: 10px 10px; height: 152px}
	table.gallery .mi{padding-left: 10px} 

	table.gallery table.fixed tr td .bin.g-b{font-size:12px; line-height: 15px; top:0;} 
	table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{font-size:11px; line-height: 14px; padding-top: 0}
	table.gallery tr td.details table.fixed img{ max-width:50px;}  
	
	/* Begin  subpage */
	.sub-page .col-left{ width: 26%;}
	.subpage-container{width:74%;}
	.subpage-container table{width: 100%}
}
@media(min-width: 768px){
	.tab-center section{  display: inline-block;} 
	.tab-center label:hover{ background: #53575a} 
}
@media(max-width: 767px){
	/* page listing */
	.header-container{background: #fff; border-bottom: 3px solid #53575a}
	.header-content{ margin: 0; position:relative; text-align: center; padding: 11px 0; }
	.header-container .header-content .logo-content{ padding:0; margin-left: 107px; display: inline-block;}
	.header-container .header-content .logo-content img{width: 118px}
	.header-content .text-shipping{display: none}
	
	/* 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/OCAM-bg.png") no-repeat 0px -532px; cursor: pointer; float: left; height: 36px;   width: 36px; float:left; position:absolute; top:16px;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 -578px;}
	.nav-trigger:checked ~ .menu-header {filter: alpha(opacity=50); opacity: 1; display: inline-block !important; }
	.menu-header{background: #fff; display: none !important; z-index:19;width:100%; position:relative; top:3px; left:0;  text-align:left; margin-top: -3px;}
	.menu-header .menu-container{width: 100%; border-top: 3px solid #53575a}
	.menu-header .container{padding: 0}
	.menu-header ul{width: 100%; padding:0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2}
	.menu-header ul li{width: 100%; border-bottom: 1px solid #e2e2e2}
	.menu-header ul li a{font-weight: 400; padding: 11px 14px 8px; line-height: 18px; text-transform: capitalize; font-size: 14px; color: #363636; text-align: left; display: inline-block; width: 100%; font-family: 'Poppins', sans-serif !important}
	.menu-header ul li a:hover{color: #fff; background: #53575a}
	.menu-header ul li .icon-cat{display: none; text-indent: -9999px; width: 40px;height: 40px; position: absolute; top:0; right:0; background: url(../images/Triumph-bg.png) no-repeat 0 -366px; margin: 0;}
	.menu-header ul li input:checked + .icon-cat{     }
	.menu-header ul li input:checked  ~ .sub-category{}
	.menu-header ul li .sub-category, .menu-header ul li .sub-category2{width:100%; display: none;}
	.menu-header ul li .sub-category li a{ background: #fff;padding: 10px}
	.menu-header ul li .sub-category li a:hover{ background: #ececec; color: #111;}
 
	.main-container{padding-top: 12px;}
	.box-images-details,  .product-shop-container{width:100%; float:none; padding:0;}
	.box-images-details{margin-top: 13px}
	.product-view-name{font-size: 24px; line-height: 35px; margin-top: 0}
 	
 	.slider .grid-wrapper{width: 620px; height: 620px}
 	.slider .img-details{width: 620px; height: 620px;}
 	.slider .img-details img{max-height: 620px;}
 	.grid-content{margin-left: -11px}
 	.slider label{margin: 11px 0 0 11px;}
 	.slider span{width: 79px; height: 79px;}
 	.slider label img{max-width: 79px; max-height: 79px;}

 	.price div{font-size: 34px;}
 	.trustmaker .box { padding: 9px 0 3px 20px;}
 	.trustmaker .box3 { padding-top: 22px;}
 	.trustmaker .box.bottom{ padding: 20px 0 18px 20px }
 	.trustmaker .box p span strong { font-size: 17px;  line-height: 22px;}

 	.description{margin-top: 24px; padding: 32px 0 24px 22px}
 	.description h3 {  font-size: 34px; line-height: 40px; margin-top: -10px; }
 	.description h4 {font-size: 18px;  line-height: 24px; }
 	.description p {  font-size: 14px; line-height: 18px; }

	.tabs{margin-top: 24px}

	main input + label{display: none}
	main input[name="tabs-mobile"] + label,
	main input[name="tabs-mobile2"] + label,
	main input[name="tabs-mobile3"] + label{display: inline-block; width: 100%; margin: 1px 0 0 0}
	main section{display: none !important}
	main input#tab1-mobile:checked ~  #content1,
	main input#tab2-mobile:checked ~  #content2,
	main input#tab3-mobile:checked ~  #content3,
	main input#tab4-mobile:checked ~  #content4,
	main input#tab5-mobile:checked ~  #content5,
	main input#tab6-mobile:checked ~  #content6,
	main input#tab7-mobile:checked ~  #content7{display: inline-block !important; }
	.tab-left, .tab-right{width: 100%; padding: 0 !important}
	main label{font-size: 14px; line-height: 18px; letter-spacing: 1.3px; padding-left: 14px;}
	main label span{padding: 12px 20px 12px 34px}
	main label span:after{content: "+"; font-size: 25px; line-height: 25px; font-family: "Titillium Web",sans-serif; color: #fff; position: absolute; top:6px; right:10px;}
	main input:checked + label span:after{ content: "-";}
	main input.tab4 + label{ padding-left: 10px }
	main input.tab4 + label span{ padding-left: 38px }
	main input.tab1 + label,main input.tab6 + label{ padding-left: 17px }
	main input.tab1 + label span,main input.tab6 + label span{ padding-left: 31px }
	main section{ border-top: 1px solid #d6d6d6; padding: 16px 15px 24px 20px }

 
	main input.tab4 + label, main input.tab5 + label{cursor: pointer;}
	main input.tab4:checked + label,main input.tab4:checked + label:hover,main input.tab4 + label:hover,
	main input.tab5:checked + label,main input.tab5:checked + label:hover,main input.tab5 + label:hover{ background: #20a399 }

	main input.tab8:checked + label,main input.tab8:checked + label:hover,main input.tab8 + label:hover,
	main input.tab9:checked + label,main input.tab9:checked + label:hover,main input.tab9 + label:hover{ background: #53575a }

	main label a, main label a:hover, main label a:active, main label a:visited, main label a:link{  color:#fff; background: #53575a !important; display: inline-block; width: 100%}
 
	.footer{margin-top: 30px;}
	.footer .container{padding: 0}
	.footer-bottom-content{ padding: 16px 10px 50px }
	.footer-bottom .box-footer{width: 50%; padding:30px 0 0 20px}
	.footer-copy p{padding: 18px 0 12px;}
	 
	/* page home */ 
	.intro-page{margin-top: 0} 
	.search-container{margin:3px 0 0;}
	.search-content{width: 310px; }
	.search-content .v4sbox{height: 30px;padding: 0px 50px 0px 12px;}
	.search-content .v5sbox{height: 34px; width: 40px; background-size: 80px;} 

	.pagewidth .trustmaker{display: none}
  
	.featured-head h2{font-size: 24px; line-height: 30px; }
	.cat-box {margin-top: 25px} 
	.cat-box li{margin:20px 0 0; width: 50%; padding: 0 10px 0 0 !important;} 
	.cat-box li:nth-child(2n){padding: 0 0 0 10px  !important;} 
	.cat-box li img{width: 100%}
	.cat-box li .category-name{min-height: 37px;}
	.cat-box li .category-name a{font-size: 24px; line-height: 37px; padding: 0 50px 0 28px;}
	.cat-box li .category-name a::before{height: 37px; width: 5px}
	.cat-box li .category-name a::after{right: 15px; background-size: 80px; background-position: 0 -50px; width: 27px;}
 
	.pagewidth .footer{margin-top: 25px;}
	/* 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:-3px; right:10px; text-align: right; width:30px; height:30px; content:"+";font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 25px; color: #53575a}
	table.v4acpcont:hover .v4title h2:after{content: ""}
	 .v4acp_head .v4title h2{padding-bottom: 0}
	 .pagewidth .fpcc .smuy span{font-size: 16px; line-height: 22px}
	 td#CentralArea span.pdmt{top:-38px;}
	 .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur{padding: 5px 30px 5px 10px}
	 .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur::after{top:13px;}
	.pagewidth td.gallery.left{padding: 10px 5px 0}
	.grid td.gallery:first-child{padding: 10px 6px 0 0}
	.pagewidth td.gallery.left:last-child{padding: 10px 0 0 6px}
	 table.gallery .mi{padding-left: 10px}
	table.gallery tr td.details{padding: 10px; height: 160px;}
	table.v4acpcont{margin-bottom:0px !important;}
	 .pagewidth  div.r3_cm{padding:10px 10px 0 10px;  }
	/* subpage*/
	.sub-page{padding:5px 10px 5px; margin-top: 0px}
	.sub-page .col-left, .sub-page .subpage-container{display: inline-block; width: 100%; padding: 0 }
	.sub-page .col-left{padding-bottom: 18px}
	.subpage-content{margin-top:13px; padding: 0}
	.sub-page .col-left ul {display:none; border-bottom: 1px solid #e2e2e2 ; margin: 1px  0 0}
	.sub-page .col-left  input:checked ~ ul{display:block; padding:0}
	.sub-page .col-left  input + label{position:relative; width:100%; font-size: 16px; line-height: 22px; color: #fff; background: #53575a; font-weight: 400; text-transform: none; padding: 10px 10px 10px 16px; margin-bottom: 5px;}
	.sub-page .col-left  input + label:after{position:absolute; top:14px; right:16px; content:""; background: url(../images/OCAM-bg2.png) no-repeat 0 -193px; z-index: 1; width: 15px; height: 15px;}
	.sub-page .col-left  input:checked + label{ margin-bottom: 0}
	.sub-page .col-left  input:checked + label:after{ background-position: 0 -220px }
	.sub-page .col-left ul li{margin:0;}
	.sub-page .col-left ul li a{font-size: 16px; line-height: 21px; color: #000000; background: #fff; padding: 10px 14px; border-left:  1px solid #e2e2e2; border-right:  1px solid #e2e2e2;}
	.sub-page .col-left ul li a:hover, .sub-page .col-left ul li.active a{color: #fff; font-weight: 400; background: #53575a; border:0;}
	.subpage-container h1, .subpage-container h2, .subpage-container h3, .subpage-container h4, .subpage-container h5, .subpage-container h6{font-size: 18px; line-height: 25px;}
	.subpage-container h1.title{font-size: 24px; line-height: 32px; padding-bottom: 10px}
	.subpage-container h2{padding-left: 15px}
	.subpage-container h3{font-size: 14px; line-height: 21px; font-weight: bold; padding-left: 35px}
	.subpage-container h4{ font-size: 14px; line-height: 21px; }
	.subpage-container ol{margin-left:26px;}
	.subpage-container ul li::before{left: 10px}
}
@media(max-width:736px){
}
@media(max-width:667px){
}
@media(max-width:640px){
	table.gallery table.fixed tr td .bin.g-b, table.gallery table.fixed tr td .bid.g-b{font-size: 17px;}
	table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{font-size: 15px; padding-top: 0}
}
@media(max-width:639px){
	/* page listing */
	.header-content{text-align:center;  }
	.header-container .header-content .logo-content{float: none; margin: 0}
	.nav-trigger + label{top:13px;}


 	.slider .grid-wrapper, .slider .img-details{width: 460px; height: 460px;}
 	.slider .img-details img{max-height: 460px}
 	.slider span{width: 83px; height: 83px;}
 	.slider label img{max-width: 83px; max-height: 83px;}

 	.trustmaker .box {padding: 9px 0 3px 14px;}
 	.trustmaker .box.bottom{ padding: 14px 0 13px 14px }
 	.trustmaker .box3{padding-top: 22px}
 	.trustmaker .box p img{margin-right: 10px}
 	.trustmaker .box p span strong{font-size: 15px; line-height: 20px}

 	.description{ padding:32px 0 24px 15px;}
 	.description .img{width: 35%;}
 	.description div{width: 65%;}
 	.description h4{font-size: 16px; line-height: 18px;}
 	.description h3{font-size: 28px; line-height: 30px; margin-top: -5px}
 	.description p{font-size: 13px; line-height: 16px}
  
  	.footer{margin-top: 25px}
  	.footer-bottom-content{padding-top: 0}
	.footer-bottom .box-footer{width:100% !important; float:left !important;}
	.footer-bottom .box-footer:nth-child(2){padding-top: 25px}
	.footer-copy{padding: 0 10px; text-align: center;}
	.footer-copy p{padding: 16px 0 20px}
	.footer-copy span{width: 100%; text-align: center;}
	.footer-copy p span:first-child{margin-top: 0}
	.footer-copy .rainstorm img{ float: none; margin-top: 10px }
	/* style home*/  
	.search-container{width:100%; margin-top: 11px }
	.search-content{width:100%; }
	.banner .container{padding: 0}
	.featured-head h2{font-size: 20px; line-height: 27px}
	.cat-box{margin-top: 21px}
	.cat-box .container{padding: 2px 10px 0}
	.cat-box li{padding: 0 5px 0 0 !important; margin-top: 10px}
	.cat-box li:nth-child(2n){padding: 0 0 0 5px !important}
	.cat-box li .category-name{min-height: 24px; bottom: 6px}
	.cat-box li .category-name a{font-size: 13px; line-height: 25px; padding: 0 32px 0 10px;}
	.cat-box li .category-name a::before{height: 24px; width: 4px}
	.cat-box li .category-name a::after{right: 8px; background-size: 56px; background-position: 0 -35px; width: 18px; height: 24px; top:3.5px;}

	.pagewidth .footer{margin-top: 15px}
	/* 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 4px}
	td#CentralArea span.pdmt{position:inherit; }
	td#CentralArea div.dynpg .m .pager{margin-top: 15px} 

}
@media(max-width:568px){ 
	/* home */
	.trust-marker .box{padding: 0 20px}
	.trust-marker .box p{font-size: 15px; line-height: 19px;}
}
@media(max-width:480px){ 
	/* home */
	.trust-marker-content{text-align: center; padding: 10px 0; margin: 30px 0 0}
	.trust-marker-content > div{display: inline-block; width:260px; margin: 0 auto; text-align: left}
	.trust-marker .box{ width: 100%; padding: 7px 0}
	.trust-marker .box p{font-size: 20px; line-height: 26px;}
	.trust-marker .box img{width:50px; margin-right: 15px}
}
@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: 300px}
 	.slider span{width: 66px; height: 66px;}
 	.slider label img{max-width: 66px; max-height: 66px;}
 	.price .price-old{display: block;}

	.trustmaker .box.bottom {padding: 9px 0 9px 14px;}
 	.trustmaker .box1.bottom{padding-left: 0}
 	.trustmaker .box3{padding-left: 0}
 	.trustmaker .box4.right{padding-left: 17px}
 	.trustmaker .box4.right img{width: 130px;}
 	.trustmaker .box3{padding-top: 13px}
 	.trustmaker .box3 p img{width: 44px}
 	.trustmaker .box3 p:last-child{margin-top: 5px}
 	.trustmaker .box p span strong, .trustmaker .box p{font-size: 13px; line-height: 15px}
 	.trustmaker .box p:nth-child(2){width: 77px}

 	.description {padding: 18px 0 13px 12px}
 	.description .img{width: 37%}
 	.description div{width: 63%}
 	.description h3{font-size: 19.03px; line-height: 21px; letter-spacing: 1.7px; margin-top: -4px}
 	.description h4{font-size: 10.07px; line-height: 14px; }
 	.description p{font-size: 7.84px; line-height: 10px;}
 	/* store */

	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{margin: 0 1px; font-size: 12px; padding: 4px 8px 2px}

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

	/* home */
	/* store*/ 

	#PreviewLayer_olp_pad > div{height: auto !important}
	#PreviewLayer{ max-width: 90% !important; display: inline-block; left:43px !important; }
	#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:8px}
	#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}
	#PreviewLayer{ left:23px !important; }
}
@media(max-width:320px){ 
}