@import url("https://use.typekit.net/fha4jho.css");
@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}
@-webkit-keyframes fake{from{opacity:1}to{opacity:1}}
@keyframes fake{from{opacity:1}to{opacity:1}}
body {font-family: canada-type-gibson, sans-serif; font-size:12px; font-weight:normal; font-style:normal; margin:0;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease; padding:0; background:#ffffff !important; background-image:none !important; animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s}
a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration:none;font-family: canada-type-gibson, sans-serif; cursor: pointer;}
p, span, h1, h2, h3, h4, h5, h6 {text-decoration:none;font-family: canada-type-gibson, sans-serif;}
*, *::after, *::before {box-sizing: border-box;}
img{border:none; max-width: 100%;}
input, textarea, select {-webkit-appearance: none; appearance: none;}
.clearAll:after {display:table; content:''; clear:both;}
#listing {display:block; width:100%; height:auto; margin:20px 0 0 0; padding:0; background:#fff; font-size: 16px; min-height:3895px;}
body {font-size:16px;}

																			/* =====================  header  ======================== */

.PN-header {display: block; width: 100%; margin: 0; padding:0; text-align: center; background: #fff;}
.header__jti {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;height: auto;margin: 0 0 30px; align-items: center; justify-content: flex-end; color:#000; font-size: 13px; text-transform: capitalize;font-weight: 300;}
.header__jti img {margin-left: 8px;}
#header {display: flex;flex-direction: row; align-items: center; flex-wrap: wrap;width:100%; max-width: 1420px; margin:0 auto; justify-content: flex-start; padding:0 10px 30px;}
#header .imglog {width:100%; height:auto; margin:0; padding:0 20px 0 0; z-index: 1000; flex-grow: 0; max-width: 355px;}
#header .imglog a {display:block; max-width:335px; height:auto; width:100%; margin:0 auto;}
#header .imglog a img {display:block; width:100%; height:auto; margin:0 auto; padding:0; max-width:335px;}
#header .icons {display: flex; justify-content:flex-end; align-items: center;flex-direction:row; padding:0;  margin: 0 auto; flex-grow: 1;;}
#header .icons__item {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;justify-content: center; margin:0; padding: 5px 0 5px 35px;}
#header .icons__item:after {content: ''; display: block; position: absolute; width: 1px; height: 30px; background: #000; top: 0; right: 0; bottom: 0; margin: auto;}
#header .icons__item:last-child:after {display: none;}
#header .icons__item span {margin: 0;padding: 0 0 0 10px; text-align: left;color: #000; font-size: 0.9rem; line-height: 20px; text-transform: initial;; text-decoration: none; background: none; font-weight: 400;}
#listing .diviMenu {display: block;width: 100%;max-width: 100%;height:auto;margin:0 auto; background:#A3A5A8;text-align:right; position: relative; z-index: 999; padding: 0 }
.diviMenu #menuu {display:block; max-width: 100%; width:100%; min-height:80px; background:#D50032; margin:0 auto; position:relative; padding:0; z-index:99999;}
#menuu:after {content:''; clear:both; display:table;}
.diviMenu #menuu2{display:block; width:100%; max-width: 1420px; background:transparent; margin:0 auto;}
.diviMenu #categoriestop{ display:flex; margin:0px; padding:0; text-align:center; width:100%; flex-direction: row; align-items: center; justify-content: center;}
.diviMenu #categoriestop > li {position: relative;flex-grow: 1;text-align: center;padding: 0 5px; display: flex; justify-content: center;}
.diviMenu #categoriestop > li > a {font-family: canada-type-gibson, sans-serif; font-size:1rem;font-weight:400;display:flex; align-items: center; line-height:19px; text-align:center; text-decoration:none; color:#fff; text-transform:initial; padding:0; height:80px;  transition:all 0.8s ease-out 0s !important; justify-content: center;}
.diviMenu #categoriestop li:hover  {color:#fff; background: #000; box-shadow: 0px 2px 4px 0px #999;}
.diviMenu #menuu2 .level2{display:none;background:#000; padding:10px;position:absolute; transform: translate(0,0); top:100%;  left:0; z-index:9999; clear:both; height:auto;list-style-type: none;margin:0;}
.diviMenu #categoriestop li:hover .level2 {display:block;}
.diviMenu #categoriestop .level2 li{text-align: left;text-transform:none;margin:0;padding:5px;box-sizing:border-box;position:relative;border-right:none;border-left:none;width:auto; display: block; position: static;min-width: 180px}
.diviMenu #categoriestop .level2 li a {font-family: canada-type-gibson, sans-serif; font-size:15px; font-weight:normal;height:auto; padding:0 5px; text-align:left; text-transform:capitalize; line-height:20px; color:#fff;display:block;  border:none !important; transition:all 0.8s ease-out 0s !important;}
.diviMenu #categoriestop .level2 li:hover {color:#fff; background: #A3A5A8; box-shadow: none;}
.diviMenu #categoriestop .categ.last ul, .diviMenu #menuu2 .categ.prelast ul {right:0; left:auto;}
.diviMenu #categoriestop .level2 li.categ:hover ul {display:none !important;}
.diviMenu #categoriestop .level3 {display: none !important;}
.show-menuBar{display:none; font-family: canada-type-gibson, sans-serif; font-weight:normal; background:#fff; text-decoration:none; color:#000; text-align:left; padding:0 0 0 45px; position:relative; height:auto; font-size:28px; 
  text-transform:capitalize; width:100%; margin:0; float:left; border:none; height:85px; position:relative; box-shadow:0px 0px 8px -2px #999;}
.show-menuBar:after { content: '\f0c9';display: block;font-family: FontAwesome; position:absolute; transform:translate(0,-50%);top:50%; left:20px;margin:0;}
#show-menu:checked:checked  ~ #mobMenu:after { content: '\f00d';}
#show-menu:checked:checked  ~ .show-menuBar:after { content: '\f00d';}
.diviMenu #show-menu[type=checkbox]{display:none}
.diviMenu #show-menu[type=checkbox]:checked ~ #menuu{display:block;}
#menuu:after,
.level2:after,
.level3:after,
#categoriestop:after,
#categoriesside:after,
#navmenu:after {display:table; content:''; clear:both;}
.diviMenu a.resH, .diviMenu #categoriesside {display:none;}
.imglog3 {display:none;z-index:999;}
.imglog3 img {max-height:50px;}
#PN-slideBanners {display: block;width:100%; height: auto;margin: 0 0 30px 0;}
.galleryAll2 .topitembox {position: absolute;}
.galleryAll2 .topitembox #topitemdescription {display:block;position: absolute;margin: 0;top: 50%;transform: translate(-50%, -50%);left: 50%; text-align: center; max-width: 80%;padding:0;width:100%;}
.galleryAll2 #topitemdescription a {display: inline-block; width: auto; margin: 55px auto 0; padding: 0 65px; line-height: 55px; font-size: 1.2rem; color: #fff; background: #D50032; text-transform: capitalize; border-radius: 30px; font-weight: 400;}
.galleryAll2 #topitemdescription a:hover {
	background: #000;
}
.slideshow #topitemdescription h2 {display: block; margin: 0 auto;font-size:3.6rem; font-weight: 700; text-transform: uppercase;line-height: 1; width:100%;}
.slideshow #topitemdescription .black h2 {color:#000;}
.slideshow #topitemdescription .white h2 {color:#fff;}

.topitemholder:after{display: block;content: ''; clear: both;;}
@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}
#PN-slideBanners { width:100%; max-width:100%; height:auto;margin:0;}
.slideWrap {display: block; width: 100%; height: auto;margin: 0 0 0 0; padding: 0; position: relative; }
.slideshow {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; position:relative; color: #373735; margin:0; position: relative; z-index: 5; display: none; position: relative;} 
.slideshow input {display: none;} 
.slideshow #topitemimage  {display: block; width: 100%; height: auto; margin: 0; padding: 0;}
.slideshow #topitemtitle {display:none;}

#slide1:checked ~ .galleryW .topitemholder {margin-left:0;}
#slide2:checked ~ .galleryW .topitemholder {margin-left:-100%;}
#slide3:checked ~ .galleryW .topitemholder {margin-left:-200%;}
.galleryAll2 {width: 100%; overflow: hidden; margin: 0; } 
.galleryW .topitemholder {width: 400%; line-height: 0; list-style:none; margin:0; padding:0;}
.galleryW .topitemholder .topitembox {width: 25%; float: left; position:relative; background: none; font-size:18px; line-height:20px; color: #fff; } 
.galleryW .topitemholder .topitembox .hold-img {position:relative; overflow:hidden; } 
.galleryW .topitemholder .topitembox img {display:block; width:100%; height:auto; position:relative; }
.galleryW .topitemholder .topitembox .title-holder {position:absolute; bottom: 70px; left:0; right:0; z-index: 3; padding: 0 70px; } 
.galleryW .topitemholder .topitembox .title-holder .title {display:block; font-size:28px; line-height:30px; margin: 0 0 19px; text-transform: uppercase; } 
.galleryW .topitemholder .topitembox .title-holder .hold-btn {padding: 6px 0 0; } 
.galleryW .topitemholder .topitembox .title-holder .btn {display:inline-block; vertical-align:top; padding: 5px 10px 9px; background: #ededef; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; text-align:center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } 
.galleryW .topitemholder .topitembox .title-holder .btn:hover {background: #d5d5d5; color: #333; }
.playAll {position:absolute; left:0; bottom:0; color: #fff; text-align:center; height: 10px; width: 28px; padding: 5px 10px; background: rgba(0,0,0,0.7); opacity:0; visibility: hidden;-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;-o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;transition: opacity .2s ease-in-out, visibility .2s ease-in-out; }
#slide1:checked ~ .galleryW .galleryAll2 .playAll,
#slide2:checked ~ .galleryW .galleryAll2 .playAll,
#slide3:checked ~ .galleryW .galleryAll2 .playAll{
	opacity:0;
	visibility: hidden;
}
.playAll label {position:absolute; top:0; left:0; height: 100%; width:100%; font-size:12px; line-height:17px; cursor:pointer; } 
@keyframes slide1 {
	0%, 33.33% { margin-left:0; }
	40%, 70%	{ margin-left:-100%; }
	75%, 95%	{ margin-left:-200%; }
	100%	{ margin-left:0; }
}
@keyframes slide2 {
	0%, 33.33% { margin-left:-100%; }
	40%, 70%	{ margin-left:-200%; }
	75%, 95%	{ margin-left:0; }
	100%	{ margin-left:-100%;}
}
@keyframes slide3 {
	0%, 33.33% { margin-left:-200%; }
	40%, 70%	{ margin-left:0; }
	75%, 95%	{ margin-left:-100%; }
	100%	{ margin-left:-200%;}
}
#play1:checked ~ .galleryW .topitemholder {animation:none; -webkit-animation: slide1 30000ms linear infinite; -moz-animation: slide1 30000ms linear infinite; -o-animation: slide1 30000ms linear infinite; animation: slide1 30000ms linear infinite; } 
#play2:checked ~ .galleryW .topitemholder {animation:none; -webkit-animation: slide2 30000ms linear infinite; -moz-animation: slide2 30000ms linear infinite; -o-animation: slide2 30000ms linear infinite; animation: slide2 30000ms linear infinite; } 
#play3:checked ~ .galleryW .topitemholder {animation:none; -webkit-animation: slide3 30000ms linear infinite; -moz-animation: slide3 30000ms linear infinite; -o-animation: slide3 30000ms linear infinite; animation: slide3 30000ms linear infinite; }
#play4:checked ~ .galleryW .topitemholder {animation:none; -webkit-animation: slide4 30000ms linear infinite; -moz-animation: slide4 30000ms linear infinite; -o-animation: slide4 30000ms linear infinite; animation: slide4 30000ms linear infinite; } 

.navW label {display: none; cursor:pointer; height: 45px; width: 45px; background: transparent; position:relative; } 
.navW label:hover {opacity: 0.8; } 
#slide1:checked ~ .galleryW .galleryAll2 .playAll label,
#slide2:checked ~ .galleryW .galleryAll2 .playAll label,
#slide3:checked ~ .galleryW .galleryAll2 .playAll label,
#slide4:checked ~ .galleryW .galleryAll2 .playAll label {
	z-index:1;
	opacity:0;
}
#slide1:checked ~ .galleryW .galleryAll2 .playAll label:nth-child(1),
#slide2:checked ~ .galleryW .galleryAll2 .playAll label:nth-child(2),
#slide3:checked ~ .galleryW .galleryAll2 .playAll label:nth-child(3) {
	z-index:3;
	opacity:1;
}
#play1:checked ~ .navW label:nth-child(2),
#play2:checked ~ .navW label:nth-child(2),
#play3:checked ~ .navW label:nth-child(2),
#slide1:checked ~ .navW label:nth-child(2), 
#slide2:checked ~ .navW label:nth-child(3), 
#slide3:checked ~ .navW label:nth-child(1) {
	
	display: block;
	margin: 0 0px 0 0;
	position: absolute;
	transform: translate(0,-50%);
	right: 0;
	top:50%;
}
#play1:checked ~ .navW label:nth-child(2):before,
#play2:checked ~ .navW label:nth-child(2):before,
#play3:checked ~ .navW label:nth-child(2):before,
#slide1:checked ~ .navW label:nth-child(2):before, 
#slide2:checked ~ .navW label:nth-child(3):before, 
#slide3:checked ~ .navW label:nth-child(1):before {content: '\203A'; position:absolute; width:100%;  text-align:center; font-size: 45px; line-height:45px; margin: 0; color: #000; background: rgba(255,255,255,0.3); transform: translate(0,-50%); left: 0; top:50%;} 
#play1:checked ~ .navW label:nth-child(4),
#play2:checked ~ .navW label:nth-child(4),
#play3:checked ~ .navW label:nth-child(4),
#play4:checked ~ .navW label:nth-child(4),
#slide1:checked ~ .navW label:nth-child(4),
#slide2:checked ~ .navW label:nth-child(1),
#slide3:checked ~ .navW label:nth-child(2),
#slide4:checked ~ .navW label:nth-child(3) { display: block; margin: 0 0 0 0px; position:absolute; transform: translate(0,-50%); left: 0; top:50%;} 
#play1:checked ~ .navW label:nth-child(4):before,
#play2:checked ~ .navW label:nth-child(4):before,
#play3:checked ~ .navW label:nth-child(4):before,
#play4:checked ~ .navW label:nth-child(4):before,
#slide1:checked ~ .navW label:nth-child(4):before,
#slide2:checked ~ .navW label:nth-child(1):before,
#slide3:checked ~ .navW label:nth-child(2):before,
#slide4:checked ~ .navW label:nth-child(3):before {content: '\2039'; position:absolute; top: 0; left:0; bottom:0; width:100%; text-align:center; font-size: 45px; line-height:45px; margin: 0; color: #000; background: rgba(255,255,255,0.5);} 
.galleryW {position:relative; overflow:hidden; background: #fff; }
.galleryW .topitemholder {animation:none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: margin 800ms ease-out; -moz-transition: margin 800ms ease-out; -ms-transition: margin 800ms ease-out; -o-transition: margin 800ms ease-out; transition: margin 800ms ease-out;}
.slideshow {animation:none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; display:block; }
.brands {width: 100%; margin:0 0 60px; background:#EFEFEF; text-align: center; padding: 25px 0;}
.brands .topitemholder {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;width:100%; max-width: 1420px; margin:0 auto;}
.brands .topitembox {width:20%;}
.brands #topitemtitle {display: none;}
.brands #topitemimage {margin:0; text-align: center;}
.brands img {max-width: 80%; width: auto; margin:0; border:0;}


																/* =====================   content   ======================== */
.contentWrapL {display: block; width:100%; height: auto; margin: 0; text-align: center; padding:0;}
#listing .contentAll {display: block; width:100%; height: auto; margin:0 auto; padding: 0;position: relative; max-width: 1420px;}
.clearAll:after {display: table; content: ''; clear: both;}
.product-box {display: flex; width: 100%; max-width: 1420px; margin: 0 auto 55px; align-items: stretch; position: relative;}
.product-box:after {	content:"";	display:block;	clear:both;}
.product-images { width: 60%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: width .2s ease-in-out; -moz-transition: width .2s ease-in-out; -ms-transition: width .2s ease-in-out; -o-transition: width .2s ease-in-out; transition: width .2s ease-in-out;margin:0 auto 0 0; border-right:40px solid #fff;}
.inputTBH {display:none;}
.galleryAll {margin: 0; font-size:0px; line-height:0px; white-space: nowrap; position:relative; z-index:1; }
.galleryAll .thumbN-hold-img {overflow:hidden; width:100%; }
.galleryAll label {cursor:pointer;}
.galleryAll .thumbN {display:inline-block; vertical-align:top; padding: 0 5px; width:25%; height: 155px; font-size:15px; line-height:20px; white-space:normal; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -25%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.galleryAll .inputTBH:checked ~ .thumbN {margin-left: 0;}
.galleryAll label.nextB, 
.galleryAll label.prevB {cursor: pointer; font-size: 40px; height:100%; position: absolute; right: 0; text-align: center; top: 0; z-index: 999; display:none; color: #000; width:25px; text-align:center;}
.galleryAll label.prevB,
.galleryAll label.nextB {background-size: contain; -webkit-background-size: contain; -o-background-size: contain; -moz-background-size: contain; }
.galleryAll .tbhAll {display:block; position:relative; padding:0 25px; width:100%; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.galleryAll .tbhAll:after,
.galleryAll .tbhAll:before {content:""; display:block; clear:both; width:25px; height:100%; position:absolute; top:0px; left:0px; background:#fff; z-index:1; }
.galleryAll .tbhAll:before {left:auto;right:0;}
.galleryAll label.prevB  {right: auto;left: 0;}
.galleryAll .hold-img .fa{font-size:100px;color: #e9f01d;}
.thumbN label {
    height:100%; position:relative; display:inline-block; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0.8; border:1px solid #666; -webkit-transition: opacity .2s ease-in-out, border .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, border .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, border .2s ease-in-out; -o-transition: opacity .2s ease-in-out, border .2s ease-in-out; transition: opacity .2s ease-in-out, border .2s ease-in-out; width: 100%; overflow: hidden;}
.thumbN label img {
    max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); }
.galleryAll .holder-img {
    width:100%; z-index:1; margin:0 0 35px; position:relative; height: 635px; text-align:center; }
.galleryAll .holder-img img {
    height: auto; width: auto; max-width: 100%; max-height: 100%; position: absolute; left: -99999px; }
.galleryAll > .inputTBH:nth-of-type(1):checked ~ .holder-img img:nth-of-type(1),
.galleryAll > .inputTBH:nth-of-type(2):checked ~ .holder-img img:nth-of-type(2),
.galleryAll > .inputTBH:nth-of-type(3):checked ~ .holder-img img:nth-of-type(3),
.galleryAll > .inputTBH:nth-of-type(4):checked ~ .holder-img img:nth-of-type(4),
.galleryAll > .inputTBH:nth-of-type(5):checked ~ .holder-img img:nth-of-type(5),
.galleryAll > .inputTBH:nth-of-type(6):checked ~ .holder-img img:nth-of-type(6),
.galleryAll > .inputTBH:nth-of-type(7):checked ~ .holder-img img:nth-of-type(7),
.galleryAll > .inputTBH:nth-of-type(8):checked ~ .holder-img img:nth-of-type(8),
.galleryAll > .inputTBH:nth-of-type(9):checked ~ .holder-img img:nth-of-type(9),
.galleryAll > .inputTBH:nth-of-type(10):checked ~ .holder-img img:nth-of-type(10),
.galleryAll > .inputTBH:nth-of-type(11):checked ~ .holder-img img:nth-of-type(11),
.galleryAll > .inputTBH:nth-of-type(12):checked ~ .holder-img img:nth-of-type(12),
.galleryAll > .inputTBH:nth-of-type(13):checked ~ .holder-img img:nth-of-type(13),
.galleryAll > .inputTBH:nth-of-type(14):checked ~ .holder-img img:nth-of-type(14),
.galleryAll > .inputTBH:nth-of-type(15):checked ~ .holder-img img:nth-of-type(15),
.galleryAll > .inputTBH:nth-of-type(16):checked ~ .holder-img img:nth-of-type(16),
.galleryAll > .inputTBH:nth-of-type(17):checked ~ .holder-img img:nth-of-type(17),
.galleryAll > .inputTBH:nth-of-type(18):checked ~ .holder-img img:nth-of-type(18),
.galleryAll > .inputTBH:nth-of-type(19):checked ~ .holder-img img:nth-of-type(19),
.galleryAll > .inputTBH:nth-of-type(20):checked ~ .holder-img img:nth-of-type(20),
.galleryAll > .inputTBH:nth-of-type(21):checked ~ .holder-img img:nth-of-type(21),
.galleryAll > .inputTBH:nth-of-type(22):checked ~ .holder-img img:nth-of-type(22),
.galleryAll > .inputTBH:nth-of-type(23):checked ~ .holder-img img:nth-of-type(23),
.galleryAll > .inputTBH:nth-of-type(24):checked ~ .holder-img img:nth-of-type(24),
.galleryAll > .inputTBH:nth-of-type(25):checked ~ .holder-img img:nth-of-type(25),
.galleryAll > .inputTBH:nth-of-type(26):checked ~ .holder-img img:nth-of-type(26),
.galleryAll > .inputTBH:nth-of-type(27):checked ~ .holder-img img:nth-of-type(27),
.galleryAll > .inputTBH:nth-of-type(28):checked ~ .holder-img img:nth-of-type(28),
.galleryAll > .inputTBH:nth-of-type(29):checked ~ .holder-img img:nth-of-type(29),
.galleryAll > .inputTBH:nth-of-type(30):checked ~ .holder-img img:nth-of-type(30)
{
    position:relative;
    left:auto;
}
.thumbN:hover label,
.galleryAll > .inputTBH:nth-of-type(1):checked ~ .tbhAll .thumbN:nth-of-type(1) label,
.galleryAll > .inputTBH:nth-of-type(2):checked ~ .tbhAll .thumbN:nth-of-type(2) label,
.galleryAll > .inputTBH:nth-of-type(3):checked ~ .tbhAll .thumbN:nth-of-type(3) label,
.galleryAll > .inputTBH:nth-of-type(4):checked ~ .tbhAll .thumbN:nth-of-type(4) label,
.galleryAll > .inputTBH:nth-of-type(5):checked ~ .tbhAll .thumbN:nth-of-type(5) label,
.galleryAll > .inputTBH:nth-of-type(6):checked ~ .tbhAll .thumbN:nth-of-type(6) label,
.galleryAll > .inputTBH:nth-of-type(7):checked ~ .tbhAll .thumbN:nth-of-type(7) label,
.galleryAll > .inputTBH:nth-of-type(8):checked ~ .tbhAll .thumbN:nth-of-type(8) label,
.galleryAll > .inputTBH:nth-of-type(9):checked ~ .tbhAll .thumbN:nth-of-type(9) label,
.galleryAll > .inputTBH:nth-of-type(10):checked ~ .tbhAll .thumbN:nth-of-type(10) label,
.galleryAll > .inputTBH:nth-of-type(11):checked ~ .tbhAll .thumbN:nth-of-type(11) label,
.galleryAll > .inputTBH:nth-of-type(12):checked ~ .tbhAll .thumbN:nth-of-type(12) label,
.galleryAll > .inputTBH:nth-of-type(13):checked ~ .tbhAll .thumbN:nth-of-type(13) label,
.galleryAll > .inputTBH:nth-of-type(14):checked ~ .tbhAll .thumbN:nth-of-type(14) label,
.galleryAll > .inputTBH:nth-of-type(15):checked ~ .tbhAll .thumbN:nth-of-type(15) label,
.galleryAll > .inputTBH:nth-of-type(16):checked ~ .tbhAll .thumbN:nth-of-type(16) label,
.galleryAll > .inputTBH:nth-of-type(17):checked ~ .tbhAll .thumbN:nth-of-type(17) label,
.galleryAll > .inputTBH:nth-of-type(18):checked ~ .tbhAll .thumbN:nth-of-type(18) label,
.galleryAll > .inputTBH:nth-of-type(19):checked ~ .tbhAll .thumbN:nth-of-type(19) label,
.galleryAll > .inputTBH:nth-of-type(20):checked ~ .tbhAll .thumbN:nth-of-type(20) label,
.galleryAll > .inputTBH:nth-of-type(21):checked ~ .tbhAll .thumbN:nth-of-type(21) label,
.galleryAll > .inputTBH:nth-of-type(22):checked ~ .tbhAll .thumbN:nth-of-type(22) label,
.galleryAll > .inputTBH:nth-of-type(23):checked ~ .tbhAll .thumbN:nth-of-type(23) label,
.galleryAll > .inputTBH:nth-of-type(24):checked ~ .tbhAll .thumbN:nth-of-type(24) label,
.galleryAll > .inputTBH:nth-of-type(25):checked ~ .tbhAll .thumbN:nth-of-type(25) label,
.galleryAll > .inputTBH:nth-of-type(26):checked ~ .tbhAll .thumbN:nth-of-type(26) label,
.galleryAll > .inputTBH:nth-of-type(27):checked ~ .tbhAll .thumbN:nth-of-type(27) label,
.galleryAll > .inputTBH:nth-of-type(28):checked ~ .tbhAll .thumbN:nth-of-type(28) label,
.galleryAll > .inputTBH:nth-of-type(29):checked ~ .tbhAll .thumbN:nth-of-type(29) label,
.galleryAll > .inputTBH:nth-of-type(30):checked ~ .tbhAll .thumbN:nth-of-type(30) label {
    opacity: 1; border:1px solid #000;
}

.galleryAll label[for="imgB"] {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; font:14px/18px "Cuprum",sans-serif; }
.galleryAll label[for="imgB"] > span:first-child {position:absolute; top:50%; left:50%; color:#fff; background:#000; padding:2px 5px; height:auto; z-index:2; opacity:0; margin:-9px 0 0 -45px; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; text-transform: uppercase;}
.galleryAll label[for="imgB"]:hover > span:first-child {opacity:1;}
.galleryAll .spanZ {padding: 15px 35px 15px 51px !important;}
.galleryAll .spanZ:after {display: block;
  content: "\f00e";
  width: 20px;
  font-size: 17px;
  color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  font-family: FontAwesome;
  height: 23px; margin: auto;}
.product-description {-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.galleryAll label.prevB .fa,
.galleryAll label.nextB .fa {font-size: 40px; position:absolute; top:50%; left: 50%; margin: -20px 0 0 -5px; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.galleryAll label.prevB:hover .fa,
.galleryAll label.nextB:hover .fa {color: #000;}
.galleryAll .close {position:absolute; display:none; top:0px; z-index:2; right:0; width:30px; height:30px; padding:7px 0 0 0; text-align:center; border: 1px solid #edebec; background:#CEAC61; color:#000; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out; -moz-transition: background .2s ease-in-out, color .2s ease-in-out; -ms-transition: background .2s ease-in-out, color .2s ease-in-out; -o-transition: background .2s ease-in-out, color .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out; }
.galleryAll > .noneGL {position:absolute; top: -99999px; left: -99999px; }
.galleryAll > .noneGL:nth-of-type(1):empty ~ .tbhAll .thumbN:nth-of-type(1),
.galleryAll > .noneGL:nth-of-type(2):empty ~ .tbhAll .thumbN:nth-of-type(2),
.galleryAll > .noneGL:nth-of-type(3):empty ~ .tbhAll .thumbN:nth-of-type(3),
.galleryAll > .noneGL:nth-of-type(4):empty ~ .tbhAll .thumbN:nth-of-type(4),
.galleryAll > .noneGL:nth-of-type(5):empty ~ .tbhAll .thumbN:nth-of-type(5),
.galleryAll > .noneGL:nth-of-type(6):empty ~ .tbhAll .thumbN:nth-of-type(6),
.galleryAll > .noneGL:nth-of-type(7):empty ~ .tbhAll .thumbN:nth-of-type(7),
.galleryAll > .noneGL:nth-of-type(8):empty ~ .tbhAll .thumbN:nth-of-type(8),
.galleryAll > .noneGL:nth-of-type(9):empty ~ .tbhAll .thumbN:nth-of-type(9),
.galleryAll > .noneGL:nth-of-type(10):empty ~ .tbhAll .thumbN:nth-of-type(10),
.galleryAll > .noneGL:nth-of-type(11):empty ~ .tbhAll .thumbN:nth-of-type(11),
.galleryAll > .noneGL:nth-of-type(12):empty ~ .tbhAll .thumbN:nth-of-type(12),
.galleryAll > .noneGL:nth-of-type(13):empty ~ .tbhAll .thumbN:nth-of-type(13),
.galleryAll > .noneGL:nth-of-type(14):empty ~ .tbhAll .thumbN:nth-of-type(14),
.galleryAll > .noneGL:nth-of-type(15):empty ~ .tbhAll .thumbN:nth-of-type(15),
.galleryAll > .noneGL:nth-of-type(16):empty ~ .tbhAll .thumbN:nth-of-type(16),
.galleryAll > .noneGL:nth-of-type(17):empty ~ .tbhAll .thumbN:nth-of-type(17),
.galleryAll > .noneGL:nth-of-type(18):empty ~ .tbhAll .thumbN:nth-of-type(18),
.galleryAll > .noneGL:nth-of-type(19):empty ~ .tbhAll .thumbN:nth-of-type(19),
.galleryAll > .noneGL:nth-of-type(20):empty ~ .tbhAll .thumbN:nth-of-type(20),
.galleryAll > .noneGL:nth-of-type(21):empty ~ .tbhAll .thumbN:nth-of-type(21),
.galleryAll > .noneGL:nth-of-type(22):empty ~ .tbhAll .thumbN:nth-of-type(22),
.galleryAll > .noneGL:nth-of-type(23):empty ~ .tbhAll .thumbN:nth-of-type(23),
.galleryAll > .noneGL:nth-of-type(24):empty ~ .tbhAll .thumbN:nth-of-type(24),
.galleryAll > .noneGL:nth-of-type(25):empty ~ .tbhAll .thumbN:nth-of-type(25),
.galleryAll > .noneGL:nth-of-type(26):empty ~ .tbhAll .thumbN:nth-of-type(26),
.galleryAll > .noneGL:nth-of-type(27):empty ~ .tbhAll .thumbN:nth-of-type(27),
.galleryAll > .noneGL:nth-of-type(28):empty ~ .tbhAll .thumbN:nth-of-type(28),
.galleryAll > .noneGL:nth-of-type(29):empty ~ .tbhAll .thumbN:nth-of-type(29),
.galleryAll > .noneGL:nth-of-type(30):empty ~ .tbhAll .thumbN:nth-of-type(30) {
    display:none;
}
.galleryAll  .noneGL:nth-of-type(5):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(1):checked ~ .nextBAll label:nth-of-type(2),
.galleryAll  .noneGL:nth-of-type(6):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(2):checked ~ .nextBAll label:nth-of-type(3),
.galleryAll  .noneGL:nth-of-type(7):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(3):checked ~ .nextBAll label:nth-of-type(4),
.galleryAll  .noneGL:nth-of-type(8):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(4):checked ~ .nextBAll label:nth-of-type(5),
.galleryAll  .noneGL:nth-of-type(9):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(5):checked ~ .nextBAll label:nth-of-type(6),
.galleryAll  .noneGL:nth-of-type(10):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(6):checked ~ .nextBAll label:nth-of-type(7),
.galleryAll  .noneGL:nth-of-type(11):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(7):checked ~ .nextBAll label:nth-of-type(8),
.galleryAll  .noneGL:nth-of-type(12):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(8):checked ~ .nextBAll label:nth-of-type(9),
.galleryAll  .noneGL:nth-of-type(13):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(9):checked ~ .nextBAll label:nth-of-type(10),
.galleryAll  .noneGL:nth-of-type(14):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(10):checked ~ .nextBAll label:nth-of-type(11),
.galleryAll  .noneGL:nth-of-type(15):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(11):checked ~ .nextBAll label:nth-of-type(12),
.galleryAll  .noneGL:nth-of-type(16):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(12):checked ~ .nextBAll label:nth-of-type(13),
.galleryAll  .noneGL:nth-of-type(17):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(13):checked ~ .nextBAll label:nth-of-type(14),
.galleryAll  .noneGL:nth-of-type(18):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(14):checked ~ .nextBAll label:nth-of-type(15),
.galleryAll  .noneGL:nth-of-type(19):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(15):checked ~ .nextBAll label:nth-of-type(16),
.galleryAll  .noneGL:nth-of-type(20):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(16):checked ~ .nextBAll label:nth-of-type(17),
.galleryAll  .noneGL:nth-of-type(21):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(17):checked ~ .nextBAll label:nth-of-type(18),
.galleryAll  .noneGL:nth-of-type(22):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(18):checked ~ .nextBAll label:nth-of-type(19),
.galleryAll  .noneGL:nth-of-type(23):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(19):checked ~ .nextBAll label:nth-of-type(20),
.galleryAll  .noneGL:nth-of-type(24):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(20):checked ~ .nextBAll label:nth-of-type(21),
.galleryAll  .noneGL:nth-of-type(25):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(21):checked ~ .nextBAll label:nth-of-type(22),
.galleryAll  .noneGL:nth-of-type(26):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(22):checked ~ .nextBAll label:nth-of-type(23),
.galleryAll  .noneGL:nth-of-type(27):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(23):checked ~ .nextBAll label:nth-of-type(24),
.galleryAll  .noneGL:nth-of-type(28):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(24):checked ~ .nextBAll label:nth-of-type(25),
.galleryAll  .noneGL:nth-of-type(29):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(25):checked ~ .nextBAll label:nth-of-type(26) {
    display:block;
}
.galleryAll  .noneGL:nth-of-type(1):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(2):checked ~ .prevBAll label:nth-of-type(1),
.galleryAll  .noneGL:nth-of-type(2):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(3):checked ~ .prevBAll label:nth-of-type(2),
.galleryAll  .noneGL:nth-of-type(3):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(4):checked ~ .prevBAll label:nth-of-type(3),
.galleryAll  .noneGL:nth-of-type(4):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(5):checked ~ .prevBAll label:nth-of-type(4),
.galleryAll  .noneGL:nth-of-type(5):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(6):checked ~ .prevBAll label:nth-of-type(5),
.galleryAll  .noneGL:nth-of-type(6):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(7):checked ~ .prevBAll label:nth-of-type(6),
.galleryAll  .noneGL:nth-of-type(7):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(8):checked ~ .prevBAll label:nth-of-type(7),
.galleryAll  .noneGL:nth-of-type(8):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(9):checked ~ .prevBAll label:nth-of-type(8),
.galleryAll  .noneGL:nth-of-type(9):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(10):checked ~ .prevBAll label:nth-of-type(9),
.galleryAll  .noneGL:nth-of-type(10):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(11):checked ~ .prevBAll label:nth-of-type(10),
.galleryAll  .noneGL:nth-of-type(11):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(12):checked ~ .prevBAll label:nth-of-type(11),
.galleryAll  .noneGL:nth-of-type(12):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(13):checked ~ .prevBAll label:nth-of-type(12),
.galleryAll  .noneGL:nth-of-type(13):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(14):checked ~ .prevBAll label:nth-of-type(13),
.galleryAll  .noneGL:nth-of-type(14):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(15):checked ~ .prevBAll label:nth-of-type(14),
.galleryAll  .noneGL:nth-of-type(15):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(16):checked ~ .prevBAll label:nth-of-type(15),
.galleryAll  .noneGL:nth-of-type(16):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(17):checked ~ .prevBAll label:nth-of-type(16),
.galleryAll  .noneGL:nth-of-type(17):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(18):checked ~ .prevBAll label:nth-of-type(17),
.galleryAll  .noneGL:nth-of-type(18):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(19):checked ~ .prevBAll label:nth-of-type(18),
.galleryAll  .noneGL:nth-of-type(19):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(20):checked ~ .prevBAll label:nth-of-type(19),
.galleryAll  .noneGL:nth-of-type(20):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(21):checked ~ .prevBAll label:nth-of-type(20),
.galleryAll  .noneGL:nth-of-type(21):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(22):checked ~ .prevBAll label:nth-of-type(21),
.galleryAll  .noneGL:nth-of-type(22):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(23):checked ~ .prevBAll label:nth-of-type(22),
.galleryAll  .noneGL:nth-of-type(23):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(24):checked ~ .prevBAll label:nth-of-type(23),
.galleryAll  .noneGL:nth-of-type(24):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(25):checked ~ .prevBAll label:nth-of-type(24),
.galleryAll  .noneGL:nth-of-type(25):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(26):checked ~ .prevBAll label:nth-of-type(25),
.galleryAll  .noneGL:nth-of-type(26):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(27):checked ~ .prevBAll label:nth-of-type(26),
.galleryAll  .noneGL:nth-of-type(27):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(28):checked ~ .prevBAll label:nth-of-type(27),
.galleryAll  .noneGL:nth-of-type(28):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(29):checked ~ .prevBAll label:nth-of-type(28),
.galleryAll  .noneGL:nth-of-type(29):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(30):checked ~ .prevBAll label:nth-of-type(29),
.galleryAll  .noneGL:nth-of-type(30):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(31):checked ~ .prevBAll label:nth-of-type(30)
{
    display:block;
}

.contentAll .imgFull:checked ~ .product-box .product-images {width:100%;}
.contentAll .imgFull:checked ~ .product-box .galleryAll .holder-img {height: 840px;}
.contentAll .imgFull:checked ~ .product-box .galleryAll .close {display:block;}
.contentAll .imgFull:checked ~ .product-box .galleryAll label[for="imgB"] > span:first-child {display:none;}
.contentAll .imgFull:checked ~ .product-box .product-description {position:absolute; top:0; right:0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.galleryAll .gall-prevB{width: 50px; height: 50px; position:absolute; top: 0; bottom: 0; left: 0; margin: auto; z-index:3; }
.galleryAll .gall-nextB {left: auto; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; position:absolute; margin: auto; -webkit-transition: right .2s ease-in-out; -moz-transition: right .2s ease-in-out; transition: right .2s ease-in-out; z-index:3; }
.galleryAll .gall-prevB label,
.galleryAll .gall-nextB label {display:none; width: 50px; height: 50px; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.galleryAll .gall-prevB label:hover,
.galleryAll .gall-nextB label:hover {opacity:0.8;}
.contentAll .imgFull:checked ~ .product-box .gall-nextB{ right: -10px;} 
.galleryAll .gall-nextB label {background: url(https://shared1.ad-lister.co.uk/UserImages/8b97517b-0415-4b04-a727-794f7befa828/Img/_design/right.png) no-repeat 50% 50% rgba(255,255,255,0.6);}
.galleryAll .gall-prevB label {background: url(https://shared1.ad-lister.co.uk/UserImages/8b97517b-0415-4b04-a727-794f7befa828/Img/_design/left.png) no-repeat 50% 50% rgba(255,255,255,0.6);}

.galleryAll > .inputTBH:nth-of-type(1):checked ~ .holder-img .gall-nextB label:nth-of-type(2),
.galleryAll > .inputTBH:nth-of-type(2):checked ~ .holder-img .gall-nextB label:nth-of-type(3),
.galleryAll > .inputTBH:nth-of-type(3):checked ~ .holder-img .gall-nextB label:nth-of-type(4),
.galleryAll > .inputTBH:nth-of-type(4):checked ~ .holder-img .gall-nextB label:nth-of-type(5),
.galleryAll > .inputTBH:nth-of-type(5):checked ~ .holder-img .gall-nextB label:nth-of-type(6),
.galleryAll > .inputTBH:nth-of-type(6):checked ~ .holder-img .gall-nextB label:nth-of-type(7),
.galleryAll > .inputTBH:nth-of-type(7):checked ~ .holder-img .gall-nextB label:nth-of-type(8),
.galleryAll > .inputTBH:nth-of-type(8):checked ~ .holder-img .gall-nextB label:nth-of-type(9),
.galleryAll > .inputTBH:nth-of-type(9):checked ~ .holder-img .gall-nextB label:nth-of-type(10),
.galleryAll > .inputTBH:nth-of-type(10):checked ~ .holder-img .gall-nextB label:nth-of-type(11),
.galleryAll > .inputTBH:nth-of-type(11):checked ~ .holder-img .gall-nextB label:nth-of-type(12),
.galleryAll > .inputTBH:nth-of-type(12):checked ~ .holder-img .gall-nextB label:nth-of-type(13),
.galleryAll > .inputTBH:nth-of-type(13):checked ~ .holder-img .gall-nextB label:nth-of-type(14),
.galleryAll > .inputTBH:nth-of-type(14):checked ~ .holder-img .gall-nextB label:nth-of-type(15),
.galleryAll > .inputTBH:nth-of-type(15):checked ~ .holder-img .gall-nextB label:nth-of-type(16),
.galleryAll > .inputTBH:nth-of-type(16):checked ~ .holder-img .gall-nextB label:nth-of-type(17),
.galleryAll > .inputTBH:nth-of-type(17):checked ~ .holder-img .gall-nextB label:nth-of-type(18),
.galleryAll > .inputTBH:nth-of-type(18):checked ~ .holder-img .gall-nextB label:nth-of-type(19),
.galleryAll > .inputTBH:nth-of-type(19):checked ~ .holder-img .gall-nextB label:nth-of-type(20),
.galleryAll > .inputTBH:nth-of-type(20):checked ~ .holder-img .gall-nextB label:nth-of-type(21),
.galleryAll > .inputTBH:nth-of-type(21):checked ~ .holder-img .gall-nextB label:nth-of-type(22),
.galleryAll > .inputTBH:nth-of-type(22):checked ~ .holder-img .gall-nextB label:nth-of-type(23),
.galleryAll > .inputTBH:nth-of-type(23):checked ~ .holder-img .gall-nextB label:nth-of-type(24),
.galleryAll > .inputTBH:nth-of-type(24):checked ~ .holder-img .gall-nextB label:nth-of-type(25),
.galleryAll > .inputTBH:nth-of-type(25):checked ~ .holder-img .gall-nextB label:nth-of-type(26),
.galleryAll > .inputTBH:nth-of-type(26):checked ~ .holder-img .gall-nextB label:nth-of-type(27),
.galleryAll > .inputTBH:nth-of-type(27):checked ~ .holder-img .gall-nextB label:nth-of-type(28),
.galleryAll > .inputTBH:nth-of-type(28):checked ~ .holder-img .gall-nextB label:nth-of-type(29),
.galleryAll > .inputTBH:nth-of-type(29):checked ~ .holder-img .gall-nextB label:nth-of-type(30) {
    display:block;
}
.galleryAll > .inputTBH:nth-of-type(2):checked ~ .holder-img .gall-prevB label:nth-of-type(1),
.galleryAll > .inputTBH:nth-of-type(3):checked ~ .holder-img .gall-prevB label:nth-of-type(2),
.galleryAll > .inputTBH:nth-of-type(4):checked ~ .holder-img .gall-prevB label:nth-of-type(3),
.galleryAll > .inputTBH:nth-of-type(5):checked ~ .holder-img .gall-prevB label:nth-of-type(4),
.galleryAll > .inputTBH:nth-of-type(6):checked ~ .holder-img .gall-prevB label:nth-of-type(5),
.galleryAll > .inputTBH:nth-of-type(7):checked ~ .holder-img .gall-prevB label:nth-of-type(6),
.galleryAll > .inputTBH:nth-of-type(8):checked ~ .holder-img .gall-prevB label:nth-of-type(7),
.galleryAll > .inputTBH:nth-of-type(9):checked ~ .holder-img .gall-prevB label:nth-of-type(8),
.galleryAll > .inputTBH:nth-of-type(10):checked ~ .holder-img .gall-prevB label:nth-of-type(9),
.galleryAll > .inputTBH:nth-of-type(11):checked ~ .holder-img .gall-prevB label:nth-of-type(10),
.galleryAll > .inputTBH:nth-of-type(12):checked ~ .holder-img .gall-prevB label:nth-of-type(11),
.galleryAll > .inputTBH:nth-of-type(13):checked ~ .holder-img .gall-prevB label:nth-of-type(12),
.galleryAll > .inputTBH:nth-of-type(14):checked ~ .holder-img .gall-prevB label:nth-of-type(13),
.galleryAll > .inputTBH:nth-of-type(15):checked ~ .holder-img .gall-prevB label:nth-of-type(14),
.galleryAll > .inputTBH:nth-of-type(16):checked ~ .holder-img .gall-prevB label:nth-of-type(15),
.galleryAll > .inputTBH:nth-of-type(17):checked ~ .holder-img .gall-prevB label:nth-of-type(16),
.galleryAll > .inputTBH:nth-of-type(18):checked ~ .holder-img .gall-prevB label:nth-of-type(17),
.galleryAll > .inputTBH:nth-of-type(19):checked ~ .holder-img .gall-prevB label:nth-of-type(18),
.galleryAll > .inputTBH:nth-of-type(20):checked ~ .holder-img .gall-prevB label:nth-of-type(19),
.galleryAll > .inputTBH:nth-of-type(21):checked ~ .holder-img .gall-prevB label:nth-of-type(20),
.galleryAll > .inputTBH:nth-of-type(22):checked ~ .holder-img .gall-prevB label:nth-of-type(21),
.galleryAll > .inputTBH:nth-of-type(23):checked ~ .holder-img .gall-prevB label:nth-of-type(22),
.galleryAll > .inputTBH:nth-of-type(24):checked ~ .holder-img .gall-prevB label:nth-of-type(23),
.galleryAll > .inputTBH:nth-of-type(25):checked ~ .holder-img .gall-prevB label:nth-of-type(24),
.galleryAll > .inputTBH:nth-of-type(26):checked ~ .holder-img .gall-prevB label:nth-of-type(25),
.galleryAll > .inputTBH:nth-of-type(27):checked ~ .holder-img .gall-prevB label:nth-of-type(26),
.galleryAll > .inputTBH:nth-of-type(28):checked ~ .holder-img .gall-prevB label:nth-of-type(27),
.galleryAll > .inputTBH:nth-of-type(29):checked ~ .holder-img .gall-prevB label:nth-of-type(28),
.galleryAll > .inputTBH:nth-of-type(30):checked ~ .holder-img .gall-prevB label:nth-of-type(29) {
    display:block;
}
.PN-title {display: block; width: 100%;max-width: 1420px; margin: 0 auto 40px; padding: 20px 15px; text-align: left;color: #fff; background: #D50032; font-size: 1.8rem; line-height: 1; font-weight: 400;font-family: canada-type-gibson, sans-serif; text-transform: initial;}
#listing .product-description {padding: 0 0 0 25px; width:40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0 0 0 auto;}
.listing-price {display: block;width: 100%; margin: 0 0 35px; padding: 0 0 0 0; text-align: left; height: auto;font-family: canada-type-gibson, sans-serif; }
.listing-priceBIN {display: inline-block;width: auto; height: auto; margin:0; padding: 0; text-align: left; color: #000; font-size: 1.2rem; font-weight: 600; text-transform: capitalize; text-decoration: none; line-height: 1; font-family: canada-type-gibson, sans-serif;}
.product-description .list {display: flex; width: 100%; margin:0 0 30px; list-style: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0;;}
.list__item {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color:#666666; padding: 5px 0 15px; text-transform: capitalize; text-decoration: none;
	font-weight: 400; font-size: 1rem; line-height: 1;}
.list__item img {margin:0 10px 0 0;}
.list__item:last-child img {margin: 0 15px 0 0;}
.PN-contact{ display: inline-block; width: auto; max-width:100%; padding: 0 65px;line-height: 55px;font-size: 1.2rem;color: #fff;background: #D50032;text-transform: capitalize;border-radius: 30px;font-weight: 400; margin: 0 0 45px;}
.PN-contact:hover {background: #000;}

.inventory--01 {display: block; width: 100%; margin: 0; padding: 0; text-align: left; border:1px solid #7F7F84; padding: 20px 20px 5px;}
.inventory__title {display: block; width: 100%; margin: 0 0 30px; text-align: left; color:#000; font-size: 1.2rem; font-weight: 600;}

.inventory--01 ul{display: block; width: 100%; margin: 0; list-style: none; padding: 0;}
.inventory--01 h4 {font-size:1rem; color:#000;}
.inventory--01 li {display: flex; flex-direction: row;; width: 100%; margin: 0; padding: 0 0 15px;; font-family: canada-type-gibson, sans-serif; color:#7F7F84; font-size: 1rem; text-transform: initial; text-decoration: none; font-weight: 400; line-height: 1.3;}
.inventory--01 li:before{content:'\f111'; font-family:FontAwesome; font-size: 0.5rem; margin:0 10px 0 0; color:#D50032;padding-top:5px;}
.PN-textLeft{display: block; width: 100%;margin: 0 0 25px 0; padding: 0; text-align: left;color: #000; background: none; font-size: 20px; line-height: 25px; font-weight: 700;font-family: canada-type-gibson, sans-serif;}


@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}
@-webkit-keyframes fake{from{opacity:1}to{opacity:1}}
@keyframes fake{from{opacity:1}to{opacity:1}}
body{-webkit-animation:fake 1s infinite;animation:fake 1s infinite}
.tabsAll {display: block; width: 100%; margin: 0 auto 85px;padding: 0;}
#tabs {border:none; background:none; margin:0; padding:0;}
#tabs .deskV {display:none !important;}
#tabs .resptab-input, #tabs .resptab-label {display:block !important;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3, #tab4:checked ~ #content4,#tab5:checked ~ #content5, #tab6:checked ~ #content6 {display:none;}
#tabs .resptab-label{color:#fff;text-decoration:none;transition:color .3s ease-in-out;position:relative;display:block;width:100%; background:#D40032; font-family: canada-type-gibson, sans-serif; padding:0 15px; font-size:1.2rem; font-weight:400; margin:0 0 10px; text-align:left; line-height:60px; position:relative; text-transform:capitalize; border-top:1px solid #999; border-top:1px solid #D40032;  border-left: 1px solid #D40032; border-right:1px solid #D40032;}
#tabs .resptab-label:after {content: '\f053'; display: block; font-family:FontAwesome; position: absolute; margin: 0; transform: translate(-50%,0); right: 25px; top: 0;font-size:21px;}
#tabs .resptab-input{display:none}
#tabs .resptab-content{margin:0 0 30px; padding:10px 15px 25px; border:none; border-top:none; float: none; background: #fff; border: 1px solid #7F7F84; border-top:0; text-align: left;}
#tabs .resptab-content table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family: canada-type-gibson, sans-serif !important;}
#tabs .resptab-content img {display:block; max-width:767px;width:100% !important; height:auto !important;}
#tabs .resptab-input:not(checked) ~ .resptab-content{display:none}
#tabs .resptab-input {display:none !important;}
#tabs label:hover {cursor:pointer;}
#ID-1:checked ~ #content1, #ID-2:checked ~ #content2, #ID-3:checked ~ #content3, #ID-4:checked ~ #content4, #ID-5:checked ~ #content5, #ID-6:checked ~ #content6 {display:block; font-size:1rem; margin:0 0 30px; line-height:1.3;}
#ID-1:checked:checked ~ #L11, #ID-2:checked:checked ~ #L22, #ID-3:checked:checked ~ #L33, #ID-4:checked:checked ~ #L44, #ID-5:checked:checked ~ #L55, #ID-6:checked:checked ~ #L66 {width:100%; margin:0;border-bottom:0; background: #fff;color:#D40032;  border-top:1px solid #7F7F84;  border-left: 1px solid #7F7F84; border-right:1px solid #7F7F84;}
#ID-1:checked:checked ~ #L11:after, #ID-2:checked:checked ~ #L22:after, #ID-3:checked:checked ~ #L33:after, #ID-4:checked:checked ~ #L44:after, #ID-5:checked:checked ~ #L55:after, #ID-6:checked:checked ~ #L66:after{content: '\f078';font-size:21px;}
#listing #tabs .resptab table {border-collapse:collapse !important; border-spacing:0 !important;max-width:100% !important;font-size:10px !important;}



#tabs .resptab-content ul{margin: 0; list-style: none; ; font-family: canada-type-gibson, sans-serif;}
#tabs .resptab-content ul p {margin:0;}
#tabs .resptab-content h4 {font-size:1rem; color:#000;}
#tabs .resptab-content li {display: flex; flex-direction: row;; width: 100%; margin: 0; padding: 0 0 15px;; font-family: canada-type-gibson, sans-serif;  font-size: 1rem; text-transform: initial; text-decoration: none; font-weight: 400; line-height: 1.3; font-family: canada-type-gibson, sans-serif;}
#tabs .resptab-content li:before{content:'\f111'; font-family:FontAwesome; font-size: 0.5rem; margin:0 10px 0 0; color:#D50032; padding:5px 0 0 0;}


.tabs__inventory01 {padding-top:45px;}
.tabs__inventory01 table {max-width:100% !important;; width:100%;  width:100% !important; height:initial !important;}
.tabs__inventory01 table td {display: flex; flex-direction: row; position: relative; margin:0 0 35px; align-items: flex-start; flex-wrap: wrap;}
.tabs__inventory01 table td h1{ position: absolute; width: calc(100% - 400px); text-align: left; color:#7F7F84; font-size: 16px; text-transform:uppercase; font-weight: 500; top:0; right: 0; display: flex; height: 20px;line-height: 20px;}
.tabs__inventory01 table td ul {display: flex; order:2; width: calc(100% - 400px); padding: 55px 0 0; flex-direction: column;}
.tabs__inventory01 table td ul li {margin:3px 0 0 0; padding: 0 0 0 25px;}
.tabs__inventory01 table td div {display: flex; order:1; width: 400px; padding: 0 50px 0 0; flex-direction: row;flex-wrap: wrap;}
.tabs__inventory01 table td div img {max-width: 100%; width: auto; display: flex; height: auto;}


#listing .JA_IS, #content2 table {padding:0; width:100%;position: relative;}
#listing .JA_IS:after, #content2 table:after{content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left:0; right: 0;background: #000; margin: auto;}
#listing .JA_IS .istd1, #content2 table tr td:first-child {width:50%; text-align: right; }
#listing .JA_IS .istd2, #content2 table tr td:last-child {width:50%;}
#listing table.JA_IS tr td.istd1, #content2 table tr td:first-child {padding:7.5px 25px 7.5px 10px;}
#listing table.JA_IS tr td.istd2, #content2 table tr td:last-child {padding:7.5px 10px 7.5px 25px;}
#listing table.JA_IS .is1,#listing table.JA_IS .is3,#listing table.JA_IS .is5,#listing table.JA_IS .is7,#listing table.JA_IS .is9,#listing table.JA_IS .is11, #listing table.JA_IS .is13, #listing table.JA_IS .is15, #listing table.JA_IS .is17,#descript table.JA_IS .is19, #listing table.JA_IS .is21,#listing table.JA_IS .is23,#listing table.JA_IS .is25, 
#listing table.JA_IS .is27 {background:#fff;}
#listing table.JA_IS tr:nth-child(odd), #content2 table tr:nth-child(odd){background:#fff;}
.whyPN {display: block; width: 100%; max-width: 1420px;margin: 0 0 45px; padding: 0;}
.whyPN__inner {width: 96%;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 35px;}
.whyPN__item {height: auto; margin:0 0 20px 0;  position:relative;  padding:0 0 10px; border:15px solid #fff;display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.whyPN__item img { margin: 0 auto 25px; border: 0;}
.whyPN__item h4 {text-align: center; color: #000; font-size: 1rem; line-height: 1; margin: 0 auto 15px; text-transform: capitalize;font-weight: 600;;}
.whyPN__item p {width: 100%; text-align: center; color:#7F7F84; font-size: 0.9rem;margin:0;line-height: 1.5; margin:0 auto; max-width: 220px;;}
.whyPN__item a{color:#000;text-decoration: underline;}
.whyPN__item a:hover {color:#D40032;}
.similar__title {display: block; width: 100%; max-width: 1420px; height: auto; margin: 0 auto 55px; text-align: center; padding:0 25px; line-height:1px; color:#D50032; font-weight: 600; text-transform: capitalize; font-size:1.8rem; font-family: canada-type-gibson, sans-serif;}
#similarr {display: block; min-height: 521px;margin:0 auto 35px auto; width: 100%; max-width: 1420px; text-align: center;}
#similarr .product {width: 96%;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 35px; margin:0 auto;}
.product:after {display:table; content:''; clear:both;}
#similarr .prod{ height: auto; margin:0 0 20px 0;  position:relative;  padding:0 0 10px; border:15px solid #fff; opacity: 0.9;}
#similarr .prod:hover {opacity: 1;}
#similarr .image {display:block; width:100%; height:255px; margin:0 auto; position:relative; overflow:hidden; background: #fff;}
#similarr .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
#similarr .image img:hover{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform:scale(1.1);}
#similarr .title {display:block; margin:10px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden; min-height: 60px;}
#similarr .title a{display:block; font-family: canada-type-gibson, sans-serif; font-size:16px; font-weight:400;line-height:20px; color:#000 !important; text-decoration:none; text-align:left; width:100% !important; margin:0;}
#similarr .title a:hover { text-decoration:underline;}
#similarr .title > h4 {margin:0;}
#similarr .price {font-family: canada-type-gibson, sans-serif; font-size:16px; font-weight:700; line-height:33px; color:#000; display:block;  text-align:left; margin:15px 0 0 0; width:100%; height:30px;}
#similarr .price p {display:inline-block; margin:0;}
#similarr .price del {padding-left: 10px; color:#666;}
#similarr .btn {display: none !important;width: auto; position: absolute;transform: translate(50%, 0); right: 50%; bottom: 0px;background:#206A5D;overflow: hidden; text-align: center;border-radius: 5px; }
.sales__boxes {display: block; width: 100%; max-width: 1420px; margin: 0 auto 35px;}
.sales__boxes .topitemholder {display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
.sales__boxes .topitembox {width:50%; border-right: 20px solid #fff; background:#F9F9FB; padding: 20px;position: relative;display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;}
.sales__boxes .topitembox.it2 {border-right: none; border-left: 20px solid #fff;;}
.sales__boxes #topitemtitle {position:absolute; margin:0; width: calc(100% - 40px); transform: translate(0,0);left: 20px; bottom: 20px;background: #D50032; padding: 15px 10px; ;}
.sales__boxes #topitemtitle a {text-align: left;color: #fff; font-size: 1.2rem; line-height: 1; font-weight: 400;font-family: canada-type-gibson, sans-serif; text-transform: initial;line-height: 1.2;}
.sales__boxes #topitemimage {width:66%;}
.sales__red {display:flex; width:195px; height: 195px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;background: #D50032; color:#fff;; flex-direction: column; align-items: center; justify-content: center;margin:0 0 0 -50px;}
.sales__red p {font-size: 2.2rem; text-transform: uppercase; font-weight: 700; line-height: 1;margin:0 0 15px;}
.sales__red span {font-size: 2.2rem; text-transform: lowercase; line-height: 1; margin: 0 0 10px;;font-family: canada-type-gibson, sans-serif; font-weight: 200; font-style: normal;}
.sales__red h4 {font-size: 2.4rem; line-height: 1;margin:0;}
.sales__boxes #topitemdescription img {margin:45px auto 0;width:auto; max-width: 100%;;}
.sales__boxes #topitemimage {margin:0;}


.sales__boxes02 {display: block; width: 100%; max-width: 1420px; margin: 0 auto 35px;}
.sales__boxes02 .topitemholder {display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
.sales__boxes02 .topitembox {width:50%; border-right: 20px solid #fff; padding: 0;position: relative;display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;}
.sales__boxes02 .topitembox.it2 {border-right: none; border-left: 20px solid #fff;;}
.sales__boxes02 #topitemimage {width:100%; position:relative;margin:0;}
.sales__boxes02 #topitemimage img {width:100%;}
.sales__boxes02 #topitemtitle {display:none;}
.sales__boxes02 #topitemtitle a {text-align: left;color: #fff; font-size: 1.2rem; line-height: 1; font-weight: 400;font-family: canada-type-gibson, sans-serif; text-transform: initial;line-height: 1.2;}

.sales__boxes02 #topitemdescription {position:absolute; transform:translate(0,0);top:0; width:100%;display:flex; flex-direction:column; height:100%;}
.sales__red02 {display:flex; width:195px; height: 195px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;background: #D50032; color:#fff;; flex-direction: column; align-items: center; justify-content: center;margin:0 0 0 -50px; position:absolute; transform:translate(0,0);
top:35px; right:35px;}
.sales__red02 p {font-size: 2.2rem; text-transform: uppercase; font-weight: 700; line-height: 1;margin:0;padding:5px 0;}
.sales__red02 span {font-size: 2.2rem; text-transform: lowercase; line-height: 1; margin: 0;font-family: canada-type-gibson, sans-serif; font-weight: 200; font-style: normal; padding:5px 0;}
.sales__red02 h4 {font-size: 2.4rem; line-height: 1;margin:0;}
.sales__title {width:100%; padding:15px; text-align:center; background:rgba(0,0,0,0.3); color:#fff;font-size:2rem; font-weight:600; position:absolute; margin:0; transform:translate(0, 0); left:0; bottom:90px;}
.sales__link {
display: inline-block;
  width: auto;
  margin:0;
  padding: 0 65px;
  line-height: 55px;
  font-size: 1.2rem;
  color: #fff;
  background: #D50032;
  text-transform: capitalize;
  border-radius: 30px;
  font-weight: 400;
  position:absolute;
  transform:translate(-50%,0);
  left:50%;
  bottom:25px;
  width:100%;
  max-width:220px;
}


@media screen and (max-width: 1420px) {
.contentWrapL {padding: 0 10px;}
.PN-iconChild span {font-size: 14px;}
}

@media screen and (max-width: 1380px) {
	#header .icons__item span {
		font-size: 0.8rem;
	}
  .sales__title {font-size:1.8rem;}
  	.sales__red02 {width: 130px;height: 130px;}
	.sales__red02 p, .sales__red02 span {font-size: 1.3rem;}
	.sales__red02 h4 {font-size: 1.4rem;}
}

@media screen and (max-width: 1320px) {
	#header .icons__item {
		flex-wrap: initial;
	}
	#header .icons__item.icons__item--01 {
		max-width:145px
	}
	#header .icons__item.icons__item--02 {
		max-width:200px
	}
	#header .icons__item.icons__item--03 {
		max-width:190px
	}
	#header .icons__item.icons__item--04 {
		max-width:125px
	}
	.sales__red {width: 130px;height: 130px;}
	.sales__red p, .sales__red span {font-size: 1.3rem; margin: 0 0 5px;}
	.sales__red h4 {font-size: 1.4rem;}
  .sales__title {
    font-size: 1.5rem;
  }
 }

 @media screen and (max-width: 1080px) {
 #header .icons__item {
	padding: 5px 0 5px 20px;
 }
 #header .icons__item span {
    font-size: 0.75rem;
  }
 #header .icons__item.icons__item--01 {
	max-width:125px
}
#header .icons__item.icons__item--02 {
	max-width:180px
}
#header .icons__item.icons__item--03 {
	max-width:170px
}
#header .icons__item.icons__item--04 {
	max-width:105px
}
   .sales__title {
    font-size: 1.2rem;
	 padding:10px;
	 bottom:70px;
  }
   .sales__red02 {top:20px; right:20px;}
   .sales__link {bottom:20px;line-height:40px;}
}

@media screen and (max-width: 980px){
	.imglog3 {display: block; position: absolute; transform: translate(0,0);right:10px; top: 17.5px;margin: auto;}
	#header .imglog {display: none;;}
	#header .icons {justify-content: center;}
	#header .icons__item {padding: 5px 20px;}
	 #header .icons__item.icons__item--01 {
		max-width:145px;
	}
	#header .icons__item.icons__item--02 {
		max-width:200px;
	}
	#header .icons__item.icons__item--03 {
		max-width:190px;
	}
	#header .icons__item.icons__item--04 {
		max-width:125px;
	}
#header {padding: 20px 10px}
.contentWrapL {padding: 0 10px;}
#listing {margin: 0;}
.show-menuBar{display:block;}
.diviMenu #menuu{position:static;display:none; height:auto; width:100%; margin:0; border-top:none; background:#000; padding:10px 0; float: left;}
.diviMenu #menuu ul .categ:hover:after {display:none;}
#menuu .topM, .diviMenu #menuu a.hom, .diviMenu #menuu a.topA{display:none !important;}
#menuu2 {display:block;}
.diviMenu #categoriestop{display: block;width: 100%;height: auto;margin: 0; padding: 0}
.diviMenu #categoriestop li{text-align: left;text-transform:none; width: 100%; margin:0px;padding:0; box-sizing:border-box; position:relative; display:block; float:left; min-height:40px; height:auto; border:none; background:none !important;}
.diviMenu #categoriestop li a {font-family: canada-type-gibson, sans-serif; font-size:16px; font-weight:normal; height: auto;line-height:40px;padding: 0 10px 0 25px; text-align:left; text-transform:capitalize; width:100% !important; text-align:left !important; display:block !important; position:relative; color:#fff; text-decoration:none; background: none;}
.diviMenu #categoriestop li:hover a, .diviMenu a.resH:hover {text-decoration: none; background: none;}
.diviMenu #categoriestop .level2, .diviMenu #categoriestop .level3, .diviMenu #categoriestop ul ul {display:none !important;}
#listing .titlee2 {display: block;}
.slideshow #topitemdescription h2 {font-size: 1.8rem; }

.galleryAll2 #topitemdescription a {
	margin: 30px auto 0;
}
/*= content =*/
.product-images {width: 100%;}
.galleryAll .holder-img {height: 640px;}
.hiddenZ, .galleryAll label[for="imgB"] {display: none !important;} 
.galleryAll > .inputTBH:nth-of-type(1):checked ~ .holder-img img:nth-of-type(1),
.galleryAll > .inputTBH:nth-of-type(2):checked ~ .holder-img img:nth-of-type(2),
.galleryAll > .inputTBH:nth-of-type(3):checked ~ .holder-img img:nth-of-type(3),
.galleryAll > .inputTBH:nth-of-type(4):checked ~ .holder-img img:nth-of-type(4),
.galleryAll > .inputTBH:nth-of-type(5):checked ~ .holder-img img:nth-of-type(5),
.galleryAll > .inputTBH:nth-of-type(6):checked ~ .holder-img img:nth-of-type(6),
.galleryAll > .inputTBH:nth-of-type(7):checked ~ .holder-img img:nth-of-type(7),
.galleryAll > .inputTBH:nth-of-type(8):checked ~ .holder-img img:nth-of-type(8),
.galleryAll > .inputTBH:nth-of-type(9):checked ~ .holder-img img:nth-of-type(9),
.galleryAll > .inputTBH:nth-of-type(10):checked ~ .holder-img img:nth-of-type(10),
.galleryAll > .inputTBH:nth-of-type(11):checked ~ .holder-img img:nth-of-type(11),
.galleryAll > .inputTBH:nth-of-type(12):checked ~ .holder-img img:nth-of-type(12),
.galleryAll > .inputTBH:nth-of-type(13):checked ~ .holder-img img:nth-of-type(13),
.galleryAll > .inputTBH:nth-of-type(14):checked ~ .holder-img img:nth-of-type(14),
.galleryAll > .inputTBH:nth-of-type(15):checked ~ .holder-img img:nth-of-type(15),
.galleryAll > .inputTBH:nth-of-type(16):checked ~ .holder-img img:nth-of-type(16),
.galleryAll > .inputTBH:nth-of-type(17):checked ~ .holder-img img:nth-of-type(17),
.galleryAll > .inputTBH:nth-of-type(18):checked ~ .holder-img img:nth-of-type(18),
.galleryAll > .inputTBH:nth-of-type(19):checked ~ .holder-img img:nth-of-type(19),
.galleryAll > .inputTBH:nth-of-type(20):checked ~ .holder-img img:nth-of-type(20),
.galleryAll > .inputTBH:nth-of-type(21):checked ~ .holder-img img:nth-of-type(21),
.galleryAll > .inputTBH:nth-of-type(22):checked ~ .holder-img img:nth-of-type(22),
.galleryAll > .inputTBH:nth-of-type(23):checked ~ .holder-img img:nth-of-type(23),
.galleryAll > .inputTBH:nth-of-type(24):checked ~ .holder-img img:nth-of-type(24),
.galleryAll > .inputTBH:nth-of-type(25):checked ~ .holder-img img:nth-of-type(25),
.galleryAll > .inputTBH:nth-of-type(26):checked ~ .holder-img img:nth-of-type(26),
.galleryAll > .inputTBH:nth-of-type(27):checked ~ .holder-img img:nth-of-type(27),
.galleryAll > .inputTBH:nth-of-type(28):checked ~ .holder-img img:nth-of-type(28),
.galleryAll > .inputTBH:nth-of-type(29):checked ~ .holder-img img:nth-of-type(29),
.galleryAll > .inputTBH:nth-of-type(30):checked ~ .holder-img img:nth-of-type(30) {
    position:absolute;left:0;margin: auto;right: 0; bottom: 0; top: 0}
#listing .txxt10 {position: static; padding: 0;}
.listing-priceBIN {font-size: 19px;}
.listing-priceBIN::before, .PN-contact{font-size: 16px; }
  .slideshow #topitemdescription h2 {}
.galleryAll2 #topitemdescription p{font-size: 1rem;}
.galleryAll2 #topitemdescription a {font-size: 1rem; line-height: 40px; padding: 0 30px;}
.contentWrapLk{padding:0 10px;}
.product-box {display: block;margin: 0;}
.product-images {display: block; width: 100%;margin:0 0 30px; border:0;}
#listing .product-description {width: 100%; padding: 0;min-height: 0;display: block; margin:0 0 30px;}
.PN-title, .PN-descTitle, .similar__title {font-size: 23px; line-height: 30px;}
.PN-revTitle {padding:10px 0 15px;}
.listing-price {margin: 0 0 35px;}
#similarr .btn {width: 70%}
  .PN-iconChild::after, .diviMenu #categoriestop > li::after {display:none;}
  .sales__boxes .topitembox {padding: 10px;}
  .sales__boxes #topitemdescription img {margin: 25px auto 0;}
  .sales__boxes #topitemtitle a {font-size:1rem;}
  .sales__boxes #topitemtitle {padding: 10px;;width: calc(100% - 20px); left: 10px; bottom: 10px;}
  .brands {margin: 0 auto 30px;}
  .tabsAll {margin: 0 auto 35px;}
}
@media screen and (max-width: 940px) {
   .sales__boxes02 .topitembox {width:100%; border:none;padding:10px 0;}
  .sales__boxes02 .topitembox.it2 {border:none;} 
}

@media screen and (max-width: 840px) {
#listing .JA_IS {font-size:12px;}
#similarr {min-height:25px;}
#similarr .product {}
.icons {flex-wrap: wrap;gap:0;}
.PN-iconChild{flex-grow:initial;flex: 50%;max-width: 50%; text-align: center;}
.PN-iconChild span{ padding: 5px 8px 5px 39px; width:100%;max-width:195px;}
.PN-title, .similar__title {font-size: 19px; line-height: 25px;margin: 0 0 25px 0;}
#tabs .resptab-label {font-size: 19px;}
.PN-descTitle {margin: 0 0 15px 0}
.PN-contact {margin-bottom: 35px;}
#similarr .product {padding: 0;}
.sales__boxes .topitembox {width: 100%; border: none !important;}
.sales__boxes .topitembox.it1 {margin:0 0 20px;}
.whyPN__inner {grid-gap: 25px;}
.whyPN__item {border:none; margin:0; padding: 0;}
#similarr .prod {border:none;}
#similarr {margin:0 auto;}

.tabs__inventory01 table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    max-width: 100% !important;
    font-family: "canada-type-gibson", sans-serif !important;
    font-size: 16px;
    line-height: 23px;
  }
  
}

@media screen and (max-width: 690px) {
 .tabs__inventory01 table td h1 {
	position: static;
	width: 100%;
	order: 1;
  }
  .tabs__inventory01 table td ul {
    width: 100%;
    order: 2;
    padding: 10px 0 25px;
    justify-content: center;
  }
  .tabs__inventory01 table td div {
    width: 100%;
    order: 3;
    padding: 0;
    justify-content: center;
  }
}

@media screen and (max-width: 690px) {
#similarr .product {grid-template-columns: repeat(2,1fr);grid-gap: 25px;}
#similarr .image{height: 195px;}
.similar__title {font-size: 19px;}
/*= content =*/
.galleryAll .holder-img {height: 500px;}
.footerAll h3 {padding: 0 0 20px;}
.PN-banner #topitemdescription {padding: 10px;}
.PN-banner #topitemdescription span {margin: 0 0 10px;}
.PN-contact {max-width: 100%;}
.jti_imgs {margin: 0 0 15px 0;}
#header .imglog {display:none;}
.galleryAll2 .topitembox #topitemdescription { max-width:90%;}
#header {display:none;}
.imglog3 {display: block; max-width:80%; position: absolute; transform: translate(0,0);right: 10px; top: 17.5px;margin: auto;}
.whyPN {margin:0 0 25px;}
.whyPN__inner {grid-template-columns: repeat(2,1fr);grid-gap: 35px;}
  .slideshow #topitemdescription h2 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 590px) {
.PN-iconChild span {font-size: 12px; line-height: 15px;}
/*= content =*/
.galleryAll .holder-img {height: 550px;}
.galleryAll .inputTBH:checked ~ .thumbN {width: 25%;}
#listing .current {height: 550px;}
#listing .previewImg {width: 23%;}
#listing .imgBCt {width:49%;}
#listing .imgBCt.IBC02, #listing .imgBCt.IBC06 {margin: 0 0 25px 0;}
.listing-brands-logo .topitemholder {width: 100%;}
#similarr {padding:25px 10px 0;}
}	

@media screen and (max-width: 490px) {
.jti_imgs {text-align: center;}
.header__jti {position: absolute; transform: translate(-50%, 0); left: 50%; top: auto; margin: 0; bottom:10px;}
.jti_imgs span {margin: 0 auto; float: none;}
.slideshow #topitemtitle a {font-size: 17px; line-height: 23px;}
.slideshow #topitemtitle {padding: 10px;}
.galleryAll .holder-img {height: 400px;}
 .galleryAll .thumbN  {width: 33.33%;margin-left:-33.33%}
  .galleryAll .inputTBH:checked ~ .thumbN {width: 33.33%;}
.galleryAll .noneGL:nth-of-type(4):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(1):checked ~ .nextBAll label:nth-of-type(2),
.galleryAll .noneGL:nth-of-type(5):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(2):checked ~ .nextBAll label:nth-of-type(3),
.galleryAll .noneGL:nth-of-type(6):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(3):checked ~ .nextBAll label:nth-of-type(4),
.galleryAll .noneGL:nth-of-type(7):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(4):checked ~ .nextBAll label:nth-of-type(5),
.galleryAll .noneGL:nth-of-type(8):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(5):checked ~ .nextBAll label:nth-of-type(6),
.galleryAll .noneGL:nth-of-type(9):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(6):checked ~ .nextBAll label:nth-of-type(7),
.galleryAll .noneGL:nth-of-type(10):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(7):checked ~ .nextBAll label:nth-of-type(8),
.galleryAll .noneGL:nth-of-type(11):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(8):checked ~ .nextBAll label:nth-of-type(9),
.galleryAll .noneGL:nth-of-type(12):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(9):checked ~ .nextBAll label:nth-of-type(10),
.galleryAll .noneGL:nth-of-type(13):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(10):checked ~ .nextBAll label:nth-of-type(11),
.galleryAll .noneGL:nth-of-type(14):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(11):checked ~ .nextBAll label:nth-of-type(12),
.galleryAll .noneGL:nth-of-type(15):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(12):checked ~ .nextBAll label:nth-of-type(13),
.galleryAll .noneGL:nth-of-type(16):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(13):checked ~ .nextBAll label:nth-of-type(14),
.galleryAll .noneGL:nth-of-type(17):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(14):checked ~ .nextBAll label:nth-of-type(15),
.galleryAll .noneGL:nth-of-type(18):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(15):checked ~ .nextBAll label:nth-of-type(16),
.galleryAll .noneGL:nth-of-type(19):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(16):checked ~ .nextBAll label:nth-of-type(17),
.galleryAll .noneGL:nth-of-type(20):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(17):checked ~ .nextBAll label:nth-of-type(18),
.galleryAll .noneGL:nth-of-type(21):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(18):checked ~ .nextBAll label:nth-of-type(19),
.galleryAll .noneGL:nth-of-type(4):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(19):checked ~ .nextBAll label:nth-of-type(20),
.galleryAll .noneGL:nth-of-type(5):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(20):checked ~ .nextBAll label:nth-of-type(21),
.galleryAll .noneGL:nth-of-type(6):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(21):checked ~ .nextBAll label:nth-of-type(22),
.galleryAll .noneGL:nth-of-type(7):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(22):checked ~ .nextBAll label:nth-of-type(23),
.galleryAll .noneGL:nth-of-type(8):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(23):checked ~ .nextBAll label:nth-of-type(24),
.galleryAll .noneGL:nth-of-type(9):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(24):checked ~ .nextBAll label:nth-of-type(25),
.galleryAll .noneGL:nth-of-type(10):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(25):checked ~ .nextBAll label:nth-of-type(26),
.galleryAll .noneGL:nth-of-type(11):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(26):checked ~ .nextBAll label:nth-of-type(27),
.galleryAll .noneGL:nth-of-type(12):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(27):checked ~ .nextBAll label:nth-of-type(28){
    display:block;
}

#similarr .title {min-height: 0;}
#similarr .title a, #similarr .price{font-size: 15px;}
#similarr .prod:hover {box-shadow:0 0 10px -8px #06548e;}
#similarr .prod.it6 {margin:0 0 35px 0;}
#similarr .image {height:195px;}
#similarr .image img{max-height:195px;}
#similarr .title {width:100%; margin:15px auto 0 auto;}
#similarr .btn {display: none;}
 #similarr .product{/*display: flex; flex-wrap: wrap;*/ padding:0;}
#similarr .prod{/*flex: 50%; max-width: 50%; */border-width: 10px;}
.PN-banner #topitemdescription p {font-size: 22px; line-height: 30px;}
.aft-F02 ul {-webkit-columns: 2;-moz-columns: 2;columns: 2;}
.sales__red {width: 110px;height: 110px;}
.sales__red p, .sales__red span {font-size: 1rem; margin: 0 0 5px;}
.sales__red h4 {font-size: 1.1rem;}
.sales__link {padding:0 25px; width:auto}
}	

@media screen and (max-width: 380px) {
.galleryAll .holder-img {height: 350px;}
.galleryAll .thumbN  {width: 50%;margin-left:-50%}
 .galleryAll .inputTBH:checked ~ .thumbN {width: 50%; height: 95px}
 .galleryAll .noneGL:nth-of-type(3):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(1):checked ~ .nextBAll label:nth-of-type(2),
 .galleryAll .noneGL:nth-of-type(4):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(2):checked ~ .nextBAll label:nth-of-type(3),
 .galleryAll .noneGL:nth-of-type(5):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(3):checked ~ .nextBAll label:nth-of-type(4),
 .galleryAll .noneGL:nth-of-type(6):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(4):checked ~ .nextBAll label:nth-of-type(5),
 .galleryAll .noneGL:nth-of-type(7):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(5):checked ~ .nextBAll label:nth-of-type(6),
 .galleryAll .noneGL:nth-of-type(8):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(6):checked ~ .nextBAll label:nth-of-type(7),
 .galleryAll .noneGL:nth-of-type(9):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(7):checked ~ .nextBAll label:nth-of-type(8),
 .galleryAll .noneGL:nth-of-type(10):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(8):checked ~ .nextBAll label:nth-of-type(9),
 .galleryAll .noneGL:nth-of-type(11):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(9):checked ~ .nextBAll label:nth-of-type(10),
 .galleryAll .noneGL:nth-of-type(12):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(10):checked ~ .nextBAll label:nth-of-type(11),
 .galleryAll .noneGL:nth-of-type(13):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(11):checked ~ .nextBAll label:nth-of-type(12),
 .galleryAll .noneGL:nth-of-type(14):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(12):checked ~ .nextBAll label:nth-of-type(13),
 .galleryAll .noneGL:nth-of-type(15):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(13):checked ~ .nextBAll label:nth-of-type(14),
 .galleryAll .noneGL:nth-of-type(16):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(14):checked ~ .nextBAll label:nth-of-type(15),
 .galleryAll .noneGL:nth-of-type(17):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(15):checked ~ .nextBAll label:nth-of-type(16),
 .galleryAll .noneGL:nth-of-type(18):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(16):checked ~ .nextBAll label:nth-of-type(17),
 .galleryAll .noneGL:nth-of-type(19):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(17):checked ~ .nextBAll label:nth-of-type(18),
 .galleryAll .noneGL:nth-of-type(20):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(18):checked ~ .nextBAll label:nth-of-type(19),
 .galleryAll .noneGL:nth-of-type(21):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(19):checked ~ .nextBAll label:nth-of-type(20),
 .galleryAll .noneGL:nth-of-type(22):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(20):checked ~ .nextBAll label:nth-of-type(21),
 .galleryAll .noneGL:nth-of-type(23):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(21):checked ~ .nextBAll label:nth-of-type(22),
 .galleryAll .noneGL:nth-of-type(24):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(22):checked ~ .nextBAll label:nth-of-type(23),
 .galleryAll .noneGL:nth-of-type(25):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(23):checked ~ .nextBAll label:nth-of-type(24),
 .galleryAll .noneGL:nth-of-type(26):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(24):checked ~ .nextBAll label:nth-of-type(25),
 .galleryAll .noneGL:nth-of-type(27):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(25):checked ~ .nextBAll label:nth-of-type(26),
 .galleryAll .noneGL:nth-of-type(28):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(26):checked ~ .nextBAll label:nth-of-type(27),
 .galleryAll .noneGL:nth-of-type(29):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(27):checked ~ .nextBAll label:nth-of-type(28),
 .galleryAll .noneGL:nth-of-type(30):not(:empty) ~ .tbhAll input.inputTBH:nth-of-type(28):checked ~ .nextBAll label:nth-of-type(29) {
	 display:block;
 }
}
