@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext';   /*font-family: 'Oswald', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); /*font-family: 'Lato', sans-serif;*/
body {font-family:Arial, Helvetica, 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;}
a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
*, *::after, *::before {box-sizing: border-box;}
#gh, .tb_v4bc, #glbfooter, .stBadge {width:1240px; margin:0 auto !important;}
.stBadge-accent {display:none;}
.clearAll:after {display:table; content:''; clear:both;}
.stBadge > img, .whiter-s_nf, .stBadge-splitterTd {display:none;}
.whiter-rcp {border:none !important;}
.pagecontainer > p, .pagecontainer > img {display:none;}
.gh-tbl {width:auto;}
                                                                                     /*=====================  header  ========================*/
#header {display:block; margin:0 auto 10px auto; padding:0; width:100%; height:auto; background:#F9F9F9;}
#header .wrap-jti {display:block; width:100%; height:20px; margin:0 auto; padding:0 auto; background:#fff;}
#header .jti {display:block; max-width:1240px; height:20px; margin:0 auto; padding:0 auto;}
.jti:after { display:table; content:''; clear:both;}	
#header .jti img { display:block; float:right; margin:0 auto; padding:0;}
#header .logo {display:block; width:1240px; min-height:195px; margin:0 auto; padding:0; position:relative;}
.logo:after {display:table; content:''; clear:both;}
#header .logo h5 {display:block; margin:auto; padding:0; width:235px; height:20px; line-height:20px; font-family: 'Oswald', sans-serif; font-weight:normal; font-size:16px; color:#000; text-align:right; position:absolute; top:10px; right:0; left:auto;}
#header .logo h4 {display:block; margin:auto; padding:0; width:275px; height:25px; line-height:25px;font-family: 'Oswald', sans-serif; font-weight:normal; font-size:22px; color:#0164D8; text-align:right; position:absolute; top:35px; right:0; left:auto;}
#header .logo .t-menu {display:block; width:100%; height:50px; margin:0 auto 0 auto; text-align:right;}
.bottom-menu:after {display:table; content:''; clear:both;}
#header .logo .t-menu ul {display:inline-block; list-style:none; margin:0; padding:0; width:auto;}	
#header .logo .t-menu ul li {display:block; text-align:center; width:auto; float:left; height:50px; margin:0 30px 0 0;}
#header .logo .t-menu ul li.lastT {margin:0;}
#header .logo .t-menu ul li a {display:inline-block; padding:0 15px 0 0; margin:0; font-family: 'Oswald', sans-serif; font-size:14px; line-height:50px; color:#000; text-align:left; text-transform:capitalize; font-weight:normal;text-decoration:none; height:50px; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-menu.png) no-repeat 100% 50%;}
#header .logo .t-menu ul li a:hover {text-decoration:underline;}	
#header .logo .imglog {display:block; width:210px; float:left; height:135px; margin:0; padding:0;}
#header .logo .imglog a {display:block; width:100%; height:100%;}
#header .logo .imglog a img {display:block; width:100%; height:auto; margin:0; padding:0;}
#header .logo .addd {display:block; width:225px; height:40px; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-add.png) no-repeat 10px 50% #FFCC00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:auto; padding:0; position:absolute; right:0; bottom:10px}
#header .logo .addd a {display:block; width:100%; height:40px; line-height:40px; margin:0 auto; text-align:center; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow2-add.png) no-repeat 90% 50%; padding:0; font-family: 'Oswald', sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; color:#000; text-decoration:none;}
#header .logo .addd a:hover {text-decoration:underline;}
#header .menuu {display:block; margin:10px auto 0 auto; padding:0; width:100%; height:50px; background:#0364DA;}
#header #menuu { display:block; width:1240px; height:50px; margin:0 auto; padding:0;}
#header #categoriestop{ display:table; margin:0px; padding:0px; text-align:center; width:100%;}
#header #categoriestop li {display:table-cell; vertical-align:middle; height:50px; position:relative;}
#header #categoriestop li a {font-family: 'Oswald', sans-serif;font-size:17px;font-weight:normal;display:table-cell; vertical-align:middle;line-height:19px; text-align:center; text-decoration:none; color:#fff; text-transform:capitalize; padding:0 10px; height:50px; width:33.33% !important;} 
#header #categoriestop li:hover a { background:#AAAAAA; color:#fff;}
#header #categoriestop .level2{background: #AAAAAA ;display: none; padding: 5px 0;position: absolute; top:50px;width: 250px;  z-index:999999; clear:both;}
#header #categoriestop .level2 li:hover > a {background:#0364DA; color:#fff;}
#header #categoriestop .level2 li {float: left;text-align: left;text-transform: none;width: 100%; margin:0px; padding:0px 5px; box-sizing:border-box; position:relative; border-right:none; border-left:none; }
#header #categoriestop .level2 li a{font-family: 'Oswald', sans-serif;font-size:17px;font-weight:normal;height: auto;line-height: normal;padding: 3px 15px; text-align:left;text-transform:capitalize;line-height:30px;width:100% !important;display:block;}
#header #categoriestop li:hover .level2 {display:block;}
#header #categoriestop .level3 {background:#AAAAAA;display: none !important; padding: 5px 0;position: absolute; left:250px; width: 250px;  z-index:999999; clear:both; top:0; border-left:1px solid #fff; color:#fff;}
#header #categoriestop .level3 li {float: left;text-align: left;text-transform: none;width: 100%; margin:0px; padding:0 5px; box-sizing:border-box; line-height:30px; }
#header #categoriestop .level3 li:hover a {background:#0364DA; color:#fff;}
#header #categoriestop .level3 li a {font-family: 'Oswald', sans-serif; font-size:13px; font-weight:normal; height: auto;line-height: normal;padding: 3px 15px; text-align:left; ; text-transform: uppercase; line-height:30px}
#header #categoriestop .level2 .categ2:hover .level3 {display:none !important;}
#header #categoriestop .categ.prelast ul, #header #categoriestop .categ.last ul {left:auto; right:0;}
#header .show-menu{display:none; font-family: 'Oswald', sans-serif; text-decoration:none;color:#fff; background:#0364da; text-align:left;padding:0 0 0 45px; position:relative; height:45px; line-height:45px; font-size:16px; font-weight:normal; text-transform:capitalize; width:100%; float:left; margin:0; box-shadow: 0 10px 10px -10px #222;}
.show-menu:after { display:block; content:""; background:#fff; position:absolute; height:4px; width:20px; left:10px; top:28px; margin:auto; right:auto;}
.show-menu:before { display:block; content:""; border-top:4px solid #fff; position:absolute; height:11px; width:20px; left:10px; top:14px; border-bottom:4px solid #fff; border-top:4px solid #fff; margin:auto;}
#header #show-menu[type=checkbox]{display:none}
#header #show-menu[type=checkbox]:checked ~ #menuu{display:block;}
#header #menuu2, #header a.respH, #header #menuu2 ul{display:none;}
#header .show-menu2{display:none; font-family: 'Oswald', sans-serif; font-size:16px; font-weight:normal; height: auto;line-height:40px;padding:0 0 0 45px; text-align:left; text-transform:capitalize; position:relative; line-height:40px; float:left; width:100%; border-top:1px solid #fff; color:#fff;}
#header #show-menu2[type=checkbox]{display:none}
#header #show-menu2[type=checkbox]:checked ~ #menuu2 {display:block; width:100%; height:auto; padding:0; margin:0; float:left;}
#header .show-menu2:before{ display:block; position:absolute; margin:auto; padding:0; left:215px; top:0; bottom:0; content: "\25bc"; color:#fff; font-size:13px; font-weight:bold; line-height:40px; height:40px}
#menuu2:after, #menuu:after, .level2:afte, .level3:after, .topM:after, #categoriestop:after, #categoriesside:after{display:table; content:''; clear:both;}
#infoo2 {display:block; margin:0 auto 20px auto; width:1240px; min-height:62px; padding:0; border-top:1px solid #FFCC00; border-bottom:1px solid #FFCC00;}
#infoo2:after {display:table; content:''; clear:both;}
#infoo2 .inf {display:block; margin:0 0 0 1%; padding:0; float:left;}
#infoo2 .inf img {display:block; height:60px; max-width:100%; margin:0; padding:0;}
#infoo2 .inf.if1 {width:17%;}
#infoo2 .inf.if2, #infoo2 .inf.if3 {width:40%; padding:0 0 0 15px;}
/*=====================  slideshow  ========================*/
#slider{width:100%;height:auto;position:relative;overflow:hidden}
@keyframes load{from{left:-100%}to{left:0}}.slides{width:300%;height:auto;position:relative;-webkit-animation:slide 30s infinite;-moz-animation:slide 30s infinite;animation:slide 30s infinite}.slider{width:33.33%;height:auto;float:left;position:relative;z-index:1;overflow:hidden}.slide img{width:100%;height:auto;width:100%;height:auto}.image{width:100%;height:auto}.image img{width:100%;height:auto}.on{width:100%;height:100%;border-radius:50%;background:#f39c12;position:relative;-webkit-animation:on 30s infinite;-moz-animation:on 30s infinite;animation:on 30s infinite}@-webkit-keyframes slide{0%,100%{margin-left:0}21%{margin-left:0}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-100%}96%{margin-left:-100%}}@-moz-keyframes slide{0%,100%{margin-left:0}21%{margin-left:0}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-100%}96%{margin-left:-100%}}@keyframes slide{0%,100%{margin-left:0}21%{margin-left:0}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-100%}
96%{margin-left:-100%}}
                                                                                  /*=====================  footer ========================*/
#footer {display:block; width:1240px; height:auto; margin:0 auto; padding:0;}
#footer:after {display:table; content:''; clear:both;}
#footer .f-keep {display:block; width:100%; min-height:60px; margin:20px auto 10px auto; padding:0; position:relative; overflow:hidden; background:#FFCC00; float:left;} 
#footer .f-keep .keep1 {display:block; position:absolute; height:60px; top:0px; left:3%; width:40%;}
#footer .f-keep .keep1 h3{display:inline-block; font-family: 'Oswald', sans-serif; font-size:30px; line-height:60px; text-align:left; color:#fff; margin:0; height:60px; padding:0 75px 0 0; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/keep.png) no-repeat 100% 50%;}
#footer .f-keep .keep2 {display:block; position:absolute; height:41px; top:10px; left:47%; width:35%; background:#fff; border:1px solid #ccc; overflow:hidden;}
#footer .f-keep .keep2 h3{display:inline-block; font-family: 'Oswald', sans-serif; font-size:22px; line-height:41px; text-align:left; color:#000; margin:0; background:#fff; height:41px; padding:0 0 0 20px; font-weight:normal;}
#footer .f-keep .keep3 {display:block;position:absolute;height:41px; top:10px;right:3%;width:10%; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-find.png) no-repeat 90% 50% #0364DA; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#footer .f-keep .keep3 a{display:inline-block;  font-family: 'Oswald', sans-serif; font-size:16px; line-height:40px; text-align:center; color:#fff; margin:0; height:41px; padding:0; font-weight:normal; margin:0 auto; text-transform:uppercase; width:100%; font-weight:normal; text-decoration:none;}
#footer .f-keep .keep3 a:hover { text-decoration:underline;}
#footer .b-menu {display:block; width:100%; height:auto; margin:0 auto 20px auto; padding:0; float:left;}
#footer .b-menu .box1 {display:block; width:30%; height:auto; margin:0; float:left;}
#footer .b-menu .box1 ul {display:block; list-style:none; margin:0 auto 0 10px; padding:0;}
#footer .b-menu .box1 ul li {background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-categ.png) no-repeat 0 50%;}
#footer .b-menu .box1 ul li a{display:block; padding:0 0 0 15px; margin:0; font-family:'Lato', sans-serif; font-size:14px; line-height:30px; color:#000; text-align:left; text-transform:capitalize; font-weight:normal; text-decoration:none;}
#footer .b-menu .box1 ul li a:hover{text-decoration:underline;}
#footer .b-menu .box1 ul li.first h3 {padding:0 90px 0 20px;font-size:14px; text-transform:uppercase; line-height:40px; font-weight:normal; background:#0364DA; color:#fff; margin:0 0 20px 0; width:225px; font-family: 'Oswald', sans-serif;}
#footer .b-menu .box2 {display:block; width:37%; height:auto; margin:0; float:left;}
#footer .b-menu .box2 h3{padding:0 0 0 20px;font-size:14px; text-transform:uppercase; line-height:40px; font-weight:normal; background:#0364DA; color:#fff; margin:0 0 20px 0; width:290px; display:block; font-family: 'Oswald', sans-serif;}
#footer .b-menu .box2 ul { display:inline-block; list-style:none; margin:0 auto 0 0; padding:0;}
#footer .b-menu .box2 ul li {display:block; padding:0;padding:0px;width:50%; float:left; height:30px; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-categ.png) no-repeat 0 50%;}
#footer .b-menu .box2 ul li a { display:block; padding:0 0 0 15px; margin:0; font-family:'Lato', sans-serif; font-size:14px; line-height:30px; color:#000; text-align:left; text-transform:capitalize; font-weight:normal; text-decoration:none;}
#footer .b-menu .box2 ul li a:hover {text-decoration:underline;}
#footer .b-menu .box2 ul ul {display:none;}
#footer .b-menu .box3{display:block; width:33%; height:auto; margin:0; float:left;}
#footer .b-menu .box3 h3{padding:0 0 0 20px;font-size:14px; text-transform:uppercase; line-height:40px; font-weight:normal; background:#0364DA; color:#fff; margin:0 0 20px 0; width:290px; display:block; font-family: 'Oswald', sans-serif;}
#footer .b-menu .box3-l  {display:inline-block; list-style:none; margin:0; padding:0; float:left; width:100%;}	
#footer .b-menu .box3-l li h4 {display:block; padding:0;margin:0 0 15px 0; font-family:'Lato', sans-serif; font-size:14px; line-height:20px; color:#000; text-align:left; font-weight:normal; text-decoration:none; height:20px; text-transform:capitalize;}
#footer .b-menu .box3-l li h5 {display:block; padding:0; margin:0; font-family:'Lato', sans-serif; font-size:14px; line-height:20px; color:#000; text-align:left; font-weight:normal; text-decoration:none; height:20px; text-transform:capitalize;}
#footer .b-menu .box3-l li h6 {display:block; padding:0; margin:0; font-family:'Lato', sans-serif; font-size:14px; line-height:20px; color:#000; text-align:left; font-weight:normal; text-decoration:none; height:20px; text-transform:uppercase;}
#footer .b-menu .box3-r  {display:inline-block; list-style:none; margin:0; padding:0; float:right; width:55%;}	
#footer .b-menu .box3-r li h5 {display:block; padding:0;margin:0 0 0px 0; font-family:'Lato', sans-serif; font-size:14px; line-height:20px; color:#000; text-align:left; font-weight:normal; text-decoration:none; height:20px; text-transform:capitalize;}
.linee {display:block; width:100%; height:30px; margin:0; padding:0; background:#F9F9F9;}                                                                                             
                                                                                     /*=====================   listing  ========================*/
#listing {display:block; width:100%; height:auto; margin:0 auto; padding:0;}																					 
#listing .tit {display:block; width:100%; min-height:30px; margin:20px auto; padding:0; background:#f9f9f9;}
#listing .tit2 {display:block; width:1240px; min-height:30px; margin:0 auto; padding:0;}
#listing .tit .tit2 h2 {color: #000;display: block;margin:0; padding:4px 0 4px 48%; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:normal; line-height:24px; width:100%; text-align:left; text-transform:uppercase;}
#listing #contentAll { display:block; width:1240px; height:auto; margin:0 auto 0 auto; padding:0; overflow:hidden;}
#contentAll:after{display:table; content:''; clear:both;}
#listing #produ {display:block; width:100%; height:auto; margin:0 0 20px 0; padding:0; float:left;}
#produ:after { display:table; content:''; clear:both;}
#listing #imag {display:block; width:45%; height:auto; float:left; margin:0;}
#listing .gallery{width:100%;position:relative;padding-top:450px;margin:0 auto; box-shadow:0 0 10px -5px rgba(0,0,0,0.75)}
#listing .gallery>img{position:absolute;left:0;top:0;transition:all .5s; max-width:100%; margin:auto; bottom:0; right:0; max-height:450px; padding:10px;}
#listing .gallery input[name='slide_switch']{display:none}
#listing .gallery label{margin:15px 1% 0 1%;box-shadow:0 0 10px -5px rgba(0, 0, 0, 0.75);float:left;cursor:pointer;transition:all .5s;opacity:.6; width:23%; height:100px; position:relative;}
#listing .gallery label img{display:block; width:auto; max-width:100%; position:absolute; margin:auto; padding:0; right:0; left:0; top:0; bottom:0; max-height:100%;}
#listing .gallery input[name='slide_switch']:checked+label{opacity:1}
#listing .gallery input[name='slide_switch'] ~ img{opacity:0;transform:scale(1)}
#listing .gallery input[name='slide_switch']:checked+label+img{opacity:1;transform:scale(1)} 
#listing #descriptions {display:block; width:52%; min-height:350px; float:right; padding:0; position:relative;}
#listing #descriptions h4{display:block;font-family: 'Lato', sans-serif;font-size:16px; font-weight:normal;line-height:24px; color:#000; text-align:left; text-decoration:none; margin:0 0 35px 0; padding:0;}
#listing #descriptions h6{display:block;font-family: 'Lato', sans-serif;font-size:22px; font-weight:bold;line-height:22px; color:#EB1921; text-align:left; text-decoration:none; margin:0 0 50px 0; padding:0;}
#listing #descriptions h6 span {color:#000; font-size:16px; text-transform:capitalize;}
#listing #descriptions .btb.watch{background:#0364DA; height:50px; color:#fff; margin:auto;  display:block; padding:0; line-height:50px; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:normal; text-decoration:none; width:250px; position:absolute; left:0; bottom:120px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; text-align:center;}
#listing #descriptions .btb.ask{background:#0364DA; height:50px; color:#fff; margin:auto;  display:block; padding:0; line-height:50px; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:normal; text-decoration:none; width:250px; position:absolute; left:0; bottom:60px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase;text-align:center;}
#listing #descriptions .btb.add_l {background:#0364DA; height:50px; color:#fff; margin:auto;  display:block; padding:0; line-height:50px; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:normal; text-decoration:none; width:250px; position:absolute; left:0; bottom:0px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase;text-align:center;}
#listing #descriptions .btb.watch:hover {text-decoration:underline;}
#listing #descriptions .btb.ask:hover {text-decoration:underline;}
#listing #descriptions .btn.add-l:hover {text-decoration:underline;}
@-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}
#tabs{width:100%;padding:0;margin:0 auto 20px auto;float:left; height:auto; border:none;}
#tabs section{display:none;padding:25px 10px;  float:left; width:100%; background:#f9f9f9;}
#tabs input{display:none}
#tabs label{display:inline-block; margin:0 5px 0 0; padding:10px 65px 10px 25px; font-weight:normal;text-align:center;width:auto; font-size:16px; font-family: 'Oswald', sans-seri; color:#fff; text-transform:uppercase; box-sizing:border-box; float:left; background:#AAAAAA; border:none;-webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0;}
#tabs .deskV.LL3 {margin:0}
#tabs label:hover{ background:#f9f9f9; color:#000;cursor:pointer}
#tabs input:checked+label{border:none; background:#f9f9f9; color:#000;}
#tab2:checked ~ #content2,#tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6{display:block;font-size:14px;font-family: 'Lato', sans-serif;color:#000;line-height:21px;}
#tab1:checked ~ #content1 {display:block;}
#tabs #content1 ul {list-style-type:disc;}
#listing .resptab-content table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family:Arial, Helvetica, sans-serif !important;}
#listing .resptab-content img {display:block; max-width:100%;}
#tabs .resptab-input, #tabs .resptab-label {display:none;}
/* #listing .resptab-content h4 {font-family: 'Lato', sans-serif !important; font-size:14px; color:#000; font-weight:normal; margin:0; line-height:21px;}
#listing .resptab-content p {font-family: 'Lato', sans-serif !important; font-size:14px; color:#000; font-weight:normal; line-height:21px;}
#listing .resptab-content span {font-family: 'Lato', sans-serif !important; font-size:14px !important; color:#000; font-weight:normal !important; line-height:21px;}  
#listing .resptab-content li {display:block !important;} */
#listing .infoo {display:block; margin:0 auto 20px auto; width:1240px; min-height:62px; padding:0; border-top:1px solid #FFCC00; border-bottom:1px solid #FFCC00; float:left;}
.infoo:after {display:table; content:''; clear:both;}
#listing .infoo .inf {display:block; margin:0 0 0 1%; padding:0; float:left;}
#listing .infoo .inf img {display:block; height:60px; max-width:100%; margin:0; padding:0;}
#listing .infoo .inf.if1 {width:17%;}
#listing .infoo .inf.if2, #listing .infoo .inf.if3 {width:40%; padding:0 0 0 15px;}
#listing h3.sim{display:inline-block;width:275px;height:50px;line-height:50px;margin:0;padding:0 0 0 30px;text-align:left;background:#f9f9f9;color:#000;font-family: 'Oswald', sans-seri;font-size:16px;text-transform:uppercase; font-weight:normal;}
#similarr {display: block; min-height: 415px;margin:0 auto;padding:15px 0; width: 100%; float:left; background:#f9f9f9;}
#similarr .product {display:block; width:100%; height:auto; margin:0; padding:0;}
.product:after {display:table; content:''; clear:both;}
#similarr .prod{ width:23%; height:355px; margin:15px 1% 15px 1%; display:block; position:relative; float:left; padding:15px;box-shadow:0 0 15px -5px #000;}
#similarr .prod:hover {box-shadow:0 0 15px -5px #0364da;}
#similarr .prod.it5, #similarr .prod.it6, #similarr .prod.it7, #similarr .prod.it8, #similarr .prod.it9, #similarr .prod.it10, #similarr .prod.it11, #similarr .prod.it12  {display:none;}
#similarr .image {display:block; width:100%; height:185px; margin:0 auto; position:relative; overflow:hidden;}
#similarr .image img{display:block; margin:auto; padding:0; max-width:100%; max-height:185px; 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;}
#similarr .title {display:block; margin:10px 0 0 0; padding:0; width:100%; height:auto; overflow:hidden;}
#similarr .title a{display:block; font-family: 'Lato', sans-serif;font-size:14px; font-weight:normal;line-height:17px; color:#999999 !important; text-decoration:none; text-align:left; width:100% !important; margin:0;}
#similarr .title a:hover { text-decoration:underline;}
#similarr .price {font-family: 'Lato', sans-serif; font-size:16px; font-weight:bold;line-height:15px; color:#0264D9; display:block;  text-align:left;margin:15px auto 15px auto;}
#similarr .price p {display:inline-block; margin:0;}
#similarr .btn a {display:block; margin:auto; width:110px !important; font-family: 'Oswald', sans-serif; font-size:16px; text-transform:uppercase; font-weight:normal; padding:0 0 0 25px; height:40px; line-height:40px; color:#fff; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-find.png) no-repeat 85% 50% #0364DA; text-decoration:none; position:absolute; bottom:10px; left:15px; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#similarr .btn a:hover {box-shadow:3px 3px 3px #000; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-find.png) no-repeat 85% 50% #AAAAAA;}
#similarr .title > h4 {margin:0;}				
@media screen and (max-width: 1240px){
#listing {padding:0 5px;}
body {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;  background:#fff !important; animation:bugfix infinite 1s; -webkit-animation:bugfix infinite 1s; padding:0 !important;}
a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#gh, .tb_v4bc, #glbfooter, .stBadge, #header .jti, #header .logo, #header #menuu, #infoo2, #slideshow .wrap-find, #footer, #homepage #hcategories, #homepage #prod, #homepage .infoo, .eleven, #listing .tit2, #listing #contentAll, #listing .infoo {width:100% !important;}
.stBadge, #glbfooter {min-width:100%;}
}
@media screen and (max-width: 1180px){
#footer .f-keep .keep1 h3 {font-size:20px;}
#footer .f-keep .keep2 h3 {font-size:17px;}
#footer .f-keep .keep3 a {font-size:13px;}
/*= listing =*/
#listing .gallery{padding-top:400px;}
#listing .gallery>img{max-height:400px;}
#listing .gallery label {width:31.333%;}
#similarr .prod.it4 {display:none;}
#similarr .prod {width:31.33%;}
#tabs label {padding:10px 45px 10px 15px; font-size:15px;}
}
@media screen and (max-width: 980px){
#header .logo .addd {top:75px; right:0; bottom:auto;}
#footer .b-menu .box1 {width:26%;}
#footer .b-menu .box2{width:40%;}
#footer .b-menu .box3{width:34%;}
#footer .b-menu .box1 ul li.first h3 {padding:0 0 0 20px; width:50%; display:block;}
#footer .b-menu .box2 h3, #footer .b-menu .box3 h3 {width:50%;}
/*= listing =*/
#listing .tit .tit2 h2 {padding:4px 0 4px 0;}
#tabs label {padding:10px 45px 10px 15px;}
}
@media screen and (max-width: 880px){
#header .logo .t-menu {display:none;}
#header .menuu {background:none;}
#header .show-menu, #header .show-menu2 {display:block !important;}
#header #menuu{position:static;display:none; height:auto; width:100%; margin:0; float:left; border-top:none; background:#aaaaaa; padding:5px 0 0 0; border-top:2px solid #fff;}
#header #menuu2 .level2, #header #menuu2 .level3, #header #menuu2 ul ul, #header .level2, #header .level3, #header .topM  {display:none !important;}
#header #menuu2 .categ.last {border:none !important;}
#header #menuu2 ul{background:#aaaaaa;display:block; padding:0 0 0 15px !important; width:100%; z-index:999999; clear:both; box-shadow:none; float:left; margin:0;}
#header #menuu2 ul 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; background:none !important; }
#header #menuu2 ul li a {font-family: 'Oswald', sans-serif; font-size:16px; font-weight:normal; height: auto;line-height:40px;padding:0 10px 0 45px; text-align:left; text-transform:capitalize; width:100% !important; text-align:left !important; display:block !important; line-height:40px; position:relative; color:#fff; text-decoration:none; border:none;}
#header a.respH.hhh {border:none;}
#header a.respH {display:block; width:100%; margin:0; padding:0 10px 0 45px; line-height:40px; color:#fff; text-align:left; font-family: 'Oswald', sans-serif; font-size:16px; text-transform:capitalize; text-decoration:none; font-weight:normal; text-indent:inherit; background:none; text-indent:inherit; border-top:1px solid #fff; float:left}
#header .logo .imglog {margin:35px 0 0 0;}
#footer .f-keep .keep1 h3 {font-size:15px;}
#footer .f-keep .keep2 h3 {font-size:13px;}
#footer .f-keep .keep3 a {font-size:11px;}
#footer .b-menu .box1 {width:22%;}
#footer .b-menu .box2{width:42%;}
#footer .b-menu .box3{width:36%;}
/*= listing =*/
#listing .gallery{padding-top:350px;}
#listing .gallery>img{max-height:350px;}
#tabs label {padding:10px 35px 10px 15px;}
}
@media screen and (max-width: 780px){
#footer .f-keep {min-height:120px;}
#footer .f-keep .keep1 {position:static; width:100%; margin:0 auto; text-align:center;}
#footer .f-keep .keep1 h3 {text-align:center; margin:0 auto;}
#footer .f-keep .keep2 {top:70px; left:5%; width:65%;}
#footer .f-keep .keep3 {width:110px; right:5%; top:70px; border-radius:0; -webkit-border-radius:0; -moz-border-radius: 0;}
#footer .f-keep .keep1 h3 {font-size:19px;}
#footer .f-keep .keep2 h3 {font-size:15px;}
#footer .f-keep .keep3 a {font-size:13px;}
/*= listing =*/
#listing .tit {margin:0 auto 20px auto;}
#listing #imag {width:100%; margin:0 0 15px 0;}
#listing #descriptions {width:100%; margin:0; min-height:0; padding:0;}
#listing #descriptions h4, #listing #descriptions h6 {margin:0 0 25px 0;}
#listing #descriptions .btb.watch {position:static; margin:0 0 10px 0; font-size:16px;}
#listing #descriptions .btb.ask {position:static; margin:0 0 10px 0; font-size:16px;}
#listing #descriptions .btb.add_l {position:static; margin:0 0 10px 0; font-size:16px;}
#listing .gallery{padding-top:500px;}
#listing .gallery>img{max-height:500px;}
#listing .gallery label {width:23%;}
#similarr {min-height:0;}  
#similarr .prod { width:48%;}
#similarr .prod.it4 {display:block;}
#tabs label {padding:10px 25px 10px 15px;}
}
@media screen and (max-width: 680px){
#header .logo .imglog {margin:35px 0 15px 0;}
#header .logo .search {position:static; width:100%;}
#header .logo .search .searchField {width:100%; padding:0 100px 0 35px;}
#header .logo .search .submitBtn {border-radius:0; -webkit-border-radius:0; -moz-border-radius: 0}
#header .logo .addd {top:130px;}
#footer .b-menu .box1, #footer .b-menu .box2, #footer .b-menu .box3, #footer .b-menu .box1 ul li.first h3, #footer .b-menu .box2 h3, #footer .b-menu .box3 h3 {width:100%;}
#footer .b-menu .box1, #footer .b-menu .box2 {margin:0 0 15px 0;}
#footer .b-menu .box1 ul {margin:0;}
#footer .b-menu .box3-l, #footer .b-menu .box3-r {width:50%;}
#footer .b-menu .box1 ul li a, #footer .b-menu .box2 ul li a {display:inline-block;}
/*listing*/
#listing #produ {margin:0 0 10px 0;}
#tabs {border:none; background:none; margin:0 0 15px 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%;min-height:40px;padding:0 0 0 15px;font-size:14px;font-weight:normal;margin:10px 0 0 0;background: #AAAAAA;text-align:left;line-height:40px;font-family: 'Oswald', sans-serif !important;height:40px; position:relative; border:none !important; text-transform:uppercase;}
#tabs .resptab-input{display:none}
#tabs .resptab-content{margin:0; padding:15px 5px; border:none; background:#fff;}
#tabs .resptab-content table {border-collapse:collapse !important; border-spacing:0 !important; max-width:100% !important; font-family:Arial, Helvetica, sans-seriff !important;}
#tabs .resptab-content img {display:block; max-width:100%;}
#tabs .resptab-input:not(checked) ~ .resptab-content{display:none}
#tabs .resptab-input {display:none !important;}
#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:13px; margin:0;}
#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 {color:#fff !important; width:100%; margin:10px 0 0 0; background:#0364da; border-left:5px solid #aaaaaa !important;}
#listing .tit .tit2 h2 {font-size:16px;}
#listing .gallery{padding-top:450px;}
#listing .gallery>img{max-height:450px;}
}
@media screen and (max-width: 580px){
#header .logo {min-height:175px;}
#header .logo .imglog {width:170px; height:120px; margin:35px 0 5px 0;}
#header .logo h4 {width:125px; font-size:16px}
#header .logo .addd {width:160px; background:url(https://shared1.ad-lister.co.uk/UserImages/18405f98-a0ef-4e5a-8573-285fc4b5b540/Img/_design2016/arrow-add.png) no-repeat 5px 50% #FFCC00; height:30px; top:115px;}
#header .logo .addd a{font-size:11px; height:30px; line-height:30px;}
#footer .f-keep .keep3 {width:70px; right:2%;}
#footer .f-keep .keep3 a {text-align:left; padding:0 0 0 5px; }
#footer .f-keep .keep2 {left:2%; width:70%;}
#footer .f-keep .keep2 h3 {padding:0 0 0 5px; font-size:12px;}
/*= listing =*/
#listing .gallery{padding-top:400px;}
#listing .gallery>img{max-height:400px;}
#listing .gallery label {width:31.333%;}
}
@media screen and (max-width: 420px){
#footer .f-keep .keep1 h3{font-size:17px;}
/*= listing =*/
#listing .gallery{padding-top:350px;}
#listing .gallery>img{max-height:350px;}
#similarr .prod{display:block; width:100%; height:auto; margin:0 0 20px 0; box-shadow:0 5px 15px -5px #000;}
#similarr .prod:hover {box-shadow:0 5px 15px -5px #0364da;}
#similarr .image {height:195px;}
#similarr .image img{max-height:195px;}
#similarr .title {width:100%; margin:15px auto 0 auto;}
#similarr .title a{font-size:14px; line-height:17px;}
#similarr .price { margin:20px auto 20px auto;}
#similarr .btn a { margin:0 auto 10px auto; position:static;}
}
@media screen and (max-width: 380px){
#listing .gallery{padding-top:300px;}
#listing .gallery>img{max-height:300px;}
#listing .gallery label {width:48%;}
}