/* Reset */
html,body,div,img,ul,li,header,footer,form,fieldset,legend{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}
img{vertical-align:bottom}
a{outline:0}
input,button{-webkit-appearance:none;-webkit-border-radius:0}
/* Layout */
html{font-size:62.5%}
body{min-width:320px;position:relative;text-align:center;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:24px;color:#65646a}
#main{margin:auto;text-align:left;max-width:1288px}
.wrap{margin:0 auto}
.wrap>div{margin:0 4%}
.centre{text-align:center}
.cb{clear:both}
.group:after {content:"";display:table;clear:both}
.grey{background:#f2f2f2}
/* Links */
a{text-decoration:none;color:#65656A}
a:hover{opacity:0.6}
.breadcrumb a {text-transform:capitalize}
/* Icons 3Cstyle%3E.st0{fill:%23999} .st1{fill:white} .st2{fill:%239C999D}%3C/style%3E*/
span.icon{position:absolute;left:0;width:40px;height:40px}
span.icon,header li:nth-child(2) a:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='480' height='40'%3E%3Cg fill='%23fff'%3E%3Cpath id='b' d='M13.5 9.8c.4 0 .9.2 1.3.7l2.5 3.9c.2.3.4 1.3-.2 1.9-.5.6-1 .7-1.2 1.2-.2.3-.4 1-.1 1.7.4.9 1 1.6 2.1 2.8 1.2 1.1 1.9 1.7 2.8 2.1l.8.2c.4 0 .7-.1.9-.3l1.2-1.2c.3-.3.8-.4 1.2-.4l.8.2c1 .5 2.4 1.5 3.9 2.5 1.1.7.7 1.8.5 2.2-.1.3-.9 1.5-2.6 2.4-.5.2-1.1.4-1.8.4-2.3 0-5.9-1.4-10.1-5.6-5.6-5.5-6.2-9.9-5.2-11.8a6 6 0 0 1 2.4-2.6c.1-.1.4-.3.8-.3m0-1.6c-.6 0-1.2.2-1.6.3a7 7 0 0 0-3.2 3.4c-1.3 2.5-.6 7.6 5.6 13.9 5.3 5.3 9.4 6.1 11.3 6.1 1 0 1.8-.2 2.6-.6 2-1 3-2.5 3.4-3.2.7-1.6.3-3.3-1.1-4.3l-.7-.5c-1.3-.8-2.5-1.7-3.4-2.1a3 3 0 0 0-1.6-.4c-.9 0-1.6.3-2.3.8l-.8.9-.1.1h-.1a9.8 9.8 0 0 1-4-4v-.1l.1-.1.9-.8c1-1.2 1-2.9.5-3.9l-2.2-3.4-.5-.7a3.5 3.5 0 0 0-2.8-1.4m45.4 3.5v16.7h24.8V11.7H58.9m12.3 11-9.5-9.4h19l-9.5 9.4m-5.3-2.8-5.4 5.6V14.6l5.4 5.3m1.2 1.1 4.1 4.1 4.1-4.1 5.4 5.6h-19l5.4-5.6m9.4-1.1 5.4-5.3v10.9l-5.4-5.6m46-13.3a8.7 8.7 0 0 0-8.7 8.7c0 8.7 8.7 19.2 8.7 19.2s8.7-10.5 8.7-19.2c0-4.8-3.9-8.7-8.7-8.7m0 14c-2.9 0-5.2-2.3-5.2-5.2s2.3-5.2 5.2-5.2c2.9 0 5.2 2.3 5.2 5.2 0 2.8-2.3 5.2-5.2 5.2'/%3E%3C/g%3E%3Cpath fill='%23999' d='M186 10.4v1.4a9.7 9.7 0 0 0-5 3.6 8.3 8.3 0 0 0-1.8 5l.2.9.3.2.5-.2a4 4 0 0 1 2.5-.7c1.2 0 2.2.5 3.1 1.4a4.6 4.6 0 0 1-.2 6.8 5.4 5.4 0 0 1-3.8 1.5c-1.7 0-3.2-.7-4.4-2s-1.8-3.2-1.8-5.5c0-2.6.8-5.1 2.5-7.2 1.5-2.2 4.2-3.9 7.9-5.2m-14.8 0v1.4a9.7 9.7 0 0 0-5 3.6 8.3 8.3 0 0 0-1.8 5l.2.9.3.2.5-.2a4 4 0 0 1 2.5-.7c1.2 0 2.2.5 3.1 1.4a4.6 4.6 0 0 1-.2 6.8 5.4 5.4 0 0 1-3.8 1.5c-1.7 0-3.2-.7-4.4-2s-1.8-3.2-1.8-5.5c0-2.6.8-5.1 2.5-7.2 1.6-2.2 4.3-3.9 7.9-5.2m16.1-1.9-1.8.7a19.5 19.5 0 0 0-8.7 5.5c-1.9 2.4-2.9 5-2.9 8 0 2.6.8 4.7 2.2 6.3a7.3 7.3 0 0 0 5.5 2.5c1.8 0 3.4-.7 4.7-1.9a6 6 0 0 0 .2-8.6 5.5 5.5 0 0 0-4.1-1.8 6 6 0 0 0-2 .3c.1-1.1.7-2.2 1.5-3.4a9 9 0 0 1 4.4-3.1l.9-.3V8.5h.1m-14.7 0-1.8.7a19.5 19.5 0 0 0-8.7 5.5c-1.9 2.4-2.9 5-2.9 8 0 2.6.8 4.7 2.2 6.3a7.3 7.3 0 0 0 5.5 2.5c1.8 0 3.4-.7 4.7-1.9a6 6 0 0 0 .2-8.6 5.5 5.5 0 0 0-4.1-1.8 6 6 0 0 0-2 .3c.1-1.1.7-2.2 1.5-3.4a9 9 0 0 1 4.4-3.1l.9-.3V8.5h.1m51.7 19.7-8.9-8.9 3.7-3.7 5.2 5.2 11.3-11.3a15 15 0 1 0 3.1 4.4l-14.4 14.3'/%3E%3Cuse xlink:href='%23b' x='250' fill='%23999'/%3E%3C/svg%3E") no-repeat}
span.email{background-position:-51px 0}
/* Headers */
h1,h2,h3,h4,h5,h6{font-size:20px;font-size:2rem;color:#999}
h1 span,h2 span,h3 span{text-transform:uppercase;text-decoration:underline}
/* Input */
form{background:#f1f1f1;margin-bottom:20px;text-align:left}
legend{background:#65656A;color:#fff;width:100%;height:40px;line-height:40px;text-indent:10px}
label{display:block;font-weight:700}
label.required:after{content:' *';color:#c52c27}
form p{margin:0;padding:10px 1%!important;float:left;width:50%;box-sizing:border-box}
form p.text{width:96%}
form p.buttons{clear:both;margin:0 !important;text-align:center}
input,select,textarea{margin:8px 0;padding:5px 1%;font-size:inherit;font-family:inherit}
textarea{width:98%;height:150px}
input[type="text"],input[type="password"]{width:100%;box-sizing:border-box}
button,input[type="button"],input[type="submit"]{background:#999;border:1px #fff solid;font-size:1.8rem;font-weight:400;text-transform:capitalize;color:#fff;padding:5px 10px}
button:hover,input[type="button"]:hover,input[type="submit"]:hover{cursor:pointer}
.g-recaptcha{margin:10px !important}
input.cart{width:30px;margin-left:2px}
input[type="checkbox"]{-webkit-appearance:checkbox !important}
#msg-response{display:none;position:absolute;width:500px;left:15px;background:#C99;border-radius:5px;margin-top:40px;padding:10px;border:3px #fff solid;color:#fff;box-shadow:2px 2px 4px 5px #ccc;z-index:9999}
#msg-response ul{position:relative;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 357 357'%3E%3Cpolyline fill='white' points='357,35.7 321.3,0 178.5,142.8 35.7,0 0,35.7 142.8,178.5 0,321.3 35.7,357 178.5,214.2 321.3,357 357,321.3 214.2,178.5'/%3E%3C/svg%3E") no-repeat top right}
#msg-response ul:hover{cursor:pointer}
#msg-response li{list-style-type:none}
#msg-response li:first-child{margin-right:25px}
form.contact>fieldset:first-child {display:flex;justify-content:space-between;flex-wrap:wrap}
form.contact>fieldset:first-child legend{flex:0 1 100%}
form.contact>fieldset:first-child p:nth-child(2){display:none}
form.contact>fieldset:first-child p{float:none;flex:0 1 49%}
form.contact>fieldset p.w100{flex:0 1 100%}
/* Gallery */
p.gallery{display:flex;flex-wrap:wrap;gap:1%}
p.gallery a{flex:0 1 10%;margin-bottom:1vw;max-width:110px;max-height:75px}
p.gallery a img{object-fit:cover;width:100%;height:100%}
/* Header */
header>div ul{list-style-type:none;display:flex;justify-content:space-between;align-items:center}
header>div ul li{color:#999;line-height:35px;margin:10px 0}
header>div ul li a{display:block;color:inherit;padding:0 0.25vw}
header>div ul>li:first-child a{width:122px;height:auto}
header>div ul>li:first-child a svg{width:100%;height:100%}

#offerlogo #logo>path:first-child,header #logo>path:first-child{fill:#39424B}
#offerlogo #logo>path:last-child,header #logo>path:last-child{fill:#999}

header>div li:nth-child(2) a:before{content:"";display:inline-block;vertical-align:middle;width:35px;height:35px;margin-right:10px;background-size:cover;background-position:-218px 0}
header>div li:nth-child(2) a:last-child:before{background-position:-262px 0}
header .button {background:#39424B;color:#fff;font-weight:700;padding:6px 15px;text-align:center}
header li>a.button:first-child{margin-bottom:10px}

/* Home Page Offer */
#hoffer>.wrap{background:#39424B;color:#fff;box-sizing:border-box}
#hoffer>.wrap:hover,#products, #products.product .content section p.offer:hover{cursor:pointer}
#hoffer>.wrap>div{margin:20px 4%;padding:10px 0}
#hoffer>.wrap>div .offer>span{font-weight:700}

nav {clear:both;background:#999;font:inherit}
nav ul{list-style-type:none}
nav>ul{display:flex;flex-wrap:wrap;justify-content:center}
nav>ul>li{position:relative;color:#fff;line-height:32px}
nav>ul>li:not(:last-child):after{content:"|";display:inline-block;margin:0 1vw}
nav a{color:inherit;line-height:40px}
nav>ul>li>ul{display:none;position:absolute;z-index:999;right:0;top:40px;background:#999;width:280px;text-align:right}
nav>ul>li:nth-child(6)>ul{width:400px}
nav>ul>li:hover>ul{display:block}
nav>ul>li>ul>li>a{line-height:26px}
nav>ul>li>ul a{padding:0 10px 0 20px;box-sizing:border-box;display:block;width:100%}
nav>ul>li>ul a:hover{background-color:#666;opacity:1}

/* Footer */
footer{clear:both;margin:10px 0}
footer .nav{background:#999;color:#fff;text-align:center}
footer .nav>ul{display:flex;flex-wrap:wrap;gap:5%;align-items:center;margin:0 4%;padding:20px 0}
footer .nav>ul li {flex:auto;position:relative;list-style-type:none;text-align:left;max-width:320px}
footer .nav svg{width:100px;height:auto;fill:#fff}
footer .nav>ul li a{color:#fff}
footer .nav>ul>li:last-child>ul li{float:left;text-indent:50px;line-height:40px;width:100%}


/* Index */
#header {margin-top:10px}
#header img{display:block;width:100%;height:auto}
#summary{position:absolute;left:674px;background:#999;opacity:0.9;height:inherit;min-width:290px;color:#fff;overflow:hidden}
#summary h2,#summary li,#summary p{margin-left:30px;list-style-position:inside;color:inherit}
#summary h2{font-weight:400;margin-top:30px}
#summary h2 strong{text-transform:uppercase}
#summary p{font-weight:700;font-size:2rem;font-size:2rem}

#index section {clear:both;border-top:10px #fff solid}
#index section .wrap>div{padding:20px 0}

/* CMS */
#cms section {margin:20px 10px;padding:20px 0;min-height:400px}
#contact section{min-height:400px}
#cms section h1{text-align:center;color:#666;font-weight:400;font-size:2.6rem}
#cms section h2{font-weight:400;font-family:inherit}
#cms section span {font-weight:700}
#cms section p.contact{margin-top:60px !important}
#cms section p.contact strong{color:#999}
#cms section ul{margin:20px 0}
#cms section ul>li{margin-left:20px;list-style-position:inside}
#cms #map {width:100%;height:400px}
#cms.faq section h2{margin:50px 0 0}
#cms.faq section p{margin-top:0}
#cms.testimonials p{margin-top:40px}
#cms.testimonials p strong {display:block;color:#999}
img.left {float:left;margin:0 10px 10px 0}

/* Products */
#products .grey	{clear:both}
#products h1,#products h3{color:#666;font-weight:400}
#products .grey .wrap>div{padding:20px 0}
.wrap>div>.prodlist:first-child{margin-top:80px}
#products .prodlist{display:flex;gap:4%;margin-bottom:80px}
#products .prodlist h2{margin:0;padding:0;font-weight:400}
#products .prodlist h2 a{color:#999;font-size:1.8rem;font-size:18px;text-decoration:none}
#products .prodlist p.info{margin:0 !important}
#products .prodlist p.info span{color:#999;margin-right:5px}
#products .prodlist p.info span strong{font-weight:400;text-transform:uppercase;text-decoration:underline}
#products .prodlist p.info a{display:inline-block;margin:10px 0;padding:5px 20px;background-color:#39424B;color:#fff;text-transform:capitalize;font-weight:bold;text-decoration:none}
#products .prodlist p.info a:hover{opacity:0.8}
#products.products .grey h3 {font-size:1.6rem;margin-bottom:0}
#products.products .grey p	{margin:0 0 20px 0}

/* Product */
#products.product{background:#fff}
#products.product .intro{clear:both;text-align:center}
#products.product .sizebutton {border:2px #39424B solid;color:#39424B;padding:5px 20px;font-weight:700;font-size:14px;font-size:1.4rem}
#selector{display:none}
#selector2 li {list-style-type:none;float:left;padding:5px;width:110px;text-align:left}
#selector2 li.selected{background:#ccc;color:#fff}
#selector2 li:hover{background:#39424B;color:#fff;cursor:pointer}
#products.product .content section{float:left;width:50%;margin:1% 0}
#products.product .content section.left,#products.product .content div.left{float:left;width:48%;margin-right:2%}
#products.product .content .left img.prime {width:100%}
#products.product .content section p.gallery {clear:both}
#products.product .content section p.gallery img{margin:0 1% 1% 0;width:18%}
#products.product .content section h2{font-size:22px;font-size:2.2rem;margin-top:0}
#products.product .content section p.price{margin-top:20px}
#products.product .content section p.price span{font-weight:700;font-size:22px;font-size:2.2rem}
#products.product .content section p.offer{background:#999;color:#fff;padding:10px}
#products.product .content section p.basket input:first-child{margin-right:20px}
#products.product .content section p.basket input:last-child{background:#39424B}
#products.product .description{clear:both}
#products.product .description h2{text-align:center;font-weight:400;color:#65646a}
#products.product .description strong,#products.product .description b{color:#999;font-weight:400;font-size:18px;font-size:1.8rem}
#products.product .include h2{font-weight:400;font-size:26px;font-size:2.6rem;line-height:36px;text-align:center}
#products.product .include ul{width:90%;margin:0 5%}
#products.product .include li{color:#999;font-size:18px;font-size:1.8rem;height:60px;float:left;width:50%;list-style:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23999'/%3E%3Cpolyline points='15,18 25,30 44,8' style='fill:none;stroke-width:8;stroke:white'/%3E%3C/svg%3E") no-repeat;text-indent:50px;line-height:30px}
#products.product .pgallery{display:flex;flex-wrap:wrap;gap:1%}
#products.product .pgallery a{margin-bottom:6px;flex:0 1 24.25%}
#products.product .pgallery a img{width:100%;height:auto;max-height:76px;object-fit:cover}

#products.product del{display:block}
/* Options */
#options .wrap>div{margin-top:0}
#options .breadcrumb{padding-top:10px;margin-top:0}
#options h1{text-align:center}
#options p.choose{text-align:center}
#options p.choose a {color:#999}
#options p.choose a:last-child{color:#39424B;text-decoration:underline}
#options form{background:none;clear:both}
#options div.option {float:left;width:32.66%;padding:1%;margin:1% 1% 0 0;border:1px #ccc solid;background:#fff;color:#9b9ea1;box-sizing:border-box}
#options div.option:nth-child(3n){margin-right:0}
#options div.option p{width:100%;margin:0 !important}
#options div.option p span{font-weight:700;font-size:16px;font-size:1.6rem}
#options div.option img{height:180px;max-width:100%}
#options div.option h2{clear:both;margin:5px 0;padding-top:5px}
#options div.option label{color:#999;display:inline}
#options div.option input{margin-left:5px;width:25px;color:inherit}
#options .buttons{padding:10px 0;text-align:right;width:100%}
#options .buttons input{background:#39424B;text-transform:capitalize}
/* Basket */
#basket table{width:100%}
#basket table th{font-weight:700}
#basket table th,#basket table td{padding:0 2px}
#basket table tr{line-height:40px}
#basket.checkout table th:nth-child(3),#basket table th:nth-child(4),#basket.basket table th:nth-child(5),#basket.checkout table td:nth-child(3),#basket table td:nth-child(4),#basket.basket table td:nth-child(5),#basket table td.sub{text-align:right}
#basket.basket h2{clear:both;font-size:20px;font-size:2rem;margin-top:20px}
#basket.basket a.cross{display:none}
#basket p.buttons{text-align:center;width:100%;padding:20px 0}
#basket p.buttons input{margin:0 5px}
#basket p.buttons input:hover{cursor:pointer}
#basket p.buttons input:last-child{background:#39424B}
/* Checkout */
#basket.checkout p{float:none;width:98%}
#basket.checkout fieldset{margin:50px 0}
#basket.checkout legend{background:#999;color:#fff;margin-top:-30px;font-size:20px;font-size:2rem}
#basket.checkout label{float:left;width:150px;clear:left;display:inline}
#basket.checkout label.add{height:120px}
#basket.checkout input{width:40%}


/* BJD Colorbox  2018/07/13 */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9998;overflow:hidden;-webkit-transform: translate3d(0,0,0)}
#cboxWrapper {max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling: touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxOverlay{background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9999' height='9999' viewBox='0 0 9999 9999'%3E%3Cpattern id='p' patternTransform='rotate(45 0 0)' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Cline x1='0' y1='0' x2='0' y2='8' style='stroke:%23111;stroke-width:4'/%3E%3C/pattern%3E%3Crect x='0' y='0' width='9999' height='999' fill='url(%23p)'/%3E%3C/svg%3E")}
#colorbox{outline:0}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxPrevious,#cboxNext,#cboxClose{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='176' height='50'%3E%3Cdefs%3E%3Cpath id='s' d='M30.9,18.5l3.7-5.6l-3.3-5.1h2.5l2.2,3.4l2.1-3.4h2.5L37.2,13l3.7,5.5h-2.6l-2.4-3.7l-2.4,3.7H30.9M59.7,17.3v-2.1l5.1-2l-5.1-2v-2l7.4,3.2v1.8L59.7,17.3M90.8,17.3l-7.4-3.2v-1.8l7.4-3.2v2.1l-5.1,2 l5.1,2V17.3'/%3E%3C/defs%3E%3Crect id='r' opacity='.5' width='14' height='50'/%3E%3Crect id='r2' fill='white' x='14' width='11' height='50'/%3E%3Cpath id='c' fill='%23B3B3B3' d='M36,24c-6.1,0-11-4.9-11-11S29.9,2,36,2s11,4.9,11,11S42.1,24,36,24M36,3c-5.5,0-10,4.5-10,10s4.5,10,10,10s10-4.5,10-10S41.5,3,36,3M62,24c-6.1,0-11-4.9-11-11S55.9,2,62,2s11,4.9,11,11S68.1,24,62,24M62,3c-5.5,0-10,4.5-10,10s4.5,10,10,10s10-4.5,10-10S67.5,3,62,3M88,24c-6.1,0-11-4.9-11-11S81.9,2,88,2s11,4.9,11,11S94.1,24,88,24M88,3c-5.5,0-10,4.5-10,10s4.5,10,10,10c5.5,0,10-4.5,10-10S93.5,3,88,3'/%3E%3Cuse xlink:href='%23s' fill='%23B3B3B3'/%3E%3Cuse xlink:href='%23c' y='25.5'/%3E%3Cuse xlink:href='%23s' fill='%232E3192' y='24.6'/%3E%3Cpath opacity='.5' d='M131 50h-12a19 19 0 0 1-19-19V19a19 19 0 0 1 19-19h12a19 19 0 0 1 19 19v12a19 19 0 0 1-19 19zm-12-36a5 5 0 0 0-5 5v12a5 5 0 0 0 5 5h12a5 5 0 0 0 5-5V19a5 5 0 0 0-5-5h-12'/%3E%3Cpath fill='white' d='M136 32a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14'/%3E%3Cuse xlink:href='%23r2' x='137'/%3E%3Cuse xlink:href='%23r' x='162'/%3E%3C/svg%3E") !important}
#cboxTopCenter,#cboxBottomCenter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='21'%3E%3Crect opacity='.5' width='1' height='14'/%3E%3Crect y='14' fill='white' width='1' height='7'/%3E%3C/svg%3E") !important}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight{width:21px;height:21px;background-repeat:no-repeat;background-position:-100px 0}
#cboxTopRight{background-position:-129px 0}
#cboxBottomLeft{background-position:-100px -29px}
#cboxBottomRight{background-position:-129px -29px}
#cboxMiddleLeft,#cboxMiddleRight{width:21px;background-position:0 0;background-repeat:repeat-y}
#cboxMiddleRight,#cboxBottomCenter{transform:rotate(180deg)}
#cboxTopCenter,#cboxBottomCenter{height:21px;background-position:-60px 0;background-repeat:repeat-x}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}
#cboxLoadingOverlay{background:#fff}
#cboxLoadingGraphic{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath opacity='.2' d='M20.2 5.2a14.9 14.9 0 1 0 0 29.8 14.9 14.9 0 1 0 0-29.8zm0 26.6a11.6 11.6 0 1 1 11.6-11.6c0 6.3-5.2 11.5-11.6 11.6'/%3E%3Cpath d='M26 10l1.7-2.9c-2.2-1.3-4.7-2-7.5-2v3.3c2.1.1 4.1.7 5.8 1.6'/%3E%3C/svg%3E") no-repeat center center;animation:spin 1s infinite}
@keyframes spin {100% {transform:rotate(360deg)}}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {outline:0}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxNext,#cboxPrevious,#cboxClose{position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-position:-75px 0;width:25px;height:25px;text-indent:-9999px}
#cboxClose{left:auto;right:0;background-position:-25px 0}
#cboxNext{left:27px;background-position:-50px 0}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose:hover{background-position:-25px -25px}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}


@media only screen and (max-width:980px)
{
#summary{left:auto;right:0}
p.gallery a{flex:0 1 15%}
#products .prodlist{flex-wrap:wrap}
#products .prodlist>div{flex:0 1 48%}
#products .prodlist>div:first-child img{width:100%;height:auto}
}

@media only screen and (max-width:860px)
{
#products.product .include ul,#benefits ul{width:60%;margin:0 20%}
#products.product .include li,#benefits li{width:100% !important}
#options div.option {width:49.5%;margin:1% 1% 0 0 !important}
#options div.option:nth-child(even){margin-right:0 !important}
}

@media only screen and (max-width:760px)
{
header>div li a{display:inline-block !important}
header>div li:nth-child(2) a span{display:none}
header>div li:nth-child(2) a:before{margin:0}
#index .office-types {margin:20px 0}
nav span{display:none}
#benefits ul{width:80%;margin:0 10%}
img.left {float:none;margin:0 0 10px 0}
}
@media only screen and (max-width:640px)
{
form p{width:100%}
form.contact>fieldset:first-child p{float:none;flex:0 1 100%}
nav a,.topnav a{margin:0 5px;line-height:36px}
nav>ul>li>ul{top:36px}
nav a:first-child{margin-left:0}
nav a:last-child{margin-right:0}
footer .nav>ul>li {flex:0 1 40%;margin-bottom:20px}
#prodjson section {float:left !important;display:block !important;width:100% !important;padding:0 !important}
#basket table tr{line-height:22px}
#basket p.enter{font-size:1.2rem;margin-top:10px}
#basket .buttons input{padding:12px 12px !important}
#basket.basket th:first-child span,#basket.basket table a{display:none}
#basket.basket table a.cross{display:block}
#basket.basket th:first-child:after{content:'X'}
#products.product .include ul{width:80%;margin:0 10%}
#benefits ul{width:100%;margin:0}
#options div.option {width:100%;margin:1% 0 0 0 !important}
p.gallery a{flex:0 1 23%;max-width:inherit}
#products .prodlist>div{flex:0 1 100%}
#products .prodlist>div h2{margin:20px 0 10px 0}
}

@media only screen and (max-width:480px)
{
header>div ul>li:first-child a{width:100px}
header .button{font-size:14px;font-size:1.4rem;line-height:24px;padding:5px;width:100px;text-align:center}
#header h2{margin-top:20px}
.topnav span{display:none}
nav a,.topnav a{line-height:30px}
nav>ul>li>ul{top:30px}
#summary{left:0;right:auto;width:100%}
footer .nav>ul>li{width:98% !important}
footer .copyright span{display:block}
#basket.basket table th:nth-child(4),#basket.basket table td:nth-child(4){width:0 !important;overflow:hidden;font-size:0}
#basket.basket input.cart{width:30px !important}
#basket.checkout table th:nth-child(3),#basket.checkout table td:nth-child(3){width:0 !important;overflow:hidden;font-size:0}
#msg-response2{width:290px}
#products.product .include ul{width:100%;margin:0}
#products.product .include li,#benfits li{text-indent:30px;line-height:20px;font-size:1.4rem;background-size:5%;background-position:left top;height:40px}
#basket.checkout input{width:90%}
#basket.checkout label.add {height:auto}
#index .office-types li img {float:none;width:100%;margin-bottom:10px}
#index .office-types li h4,#index .office-types li p{margin-left:0}
a.logo{background-size:75%;height:80px}
p.gallery a{flex:0 1 30%;max-height:100px}
}
@media only screen and (max-width:430px)
{
p.gallery a{flex:0 1 48%}
footer .nav>ul>li {flex:0 1 100%}
}