/*
GREEN = rgba(195,219,52,1)
grey = rgba(100,101,105,1)
red = rgba(165,12,50,1)
*/
body {font-family: 'Maven Pro', sans-serif;-webkit-font-smoothing: antialiased; margin:0px auto; position: relative;-webkit-text-size-adjust: 100%;}
html, html a {-webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
.wrapper {  transition: .2s; position: relative; }
ul {margin:0; padding:0;}
i.fa, i.fal, i.fab { font-style: normal; }
h1,h2,h3,h4, button.add {font-weight: 700; font-family: 'Saira Extra Condensed', sans-serif;  color:rgba(100,101,105,1); }
p { font-size:16px; line-height: 28px; letter-spacing: 0.02em; }
.inner { max-width: 1400px; width: 95%; margin:0px auto; padding:0px; position: relative;}
.topbar{letter-spacing:.05em; background:#231f20;}
.topbar .inner { max-width: 2000px; }
.topbar .tel {font-size:15px; text-transform:none; float:left; color:#eee; height: 60px; line-height: 60px; margin:0px;}
.topbar .text {font-size:14px; text-transform:none; float:right; color:#eee; height: 60px; line-height: 60px; margin:0px;}
.topbar .links { float: right; padding-right: 20px; }
.topbar .links a {height:60px; line-height:60px; color:#EA5D25; font-size:13px; transition:0.2s; float:left; padding:0px 0px 0px 15px;}
.topbar .social {float:right; margin:0;}
.topbar .social a {height:60px; line-height:60px; color:#EA5D25; font-size:18px; transition:0.2s; float:left; padding:0px 0px 0px 20px;}
.country{margin:0px 0px 0px 10px;position:relative; float:right;}
.currentCountry{height: 20px; width: 20px; border-radius: 50%; border:1px solid #111; cursor:pointer;}
.countryChooser{padding:10px 20px; width:200px; display:none; z-index:999;position:absolute; right:0; border:1px solid #111; background:#fff}
.countryChooser p{margin:5px 0 15px 0;}
.countryPick{height: 35px; width: 35px; border-radius: 50%; display:inline-block; margin-left:10px; border:1px solid #111}
a {outline: none; color:#2c4e99;}
.static p { font-size: 14px; line-height: 26px; }
.header{padding:0; box-shadow: 0px 0px 0px;background:#202020; transition:all 0.2s; border:0; z-index: 10000; position: relative;}
.header .inner { max-width: 4000px; width: 100%;}
.nav { display:inline-block; z-index: 101; background:#202020;}
.navCloser{display:none; font-size:18px;}
.toggle { height: 80px; line-height: 80px;  text-align: left; font-size: 32px; margin:0px ; border:0; color: #fff; display: block; position: absolute; z-index: 9999; cursor: pointer; display: none; left: 15px; top: 0px; margin:auto;}
.menu ul{list-style:none; text-align:center; margin:0;padding:0; max-width: 1200px; margin:0px auto;border-radius: 5px 5px 0 0;  }
.menu ul li{ display: inline-block; }
.menu ul li a{display:block; height:90px; line-height:90px; font-weight:400;padding:0px 30px; font-size: 22px; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; cursor: pointer; transition: all 0.2s;position: relative; font-weight: 400; font-family: 'Saira Extra Condensed', sans-serif;}
.menu ul li.all a { font-weight: 700; }
.menu ul li.active a, .menu ul li:hover a{ color:#ea5d25;transition: all 0.2s; cursor: pointer; }
.menu ul li.head.active a:before { position: absolute; bottom: 0px; right: 0px; left: 0px; margin:auto; content: ''; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 8px solid #fff;}
.menu ul li .sub { display: none; width: 100%; text-align: left; position: absolute; top: 90px; left: 0px; padding:30px 5%;background:#fff; z-index: 999; box-shadow: 0px 60px 80px rgba(0,0,0,0.2); border-radius: 0; border-bottom: 1px #231f20 solid; max-width: 100%;}
/*.menu ul li:hover .sub { display: block; }*/
.menu ul li.small { position: relative; }
.menu ul li.small .sub { min-width:300px; }
.menu ul li.small.right .sub { left: auto; right: 0px; }
.menu ul li ul.sub li {display:block; text-align:left;}
.menu ul li ul.sub h2 { margin: 0 0 15px 0; padding:0 0 15px 0; font-size:14px; text-align: left; font-weight: 700; border-bottom: 1px #555 solid; color:rgba(195,219,52,1); }
.menu ul li ul.sub h2 a {display:block; text-align:left; color:#fff; padding:0px 15px; font-size:16px; margin-top: 0px; position: relative;}
.menu ul li .sub li.col { width: auto;text-align: left; margin:0px; float: none; display: block;}
.menu ul li .sub a {  color:#000; transition:all .2s;  height: 30px; line-height: 30px; padding:0px; font-size:18px;font-weight: normal; background: none; position: relative; display: block; letter-spacing: 0.04em; text-transform: none}
.menu ul li .sub a:before { display: none }
.menu ul li .sub a.subHead { font-weight: bold; font-size:24px;  height: 45px; line-height: 45px; }
.menu ul li .sub a.img {  height: auto; line-height: normal;}
.menu ul li .sub a.img img { display: block; width: 100%; }
.menu ul li .sub a:hover { color:#ea5d25; transition:all .2s; cursor: pointer;}
.menu ul li .sub#sub-clearance li a,.menu ul li:hover .sub#sub-clearance li a, .menu ul li ul.sub#sub-clearance h2 a, .menu ul li:hover ul.sub#sub-clearance h2 a{ color:#fff; }
.menu ul li#clearance a, .menu ul li#clearance:hover a { color:#EA2027; }
.menu ul li#clearance .sub { border-color:#e74c3c; }
.menu ul li#clearance.head.active a:before {border-bottom: 6px solid #e74c3c;  }
.menu ul li#clearance .sub a { color:#111; background:none; }
.menu ul li#clearance:hover .sub a { color:#111; background:none; }
.menu ul li#clearance .sub a:hover { color:#e74c3c; background:none; }
.basketIcon { position: relative; }
.logo img { height: 45px; display: inline-block; vertical-align: middle;}
.logo{float: left; background:#000; height: 90px; line-height: 90px; padding:0px 30px 0 40px; position: relative;}
.logo:before { content: ''; position: absolute; right: -59px; top: 0px; width: 0; height: 0; border-left: 60px solid black;border-right: 0px solid transparent; border-top: 90px solid transparent;}
.logo:after { content: ''; position: absolute; right: -59px; top: 0px; width: 0; height: 0; border-left: 60px solid black;border-right: 0px solid transparent; border-bottom: 90px solid transparent;}
.icons { height: 90px; float: right; padding: 0 30px 0px 0px; background:#ea5d25; position: relative;}
.icons:before { content: ''; position: absolute; left: -59px; top: 0px; width: 0; height: 0; border-left: 0px solid transparent;border-right: 60px solid #ea5d25; border-top: 90px solid transparent;}
.icons:after { content: ''; position: absolute; left: -59px; top: 0px; width: 0; height: 0; border-left: 0px solid transparent;border-right: 60px solid #ea5d25; border-bottom: 90px solid transparent;}
.icons a {float:right;height:90px; line-height:90px;color:#fff;font-weight: 700; width: auto; letter-spacing:.03em; padding:0px 15px;}
.icons a span { display: inline-block; padding-left: 5px; font-size:14px; font-weight: 400; }
.icons a.basketIcon span { position: absolute; top:15px; right: 0px; left: 0px; margin:auto; line-height: 20px; height: 20px; width: 20px; border-radius: 100%; color: #fff; padding:0; font-size:14px;}
.icons i {height:90px;line-height:90px; color:#fff;font-size:24px; transition: all 0.2s; text-align: center; display: inline-block; vertical-align: middle;}
.icons a:hover * { color:rgba(0,0,0,0.4); }
.icons a.src i {font-size:22px;}
.src:hover,.basketIcon:hover,.account-top:hover, .src:hover i,.basketIcon:hover i,.account-top:hover i { color:#666; cursor: pointer; transition: all 0.2s; }
.header.secure .logo img ,.header.secure .logo{ height: 50px; margin-top: 0}
.header.secure .logo {line-height: normal; background:none;}
.header.secure .logo:after, .header.secure .logo:before { display: none; }
.header.secure .logo img {margin:0; }
.header.secure { position: static; box-shadow: 0px 0px 0px; padding:15px 0; }
.header.secure .inner { max-width: 1200px; }
a.securePay { height: 40px; background:green; border:0; color: #fff; line-height: 40px; padding:0px 15px; border-radius: 0px; text-transform: uppercase; font-weight: bold; }
.search .closeSearch { height: 45px; line-height: 45px; background:#000; color:#fff; display: block; text-align: left; font-size:15px; padding:0px 15px; display: none; }
.search { right:0px; bottom: -62px; left:0px; position: absolute; margin:auto; width:100%;background:#fff; height: 62px; z-index: 99999;transition: all 0.2s; visibility: hidden; opacity: 0; border-bottom: 1px #000 solid }
.search.open {  transition: all 0.2s; visibility: visible; opacity: 1; }
.search form { float: none; width: 100%; }
.search form input {height:60px; line-height: 60px; width: 100%; border:0px; -moz-appearance:none; -webkit-appearance:none; background:none; box-shadow: 0px 0px 0px;font-family: 'Work Sans'; font-size:15px; color:#333; border-radius: 0px;padding: 0 0 0 20px; }
.search form input:focus { outline: none; }
.search button { height:60px; line-height: 60px; font-size: 18px; background:none; color: #333; margin-right:0px; position: absolute; top: 0px; right: 0px;}
.search button i { color:#333; height: 60px; line-height: 60px; }
.sticky-signup { position: fixed; bottom: 0px; right: 20px; border-radius: 5px 5px 0 0; background:rgba(205,12,50,1); color:#fff; height: 40px; line-height: 40px; padding:0 15px; font-weight: 700; text-transform: uppercase; font-size:14px; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); cursor: pointer; }
div.eac-item {line-height:12px; font-size:12px; text-align:left;}
.easy-autocomplete{width:100%!important; max-width:100%!important; }
.easy-autocomplete-container { width: 100%; z-index: 99; position: static; }
.easy-autocomplete-container ul li div { position: relative;}
div.eac-item img { display:block; width:100%;}
.eac-item span { font-size:12px;font-weight: 400; overflow: hidden; margin: 0 0 0px; padding:0px; text-transform: none;height: 55px; line-height: normal; letter-spacing: 0.03em; display: block;word-break: break-word; margin-top: 10px;}
.easy-autocomplete-container ul {background: none repeat scroll 0 0 #ffffff;border-top: 0;display: none; margin-top: 0;padding-bottom: 0;padding-left: 0;position: relative;top: 0px;padding:20px; box-shadow: 0px 20px 40px rgba(0,0,0,0.2)}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { border:0px; padding:4px 0; width:31%; margin:1%; display: inline-block;}
.easy-autocomplete-container ul li.selected { background: none; color:#aaa; }
.lines:before, .lines:after { display: none; }
.wrapper.open:after {background-color: rgba(0,0,0,0);content: "";display: block;height: 100%;left: 0;top: 0;position: absolute;width: 100%;z-index: 1;}
.step button, .btn { background:#111; border:0px; font-size:16px;}
.contactBtn{height: 40px; line-height: 20px;}
.header .logo .white { display: block; }
.header .logo .norm { display: none; }
.fa-times{color:#fff;}
.mobProdOptions{display:none;}
.specialMessage { display: block; max-width: 1200px; margin:10px auto; width: 95%; padding:10px; background: #e74c3c; color:#fff; text-align: center; font-weight: bold; font-size:16px; }
.banners { margin:0px auto 0px auto; min-height: 300px;background:#f4f4f4;}
.banners img { display: block; width: 100%; border-radius: 5px;}
.banners.mobile { display: none; margin:0px auto; min-height: auto;}
.banners .slick-track {  }
.slick-dots li button:before, .slick-next:before, .slick-prev:before { font: normal normal normal 12px/1 FontAwesome; }
.slick-prev::before {content: "\f104";}
.slick-next::before {content: "\f105";}
.banners .slick-prev::before, .banners  .slick-next::before { color:#111; font-size: 32px;} 
.banners .slick-prev { left: -35px; }
.banners .slick-next { right: -35px; }
p.headMessage { font-weight: bold; background:#e74c3c; color:#fff; }
.stickyMessage {position: fixed; top: 0px; left: 0px; text-align: center; background:#f1c40f; font-weight: bold; height:40px; line-height: 40px; width: 100%; text-transform: uppercase; z-index: 200; font-size:20px;}
.specialMessage { display: block; margin:0px auto 0px auto; width: 100%; height: 45px; line-height: 45px; background:#a31f35; color:#fff; text-align: center; font-weight: bold; font-size:16px; letter-spacing: 0.08em;}
.specialMessage span { display: inline-block; vertical-align: top; font-size:10px; margin-left: 10px; line-height: 40px; }
.specialMessage.orange { background:#FF9100; color:#000;}
.specialMessage.orange a { color:#000; }
.specialMessage.black { background:#000; color:#fff;}
.specialMessage.black a { color:#fff; }
.quickMessage{padding:20px; background:#0abde3; color:#fff; text-align:center; font-size:16px; font-family:Arial;}

.banner { background:#000; margin:0 0 15px 0; }
.banner img { display: block; width: 100%; }
.banners { margin:20px auto 0px auto; max-width: 1200px; }
.banners img { display: block; width: 100%; }
.banners.mobile { display: none; margin:0px auto;}
.banners .slick-track { background:#000; }
.banners .slick-prev::before, .banners  .slick-next::before { color:#000; font-size: 32px;} 
.banners .slick-prev { left: -35px; }
.banners .slick-next { right: -35px; }

.singleBanner { background: #000 url('/images/120/bg-home-2.jpg') no-repeat 100% 100%; background-size: cover;margin:0px auto; transition: all 0.3s; position: relative;}
.singleBanner:after { content: ''; position: absolute; background:rgba(0,0,0,0.5); top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; z-index: 1; transition: all 0.4s;}
.singleBanner:hover:after { background:rgba(0,0,0,0.8); transition: all 0.4s; }
.singleBanner .inner {height:100vh; max-height: 650px; max-width: 100%; width: 100%;}
.singleBanner .banner-group { text-align: left; position: absolute; height: 260px; top: 0px; left: 60px; right: 0px; bottom: 0px; margin:auto; z-index: 4; }
.singleBanner .banner-group h1 { color:#fff; font-size:112px; margin:0px; text-transform: none; font-weight: 700; font-family: 'Saira Extra Condensed'; line-height: 92px; }
.singleBanner .banner-group h1 span { display: block; }
.singleBanner .banner-group .ast { font-size:14px;display: inline-block; vertical-align: top; line-height: normal;}
.singleBanner .banner-group .btns { max-width:720px; margin-top: 20px; }
.singleBanner .banner-group .btn { display: inline-block; width:auto; font-size:22px; font-weight: 400; border:0px; border-radius: 0px!important; background:none; margin:5px; text-transform: none; text-align: left; padding:0px 60px 0px 0px; position: relative; color: #fff; height: 50px; line-height: 50px; text-transform: none; letter-spacing: 0.1em;}
.singleBanner .banner-group .btn i { position: absolute; top: 0px; right: 15px; bottom: 0px; margin:auto; height: 20px; line-height: 20px; transition: all 0.2s; }
.singleBanner .banner-group .btn:hover i { right: 0px; transition: all 0.2s; }

.sub-banners {}
.sub-banners .col { position: relative; height: 450px; background:#000; background-repeat: no-repeat; background-size: cover; background-position: top left; width: 50%; margin:0; }
.sub-banners .text  { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; margin:auto; padding:0 0 0 60px; height: 160px; }
.sub-banners .text h2 { color:#fff; font-family: 'Saira Extra Condensed'; font-size:42px; line-height: 42px; margin-bottom: 0; }
.sub-banners .text p { color:#fff; max-width: 400px; }
.sub-banners .text span { color:#fff; display: block; font-size: 18px;}
.sub-banners .text span i { display: inline-block; transition: 0.3s all; padding-left: 10px; }
.sub-banners .col:hover span { color: #ea5d25; transition: all 0.3s; }
.sub-banners .col:hover span i { transition: 0.3s all; padding-left: 25px; }

.home-cats { padding:40px 0px; }
.home-cats .col { padding:30px; background:#eee; }
.home-cats .col h3 { font-size: 32px; line-height: 32px; margin: 0; }
.home-cats .col span { display: block; font-size: 18px; height: 45px; line-height: 45px; color:#000;}
.home-cats .col span i { display: inline-block; font-size:14px; transition: 0.3s all; }
.home-cats .col:hover span i { transition: 0.3s all; padding-left: 10px; }

.promo.youtube{ background: #000; padding: 25px; text-align:center;}
.promo.youtube p { font-size: 24px; color: #fff; display:inline-block; vertical-align:middle; margin:0;}
.promo.youtube i { font-size: 44px; color: #fff; display:inline-block; vertical-align:middle; padding-right:20px; }
    
h2.lead { font-size:58px; text-align: center; margin-bottom: 0}

.article { padding:0 0 80px 0px; float: left; width:74%;}
.inner.small { max-width: 1100px;}
.article.full { float: none; width: 100%; }
.article img { display: block; margin: 0px 0px 20px 0px; width: 100%; border-radius: 0px; }
.article h1 { font-size: 32px; margin: 0px; }
.article h3 { font-size: 22px; }
.article h3 a { color:#2c3e50; text-decoration: underline; }
.article p { line-height: 32px; font-size: 17px; letter-spacing: 0.03em; margin:0px 0px 20px 0px; color:#000; }
.article p.lead { font-size: 18px; text-align: center; }
.article ul { padding-left: 40px; }
.article li { line-height: 30px; font-size: 17px; }
.article p a, .article li a { color: inherit; position: relative; z-index: 9; display: inline-block; }
.article p a:after, .article li a:after { transition: all 0.2s; content: ''; height: 9px; width:90%; background:rgba(255, 240, 107, 1); bottom: 0px; right: 0px; left: 0px; margin:auto; position: absolute; z-index: -1; }
.article p a:hover:after, .article li a:hover:after { transition: all 0.2s; background:rgba(255, 194, 0, 0.8);}
.article p.meta { font-size: 12px; color:#777; font-weight: 600; margin:0; }
.article .feature { position: relative; margin: 0 }
.article .feature .overlay { position: absolute;left:0px; bottom: 0px; right: 0px; margin:auto; z-index: 10; background:#fff; padding:30px 0 0 3%; width:90%;}
.article .feature .overlay > * { color:#000; }
.article .body { padding:0 8%; }
.article blockquote p { font-size:22px; margin:0; }
.article blockquote { font-size: 22px; border-left: 5px #ddd solid; margin:50px 20px; padding:5px 20px; font-style: italic; color:#666; }

.recipeInfo { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #ddd dashed; }
.recipeInfo .col { background:rgba(150,255,200,0.2); padding:10px 0; font-size:14px; text-align: center; }
.recipeInfo .col i { font-size:22px; display: inline-block;vertical-align: middle; margin-right: 5px; }
.ingredients, .cheftip { padding:20px; background:rgba(150,255,200,0.1); }
.method { padding:20px; }
.ingredients h2, .method h2, .cheftip h2 { margin-top: 0px; }
.ingredients ul { margin:0px; padding:0px; }
.ingredients ul li { list-style: none; padding:8px 0;position: relative;}
.ingredients ul li:before {content: "\f00c";font: normal normal normal 15px/1 FontAwesome; display: inline-block; vertical-align: middle; margin-right: 10px;}
.article .printbtn { display: block; margin:20px auto; background:#000; color:#fff; border:0px; font-size:16px; font-weight: bold; width:140px; height: 45px; line-height: 45px; text-align: center; border-radius: 5px;transition:all 0.3s; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); }
.article .printbtn:hover { transition:all 0.3s; cursor: pointer; box-shadow: 0px 20px 20px rgba(0,0,0,0.1); }

.article .col { position: relative;margin-top: 0px;  }
.article .col a { color: #2c3e50;  }
.article .col p.meta { font-size:14px; padding:0px 15px; margin:0px 0px 0px; color:#888; font-weight: normal; }
.article .col p.meta span { display: inline-block; height: 2px; background:#ddd; width:20px; vertical-align: middle; margin:0px 10px; }
.article .col h3 { margin:0px; font-size:18px; text-transform: none; padding:0px 15px; color:#000; height: 70px; }
.article.small .col p { font-size: 16px; }
.article .col .image { margin:0; position: relative; z-index: 1; max-height: 220px; overflow:hidden;}
.article .col .image:before { content:''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 100%; width:100%; background:rgba(0,0,0,0); z-index: 9; transition: all 0.4s; }
.article .col .image span { opacity: 0; font-size:14px; font-weight: bold; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 45px; width:120px; text-align: center; color:#000; background:#fff; z-index: 10; line-height: 45px; transition: all 0.4s;}
.article .col:hover .image span { opacity: 1; transition: all 0.4s;}
.article .col:hover .image:before { transition:all 0.4s; background:rgba(0,0,0,0.6);}
.article .btn { width:35%; background:#fff; color:#2c3e50; font-size:14px; text-align:left;}
.article .col .overlay { margin: -40px 10px 0px 10px; background:#fff; position: relative; z-index: 11; padding:10px; }

.article-menu { float: right; width:23%; }
.article-menu .col { float: none; width:100%; margin:10px auto; }
.article-menu .col img { margin:0; display: block; width:15%; float: left; }
.article-menu .col p {font-weight: normal; text-align: left; margin:0px;  width: 80%; float: right; font-size: 16px; color:#2c3e50; border-radius: 0px; margin:0;}
.article-menu .col p span { display: block; margin-top: 5px; color:rgba(196,177,111,1); font-weight: bold; font-size:14px; }
.article-menu h3 { margin:0px; padding: 0px; text-align: center; position: relative; font-size: 20px; height: 50px; line-height: 50px;}
.article-menu h3 span { height: 2px; width:30px; background:#000; bottom: -10px; left: 0px; right: 0px; margin:auto; display: block; }
.article-menu p a { display: block; padding:10px 0px; border-bottom: 1px #ddd dashed; font-size:14px; color:#000; }
.article-menu p a span { float: right; font-size: 12px; color:#777; background:#000; color:#fff; width:20px; text-align: center;  }

.featuredPost { position: relative; }
.featuredPost .overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 150px; text-align: center;  width:90%; max-width: 600px; padding:15px 0px; z-index: 10;}
.featuredPost:before { background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width:100%; margin:auto; z-index: 9; content: ''; transition:all 0.2s;}
.featuredPost:hover:before {background:rgba(0,0,0,0.6); transition:all 0.2s; }
.featuredPost .overlay h3 { margin:0px; padding: 0px; text-align: center; position: relative; font-size: 28px;color:#fff; text-shadow: 0px 1px 16px rgba(0,0,0,0.9) }
.featuredPost .overlay p { color: #fff; font-size: 15px; }
.featuredPost .overlay p.meta { font-size:14px; padding:0px 15px; margin-bottom: 0px; color:#fff; font-weight: normal; }
.featuredPost .overlay p.meta span { display: inline-block; height: 2px; background:#ddd; width:30px; vertical-align: middle; margin:0px 10px; }
.featuredPost .overlay span.btn { font-size:14px; font-weight: bold; display:block; margin:20px auto 0 auto; height: 45px; width:120px; text-align: center; color:#000; background:#fff; z-index: 10; line-height: 45px; transition: all 0.4s;}

.article-menu .profile { text-align: center; padding:40px 20px; background:#f8f8f8;}
.article-menu .profile img { width:80%; margin:0px auto 15px auto; border-radius: 100%; display: block; max-width: 180px;}
.article-menu .profile p strong { font-size:16px; margin-bottom: 15px; }
.article-menu .profile p { margin:0px; padding:5px 0px; }
.article-menu .profile .social { padding-top: 15px; }
.article-menu .profile .social a { display: inline-block; color:#fff; font-size:18px; height: 40px; width:40px; line-height: 40px; text-align: center; background:#000; vertical-align: top; border-radius: 100% }

.homeLinks{padding:0px; text-align:center; }
.homeLinks a{color:#000; text-transform:uppercase; font-size:18px; font-weight:bold;}
.homeLinks:hover{opacity:0.7;}
.half{width:49.2%;}

h2.hometitle { font-size:26px; letter-spacing: 0.05em; text-align: center; margin-top: 20px; }
.home-grid { padding:0 0 20px 0px; }
.home-grid .col.third .image { display: block;width: 100%;margin: 0px auto 20px auto; position: relative; overflow: hidden; }
.home-grid .col.third .image:after { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; margin:auto; height:0px; width:0px; transition: all 0.4s; background:rgba(0,0,0,0.3); }
.home-grid .col.third:hover .image:after { transition: all 0.4s; width:100%; height:100%; }
.home-grid .col.third .image img { display: block; width:100%; }
.home-grid .col.third p { font-size: 14px; letter-spacing: 0.03em; line-height: 26px; text-align: center; height: 90px; max-width:80%; margin:10px auto; }
.home-grid .col.third p.title { font-size:18px; height: 20px; }
.home-grid .col.third .btn, .btn.homebtn { max-width: 200px; margin:10px auto; border:0; color:#fff; background:#000;  height: 45px; line-height: 43px; padding:0px; font-size: 14px; letter-spacing: 0.03em;}
.home-grid .col.third .btn:hover { background:#000; color:#fff; }
.home-grid a {color:#000;}

.dotw { padding:40px 0px; margin-top: 20px;background:#f8f8f8; max-width: 1200px; margin:20px auto; border-top: 2px #941D32 solid;}
.dotw .inner { max-width:780px; }
.dotw-image { float: right; width:40%; }
.dotw-image img { display: block; width:100%; border-radius: 100%; margin:0px auto; box-shadow: 0px 20px 60px rgba(0,0,0,0.2) }
.dotw-text { float: left; width: 45%; text-align: center; }
.dotw-text h2 { color:#941D32; font-size:28px; margin:10px 0 0; text-transform: uppercase; font-weight: bold;}
.dotw-text p { font-size:16px; margin-top: 10px; }
.dotw-text p.timer { font-size:18px; text-align: center; background:#941D32; padding:10px 0; color:#fff; font-weight: 600; border-radius: 5px; text-transform: uppercase; }
.dotw-text p.timer strong { display: inline-block; width:20%; max-width:60px; font-size:10px; text-align: center; margin:15px 0; }
.dotw-text p.timer span { font-weight: bold; color:#941D32; display: block; height: 45px; line-height: 45px; font-size:28px; width:100%; text-align: center; background:#fff; margin-bottom: 10px; }
.dotw-text a.btn { border-radius: 100px!important; max-width:200px; display: block;margin:0px auto; background:#941D32;  }

p.spendMoreDel { color:rgba(0, 155, 100, 0.8); border-color: rgba(0, 155, 100, 1); background:rgba(0, 155, 100, 0.1); font-weight: bold; text-transform: uppercase; letter-spacing: 0.03em; padding:15px 0; margin: 0px; font-size:14px; }

.promos{position:relative; z-index:100;}
.promos .col { height:200px; position:relative; border:2px #fff solid; }
.promos .lean-muscle{border-color:rgba(196,177,111,1); color:#000;}
.promos .diet {border-color:rgba(30,75,109,1); color:#000;}
.promos .hardcore{border-color:rgba(173,27,30,1); color:#000;}
.promos .health{ border-color:rgba(97,177,65,1); color:#000;}
.promos .text{position:absolute; top:0; bottom:0; left:0; margin:auto; height:130px; width:100%; color: inherit; font-size:24px; text-align: center;}
.promos .text h2{text-transform:uppercase; margin-top:0px; font-weight: 900; font-size: 28px;}
.promos .text h2 span { display: block; }
.promos .btn{background:#000; font-size:16px; height:auto; width:200px; margin:auto; color:#fff;}

.landingBox img{width:100%;}
.landingBox p {text-align: center; color:#000; font-size: 16px;}

.dotd { height: 400px; background:#eee url(/images/79/deal-of-the-week.jpg) no-repeat 50% 50%; background-size: cover; padding:30px; }
.dotd h2 { font-size: 62px; margin-top: 0px; text-transform: uppercase; color:rgba(173,27,30,1); }

.newprods .prod-details .prodTitle{font-size:16px; font-weight:700;height:40px; line-height:normal;}
.newprods .prod-details .prodTitle a{color: #000;}
.newprods .prod-details .prodPrice{font-size:14px; text-transform:uppercase; height:30px; line-height:30px;}
.newprods .imageFrame img { width: 100%; }
.newprods .prod-details .prodPrice span{color:rgba(196,177,111,1); font-weight:700;}
.newprods .discountUpsell { display: none; }

.discountBox{position:relative;}
.discountUpsell i{cursor:pointer;}
.discountTerms{display:none; position: absolute; background: #fff; padding: 20px; border: dashed 1px #16a085; top: 32px; right: 0;}
.discountTerms.active{display:block;}

.prod-details button.btn { display: block; width: 100%; height:50px; line-height: 50px; padding:0;}
.prod-details button.btn.redeem { border:2px #16a085 solid; color:#16a085; background:none; }
.products .col .prod-details p.discountUpsell.lrg { border:2px #16a085 dashed; height:auto; padding:10px 0px; line-height: normal; margin-top: 10px;}


#modal_dialog { margin:30px auto; background:#fff; z-index: 999; border:1px #ddd solid; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius:4px;display: none; font-size:18px; padding:20px; text-align: center; max-width:1100px; width:100%; text-align: center; }
#modal_dialog .title { padding:10px; font-size:22px; }
#modal_dialog button { display: inline-block; width:150px; left: 0px; height:45px; background:#16a085; color:white; font-size:16px; text-align: center; border:0px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
#modal_dialog button#btnNo { background:red;}

table.loyaltyGifts { border-collapse: collapse; width:100%; max-width: 1100px; margin:10px auto; }
table.loyaltyGifts tr.disabled td {opacity: 0.3;}
table.loyaltyGifts td { border-bottom:1px #ddd solid; padding:20px 0px;}
table.loyaltyGifts td.image { width:100px;}
table.loyaltyGifts td.description {padding:20px 20px; }
table.loyaltyGifts td.action { }
table.loyaltyGifts td p { margin:5px 0; font-size:16px; }
table.loyaltyGifts td p.discountUpsell { padding:0px; border:0px; text-align: left;height: auto; line-height: normal;}
table.loyaltyGifts td p.disabled { color:#777; text-align: center;}
table.loyaltyGifts td .btn { margin:8px 0; width:100%; max-width: 200px; min-width:200px; border:1px #16a085 dashed; color:#16a085; background:#fff; font-size:20px; border-radius: 4px!important;}
table.loyaltyGifts td .btn.redeem { background:#16a085; color:white; border:0px;}
table.loyaltyGifts td .btn.black { background:black; color:white; border:0px; font-size:15px;}
table.loyaltyGifts td .btn.disabled { background:#eee; color:#666; border:0px; font-size:15px;}

.mapTable{border-collapse: collapse; width: 100%; margin: 0px auto;}
.mapTable td, .mapTable th{background: #fff; border: 1px #ddd solid; font-size: 15px; padding: 12px;}
.mapTable tr:hover td{background: #eee;}
.mapDiv{height:500px;}
.mapDiv #vmap{margin:auto;}
.mapSection{padding:20px 0;}

.offerBox .imageFrame{width:300px; float:left;}
.offerBox .imageFrame img{max-height:300px;}
.offerBox .prod-details{width:72%; float:left; padding:20px; border:1px dashed #16a085; height:300px; margin-left:14px; position:relative;}
.prod-details .offerTitle{font-size:26px; font-weight:900; margin:0; padding:0; text-transform:uppercase;}
.prod-details .offerCode{font-size:16px;text-transform:uppercase;}
.prod-details .offerCode span{border:1px dashed red; padding:10px; display:block; width:25%; text-align:center; margin:15px 0; font-size:18px;}
.prod-details .offerTerms{font-size:16px; min-height:80px;}
.prod-details .seeMore{position:absolute; bottom:20px; padding:10px 20px; font-size:18px; background:rgba(196,177,111,1); color:#fff;}

.altProd{background:#f8f8f8; color:#000; position:relative; padding:20px; display: block; text-align: center; padding:10px 0px; font-size:16px; font-weight: bold; text-transform: uppercase;}
.altProd img{width:100%; display:block;}
.altProd p{font-size:16px; line-height:22px;}
.altProd span{display:block;}
.altProd .theFeatures{text-align: left; font-weight: normal; font-size: 14px; line-height: 24px;}
.altProd ul li{margin: 10px 0; list-style: none;}
.altProd .btn{background:#00d351;}
p.wnt{font-size:24px;}

.hints p{font-weight: bold; text-align: center; margin: 0px; width: 100%; padding: 10px; font-size: 15px; color: #000; border-radius: 0px; text-transform: uppercase;}

.products .prod-details .offerCode span { width:80%; margin:10px auto; }
.btn.big { width:200px; font-size:20px; display: block; float: none; margin:15px auto; text-decoration: none!important;  }

.col { position: relative; }
.usp{ text-align: center; z-index:101; position:relative; background:#eee;}
.usp .col { margin-top:0px; margin-bottom: 0px; }
.usp .col p{margin: 0px; padding: 20px 0; font-size: 14px; font-weight: 700; text-transform: uppercase; color:#000;letter-spacing: 0.05em;}
.usp .col p span { display: block; font-size: 12px; font-weight: normal; margin-top: 5px;}
.usp .col p a{color:#000;}
.usp .col p a:hover{color: #C4B16F;}
.usp .col img {display: inline-block; vertical-align: middle;}
.about h1 { font-size: 22px;}
.about p { font-size: 16px;}

p.errorMsg { border:1px red dashed; font-size: 16px; color:red; padding:10px; text-align: center; }

.videoHome{margin: 0 auto; text-align:center;}
.home-grid h1 {font-size: 24px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;text-align: center; margin-bottom: 20px; }
.section.lg-pad { padding:30px 0px; }
.feature{margin:15px 0px; background:#EFEFEF;}
.feature .inner{height:300px; }
.feature .inner .two-quarter{position: relative; top:50px; left:15px;}
.feature h2{font-size: 26px; margin:0px; text-transform:uppercase; }
.feature p{font-size:16px; }

.footer {  margin:0 auto; background:#101010; padding:40px 0px; }
.footer .inner { max-width: 1800px; }
.footer a{display: block; color: #fff; padding:5px 0px 5px 0px; text-decoration: none; font-size: 14px; font-weight: 300; transition:0.1s; text-align: left; }
.footer a:hover {color: #ea5d25; }
.footer h2{ font-size: 20px; margin: 0px 0px 15px 0px; color: #194117; font-weight: 700; display: none;}
.footer p.copyright { font-size: 14px; color:#fff; text-align: left; letter-spacing: 0.04em;}
.footer p.copyright a { display: inline-block; }
.payment-icons { text-align: center; border-top: 1px rgba(25, 150, 23, 0.6) dashed; margin-top: 20px; padding-top: 20px; }
.mobile-footer{display:none;}
.footer.secure { text-align: center; background:#fff;}
.footer.secure a { text-align: center; color:#000;}
.footer.secure p.copyright { text-align: center; color:#000; }
.btn {border-radius: 5px!important; }
.btn:hover { cursor:pointer; opacity:0.7; }
.btn.disabled {background:#ddd!important; color:#aaa; cursor:not-allowed; }

.signup-box {  position: relative;}
.signup-box h3 { text-align: center; font-weight: 400; color:#fff; font-size:28px; margin:5px 0; letter-spacing: 0.04em; line-height: 28px; }
.signup-box form { margin:0px auto;border-radius: 5px; margin-top: 25px;}
.signup-box form input { padding:10px; font-size:16px; border:0px; height: 45px; width:100%; margin-bottom: 10px!important; border-radius: 100px; text-align: center;}
.signup-box form span { padding:0 10px; font-size:16px; border:0px; height: 45px; line-height: 45px; background:rgba(205,12,50,1); color:#fff; border-radius: 100px; font-weight: bold; text-align: center; width: 100%; margin:10px 0; background:#ea5d25; color:#fff; display: block;}
.signup-box form span:hover { cursor: pointer; }
.signup-box .col { margin-top: 0px; margin-bottom: 0px; }
.signup-box .social { text-align: center; margin-top: 20px; }
.signup-box .social a { display: inline-block; height: 55px; line-height: 55px; width: 55px; text-align: center; background:none; color:#ea5d25; border:1px #ea5d25 solid; border-radius: 100%; font-size:20px; margin:0 3px; padding:0px;}
#footerSignUp .signupResult{color:#fff;}

.btn {border-radius: 0px!important; }
.btn:hover { cursor:pointer; opacity:0.7; }
.btn.disabled {background:#ddd!important; color:#aaa; cursor:not-allowed; }

.inner.referral { max-width: 900px; margin:30px auto;  }
.inner.referral h1 { font-size:30px; margin:0; color:#fff; background:#000; padding:30px 0 0; text-transform: uppercase;}
.inner.referral h2 { font-size: 24px;  margin:0px auto; color:#fff; background:#000; padding:20px 20px 30px 20px;  }
.inner.referral h2 i { display: block; font-size: 28px; margin:0px auto 20px auto; height: 50px; width: 50px; line-height: 50px; border:2px rgba(196,177,111,1) solid; color: rgba(196,177,111,1); border-radius: 100%; }

.offer-card { margin:30px auto; max-width: 700px;border-radius: 3px; overflow: hidden; }
.offer-card img { display: block; width: 100%; }
.offer-card h1 { padding:30px 0px; font-size: 36px; color: #fff; background-color:#000; text-transform: uppercase; font-weight: 900; text-align: center; margin:0px; }
.offer-card h2 { padding:15px 0px; font-size: 18px; color: rgba(196,177,111,1); background-color:#000; text-transform: uppercase; font-weight: 900; text-align: center; margin:0px;  }
.offer-card h2 i { font-size: 14px; height: 30px; width: 30px; line-height: 28px; border:2px rgba(196,177,111,1) solid; color: rgba(196,177,111,1); border-radius: 100%; display: block; margin:0px auto 10px; }
.offer-card h3 { padding:15px; border:1px black solid; color: black; text-align: center; margin:10px; border-radius: 4px; font-size:16px; text-transform: uppercase; }
.offer-card h3 strong { color: #5AA3CF; font-style: italic; }
.offer-card p { padding:10px 20px; text-align: center; margin:0px; font-size: 20px; font-weight: bold; }
.offer-card p a.btn { display: inline-block; padding:0px 20px; background:#000; color: #fff; font-weight: bold; border-radius: 4px; font-size: 20px; }
.offer-card .products { padding:10px 0; }
.offer-card .products .col > * { text-align: left!important; }
.offer-card .products .col p { text-align: left!important;padding:0; }

.offers-container { padding:20px; margin:20px auto 80px auto; max-width: 1000px; border-radius: 10px; border:1px #ddd solid; box-shadow: 0px 30px 60px rgba(0,0,0,0.25);}
.offer-box.col { display: inline-block; width:23%; margin:20px 1%; float: none; vertical-align: top; }
.offer-box.col .imageFrame { display: block; width:100%; border-radius: 5px;position: relative; border-radius: 100%; overflow: hidden;box-shadow: 0px 30px 60px rgba(0,0,0,0.25); margin-bottom: 20px; z-index: 9 }
.offer-box.col .imageFrame:after { content: ''; top: 0px; left: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.7); margin:auto; height: 100%; width:100%; z-index: 1; position: absolute; border-radius: 100%;}
.offer-box.col img { display: block; width:100%; border-radius: 5px; z-index: 0; }
.offer-box h2 { padding:0px 10px; font-size: 16px; color:#fff; text-transform: uppercase; font-weight: 700; text-align: center; margin:auto; letter-spacing: 0.03em; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 70px; z-index: 2;}
.offer-box h2 i { font-size: 32px; color:#fff;display: block; margin:0px auto 10px; }
.offer-box .claimed { margin:10px auto; width:100%; height: 40px; line-height: 40px; background:#eee;color:#000; text-align: center; font-size:18px; font-weight: bold;position: relative; border-radius: 100px; overflow: hidden;}
.offer-box .claimed strong { position: relative; display: block; z-index: 8}
.offer-box .claimed span { position: absolute; display: block; left: 0px; top: 0px; height: 40px; width:0px; background:gold; z-index: 7 }

p.dCode { border:1px red dashed; font-size: 20px; color: red; margin:0px 20px; border-radius: 4px; padding:15px 0px; text-transform: uppercase; }

form#contactForm label { display: block; font-size: 16px; width: 100%; }
form#contactForm input { display: block; padding:10px; width: 100%; margin:5px 0; border-radius:3px; height:40px; font-size:14px;}
form#contactForm textarea { display: block; padding:10px; width: 100%; margin:5px 0; border-radius:3px; font-family: sans-serif; font-size: 14px; letter-spacing: 0.04em; font-weight: normal;}
form#contactForm .btn{line-height:20px;}
.contactFormContent{padding-right:20px; border-right:1px solid #ddd;}

#forgotPWForm label, #forgotPWForm input, #forgotPWForm button{float: left; height: 40px; line-height: 40px; margin: 0;}
#forgotPWForm label{font-size:14px;}
#forgotPWForm button{padding:0 10px;}

.accountStuff h2 { margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.accountStuff h2 i { display:block; font-size:34px; margin-bottom:20px; }
.inner.account { margin:20px auto; padding:90px 0; }
.inner.account.loggedIn { background:#fff; padding:20px 0; }
.step.accountLogin { background:none; border:0px; box-shadow: 0px 10px 120px rgba(0,0,0,0.15); border-radius: 10px; }
.step.accountLogin label { color:#000; font-size:16px; padding: 10px 0;}
.step.accountLogin input { background:none; border:1px #000 solid; color:#000; }
.step.accountLogin a { color:#666; font-size: 16px; display: block; text-align: center; width: 100%; margin:10px 0; }
.step.accountLogin .btn { background:#000; color:#fff; float: none; width:100%; }

#accMenu h3 { font-size:14px; border:1px solid #000; position:relative; border-radius:4px; margin-top:0px; padding:30px 0px 30px 80px; font-weight:400; }
#accMenu h3 span { position:absolute; left:10px; top:20px; height:55px; width:55px; line-height:55px; text-align:center; background:#000; color:#fff; border-radius:100%; font-weight:bold; }
hr  { margin:15px 0px; border:0px; height:1px; background:#eee; }
#accMenu .sect { background:#f8f8f8; border-radius:4px; }
#accMenu .sect a i { width:40px; margin-right:5px; text-align:center; font-size:16px; }
#accMenu .sect a { display:block; padding:15px 0; border-left:4px transparent solid; color:#000; letter-spacing:0.05em; font-size: 14px; }
#accMenu .sect a:hover { cursor:pointer; background:#f4f4f4; }
#accMenu .sect a.active { border-color:rgba(196,177,111,1); font-weight:bold; background:#f4f4f4; }
#accMenu .sect a.active i { border:#d1692d; }
.btn.black-outline { background:none; color: #000; border:1px #000 solid; }

.orderDetail { background:#fff; padding:10px 20px; margin-bottom: 15px; border-radius: 4px; border:1px #ddd solid; }
.orderDetail h3{font-size:18px; line-height:28px;}
.accountStuff h2{background:#f6f6f6; padding:12px 0px; border-radius: 3px;}
.orderDetail .sep { background:#ddd; height: 1px; margin:10px 0px; clear: both; }
.orderDetail img { display: block; width: 100%; }
.loyaltyBtns { max-width: 400px; margin:0px auto 20px auto; }
.orderDetail p { font-size:16px; }

.orderLines { background:#fff; padding:10px 20px; border-radius:4px; margin-bottom:15px; }
.orderLines .sep { background:#ddd; height:1px; margin:10px 0px; clear:both; }
.orderLines .sec-sep { background:#eee; height:1px; border:0px; margin:10px 0px; clear:both; }

.homepage h2{font-size:18px; text-transform:uppercase;}
.homepage p{font-size:16px;}
.content { position: relative; }
.content ul{margin:20px; line-height:37px;}
.content ul li{font-size:14px;}

.deliveryBox { padding:20px; background:#f7f8fa; }
.deliveryBox p { font-size: 11px; color: #555; padding-left: 40px; position: relative; margin:0; text-transform: uppercase; letter-spacing: 0.05em}
.deliveryBox i { position: absolute;left: 0px; top: 2px; font-size: 24px; color: #555 }
.deliveryBox span { display: block; font-size: 20px; font-weight: 900; }

.delGroup { }
.deliveryBox2 { text-align:center; background:#f7f8fa; position: relative;}
.deliveryBox2 a { color:#fff;}
.deliveryBox2 p { font-size:20px; font-weight:bold;margin:10px;}
.deliveryBox2 span { display:block; font-size:14px; font-weight:normal; }

.footertext{ padding:20px 0px; margin:20px 0px; border-top: 1px dashed #ddd; }
.footertext p {}

.widget { padding:30px 0px; background:#fff; }
.widget.alt { background:#f8f8f8; }

.stars { background: url('/images/stars.png') no-repeat; text-align: left; }
.stars span { background: url('/images/stars.png') no-repeat; display: block; }
.stars { height: 15px; width: 86px; margin:10px auto; background-position: 0px -15px; }
.stars span{ height: 15px; width: 0px; background-position: 0px 0px; }

#starHolder.shopStars { padding:0; z-index: 9; font-size:12px; background:none; color:#000; position: static; min-height:25px; text-align: center;}
#starHolder.shopStars .stars { display: inline-block; margin:0px 0px 0 0;  }
.starHolder { padding:3px 0px; }

.theReview { background:#fff; position: relative; padding:20px 20px 20px 250px; box-shadow:0px 10px 80px rgba(0,0,0,0.1);border:0px; border-radius:4px; margin:15px 0px; vertical-align: middle; min-height: 300px;}
.theReview .reviewComment { background:#edf9f5; padding:15px; border-radius: 4px; clear: both; display: block; width: 100%; border:0px; font-size:14px; line-height: 26px;}
.theReview .reviewComment strong { display: block; margin-bottom: 15px; }
.theReview .reviewReply { background:#fcf8f4; padding:15px; margin:10px 0px; border-radius: 4px; display: block; width: 100%;border:0px; font-size:14px; line-height: 26px;}
.theReview .reviewReply span { display: block; margin-bottom: 15px; font-weight: bold; }
.theReview .reviewScore { margin-bottom: 20px; display: block; position: absolute; left: 20px; top: 20px; width:220px;}
.theReview .reviewDate {  margin-bottom: 20px; }
.reviewScore #feefoReviewsText { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; color: black!important; margin-left: 10px; }
.theReview .prodStars { padding:5px 0px; background:none; text-align: left;}
.theReview .prodStars .reviewText { color:#000; font-size:12px;}

.fa-star, .fa-star-half-alt { color:#FFD700; font-size:14px; vertical-align: middle; display: inline-block;}
.fa-star.lrg { font-size:16px;}
.fa-star-half-alt.lrg { font-size:16px;}
.fa-star.empty { color:#bbb; font-size:14px; }
.fa-star.lrg.empty { color:#bbb; font-size:16px; }
.email-pop-new .close { color:#000; background:#eee; }
.email-signup p { font-size:12px; }

#counterHead { text-align: left; padding:0px 0 0px 0; margin-bottom: 20px; color: #000; }
#counterHead > * { color: #000; }
#counterHead h1 { font-size: 32px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;color: inherit; text-align: center;}
#counterHead p { font-size:14px; line-height: 26px; color: inherit; max-width: 100%; margin:10px auto; text-align: center; }
#counterHead.counter h1 { color: inherit; font-size: 46px;  }
#counterHead.counter p { color: inherit;  font-size: 14px;  max-width: 1000px;}
#counterHead.counter p a { color:inherit; font-weight: bold; }

#counterHead.counter { padding:60px 0px; background-color:#FAFAFA; }
#counterHead.counter.white { padding:90px 0px; }
#counterHead.counter.white h1 { color:#fff; }

.crumbs {color: #aaa; margin:5px auto; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; padding:10px 0; background:none; text-align: center;}
#counterHead .crumbs { margin:0px; color: #000; text-align: center; margin-bottom: 20px; }
.article .crumbs { text-align: center; }
.crumbs span { color:#777; padding:0px 10px; }

.newFilters {padding:0 0 15px 0px; color:#444; margin-bottom: 15px; position: relative; z-index:99}
.newFilters:after { content: ''; display: block; clear: both; }
.newFilters span, .filter-sub { display: inline-block; height: 50px; line-height: 50px;}
.newFilters .filter-sub { float: left; }
.filter-sub {  min-width: 180px; }
.filter-sub.sorting { position: relative; }
.newFilters span { font-weight: bold; padding:0px 20px 0 0; }
.filter-sub span { display: block; padding: 0px 60px 0px 20px; position: relative; border: 1px #ddd solid; color:#444; cursor: pointer; margin-right: 5px;}
.filter-sub span i { position: absolute; right: 20px; top: 0px; bottom: 0px; margin:auto; font-size:12px; height: 20px; line-height: 20px; }
.filter-sub span.active { border-color:#000; background:#000; color:#fff;}
.dropdown { display: none; position: absolute; top: 49px; left: 0px; background:#fff; width: 100%; z-index: 4; padding: 20px; z-index: 999; border:1px #000 solid; box-shadow: 10px 10px 0 #000}
.dropdown label { line-height: normal; padding:3px 0; color:#000; border:1px #ddd solid; margin:3px; padding:15px 10px; display: inline-block!important; max-width: 200px;}
.dropdown label::before,.dropdown label::after { top: 15px!important; left: 10px!important }
.dropdown.active { display: block; }
.filter-sub.sorting .dropdown { width: 320px; }
.dropdown p { font-weight: bold; margin:0 0 10px 0; line-height: normal; }
.filter-sub.sorting .dropdown label { display: block!important; width: 100%; max-width: 100%; }
.despatch-timer { float: right; border:1px #ddd solid; padding:0 20px; }
.despatch-timer p { margin:0px; height: 50px; line-height: 50px; color:#444; font-size:13px; text-transform: uppercase; letter-spacing: 0.05em; }
.despatch-timer p span { padding:0; }

.crumbs b {font-weight:400;}
.crumbs a { color:#777;}
.crumbs a:hover { color: #d1692d; }
#counterHead .crumbs a { color: #000; }
div#sortBar { border-radius: 0px; overflow: visible; padding: 0 0 0 10px; border:0; background:#eee; margin-top:0px; position: relative;}
.sortBy { background:#eee; margin:10px 0; border-radius: 5px; padding:10px; }
div#sortBar label, div#pagination { line-height: 50px; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 16px; }
div#sortBar select { height: 50px; -webkit-appearance:none; -moz-appearance:none; line-height: 30px; border:0px; border-left:1px #000 solid; padding:0px 10px; margin-left: 10px; border-radius: 0px; background:none; color: #000;line-height: 50px; text-transform: uppercase; font-size: 14px;}
.sidemenu { padding-right: 10px; }
div#sidemenu h2 { margin:0; color:#444; border:1px #f7f8fa solid; border-bottom: 0px; font-size: 22px; padding:10px 15px;text-transform: none; font-weight: 600; }
div#sidemenu div.menuBox {width: 100%; margin-bottom:15px; border:0; border-radius: 0px 0px 5px 5px;}
div#sidemenu h3 {font-size: 18px; padding:12px 15px; font-weight: 700; }
div#sidemenu h3 a{color:#000;}
div#sidemenu label {color: #000; display: inline-block; margin-bottom: 10px; margin-left:0px; text-transform: capitalize; width: 100%; font-size: 14px;}
div#sidemenu label.sizeLabel {display: inline-block; margin-bottom: 8px; width: 95px;}
div#sidemenu label span {color: #666; font-size: 12px;}
div#sidemenu select {border: 1px solid #999;}
div#sidemenu i.icon-help-circled {cursor: pointer; font-size: 18px;}
div#sidemenu i.icon-help-circled:hover {color: #004b39;}
div#sidemenu div.filterSub h3 {position: relative; margin: 0; font-weight: 400; background:#fff; padding:10px 0px; border-bottom: 1px #ddd solid;}
div#sidemenu div.filterSub h3.hasSub:before { position: absolute;right: 15px; top: 10px; content: '+'; }
div#sidemenu div.filterSub h3 span {color: #444; float: right; margin-right: 5px; transition: all 0.4s ease 0s;}
div#sidemenu div.filterSub h3:hover, div#sidemenu div.filterSub h3:hover span {color: #000; cursor: pointer;}
div#sidemenu div.filterSub h3:hover span {color: #444; font-size: 16px; margin-right: 3px; transition: all 0s ease 0s;}
div#sidemenu div.filterKeys {margin: 0 0; display:block; padding:10px 0px;}
div#sidemenu div.filterKeys a {display:block; color:#000; font-family: 'Montserrat'; font-size: 12px; padding:12px 15px 12px 30px;}
div#sidemenu div.filterKeys a:hover, div#sidemenu div.filterKeys a.active, div#sidemenu h3 a:hover, div#sidemenu h3 a.active, div#sidemenu label:hover {color:#5aa3cf}
div#sidemenu p.selectedOptions i {cursor:pointer; font-size:14px; color:#900; transition:0.2s; margin-right:5px;}
div#sidemenu p.selectedOptions i:hover {color:#666}
#filterMenu.menuBox { border:0px!important; margin:0px!important; }
#Fmenu h2 { border:0px!important; border-bottom: 1px #f7f8fa solid!important; }
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {left: -9999px; position: absolute;}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {cursor: pointer; padding-left: 30px; position: relative; display: block;}
[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, [type="radio"]:not(:checked) + label::before, [type="radio"]:checked + label::before {background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ccc; content: ""; height: 14px; left: 0; position: absolute; top: 1px; width: 14px;}
[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after, [type="radio"]:not(:checked) + label::after, [type="radio"]:checked + label::after {content: "\f00c";font: normal normal normal 14px/1 FontAwesome; height: 14px; left: 0; position: absolute; top: 1px; width: 14px; color:#10AC84;}
[type="checkbox"]:not(:checked) + label::after, [type="radio"]:not(:checked) + label::after {opacity: 0; transform: scale(0);}
[type="checkbox"]:checked + label::after, [type="radio"]:checked + label::after { opacity: 1; transform: scale(1);}
p.selectedOptions { margin:0px;font-size: 12px; border-bottom:1px #f7f8fa solid; padding:12px 15px; line-height: normal; }


.products .col { overflow: hidden; text-align: left;position: relative; margin: 1% 0 1% 2%; width: 32%; padding-bottom: 0px;}
.products .col.quarter, .home-prods .col { margin:1% 0; width:25%;}
.products .col.first { margin-left: 0px; }
.products .col.center { margin: 1% auto; float: none; display: block; max-width: 400px; width: 100%;}
.products.full .col { width: 23.8%; margin: 1% 0 1% 1.6%; }
.products.full .col.first { margin-left: 0 }
.products .col:hover {transition:all 0.4s;}
.products .col .imageFrame {  border-radius: 0; overflow: hidden;position:relative; z-index: 1; }
.products .col .imageFrame img { width: 100%; display: block; }
.products .col p.discountUpsell { font-size: 12px; padding:0px 8px; margin:0px;height: 30px; line-height: 30px; border:0px; text-align: left; text-transform: capitalize; font-weight: 700; position: absolute; top: 0px; left: 0px; background:#EA2027; color:#fff; width: 100%; text-align: center;}
.products .col p.discountUpsell i { display: inline-block; margin-right: 5px; }
.products .col p.prodTitle { font-size:22px;font-weight: 400; overflow: hidden; margin: 15px 0 0px; padding:0px; text-transform: none;height: 45px; line-height: normal; letter-spacing: 0.03em;font-family: 'Saira Extra Condensed', sans-serif;}
.products .col p.prodTitle a { color: #000; }
.products .col p.prodTitle span { display: block; font-size: 13px; color:#EA5D26; font-weight: 400; margin-top: 3px; text-transform: none; letter-spacing: 0.03em; }
.products .col p.prodPrice { font-size: 30px; margin:0; text-transform: none; min-height: 50px; line-height: normal; text-transform: capitalize; color:#000; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.03em;}
.products .col p.prodPrice.discount { font-size:13px; color:red; }
.products .col p.prodPrice strike { color: #999; font-weight: 400;}
.products .col p.prodPrice span { color: #EA5D26; font-weight: 800;}
.products .col p.prodPrice span.cps { color: #666; font-weight: 400; display: block; font-size:13px; margin-top: 5px;}
.products .col .prod-details { padding:0px 0px; border-radius: 0px; text-align: center; }
.products .col a.btn {}

.video-intro iframe{width:100%; height:552px;}

.flash { position: absolute; top: 10px; left: 10px; width:auto; z-index: 98; color: red; font-size:16px;padding:0; height:30px; width:55px; border-radius: 0; line-height: 30px; text-align: center; text-transform:uppercase; font-weight:400; letter-spacing:0.03em;}
.onsale{ left: auto; right: 10px; color:#fff; background:#EA2027; }
.newprodtag{left:15px; top: auto; bottom: 15px; color:#fff; background:#000; }

.prodimage .flash { right: auto; left: 15px; top: 50px; }
.flash12 {  padding: 5px 0; width:auto; z-index: 98; background-color: #000;color: #fff; font-size:13px; display: block; text-align: center;}
.prodimage .flash12 { right: auto; left: 15px; top: auto; bottom: 15px; }
.flash.text { position: static; display: block; padding:10px 0px; text-align: center; background:#000; color:#fff;}
.a-right { text-align:right; }

.students{background:#333; padding:20px; width:50%;}
.students p{text-align:center;}
.students a{color:#AB9240; font-size:24px; text-align:center;}
.alsoLike{text-align:center; line-height: 32px; font-size: 14px; color: #555;}
.alsoLike .prodBox{width: 240px; display: inline-block; background: #555; padding: 15px 0px; margin: 10px;}
#alsoLike { padding:60px 0px; background:#fff; }
.lines:after, .lines:before { display: none; }
.recentview { padding:60px 0px; }
.recentview h2, #alsoLike h2, h2.hometitle { font-size:32px; letter-spacing: 0.02em; text-transform: uppercase; }

.inner.static { padding:40px 0; }
.inner.static { padding:40px 0; } h2{font-size:20px;}
.inner.static p strong {color: rgba(100,101,105,1);}

.inner.product { padding:0px 0px 20px 0px;  }
.prod-lead { position: relative; margin:0px 0px 0px 0px; padding:10px 0px; text-align: left;}
.prod-lead { position: relative; margin:0px 0px 0px 0px; padding:10px 0px 0 0; text-align: left;}
.prod-lead h1,.prod-lead h2 {  margin:0 0 10px 0; padding:0; font-size: 42px; line-height: 38px; font-weight: 900; text-transform: uppercase; color:#000; font-family: 'Saira Extra Condensed'}
.prod-lead h1 span { display: block; font-size: 15px; font-weight: 400; text-transform: none; color: #888 }
.prod-lead.multi { text-align: left; margin:0;}
.prod-lead.multi  h1 {margin:0; font-size:34px;}
p.brandLink { margin:5px 0px 0; padding:5px 0;font-size:13px; }
p.brandLink a { color:#000; }
p.brandLink span { padding:0px 4px; }
.prodStars { margin:0 0 10px 0; padding:0px; text-align: left;}
.prodStars .innerstars { margin:0; display: inline-block;}
.prodStars .reviewText { font-size: 14px; margin:0; line-height:16px; display:inline-block; vertical-align: middle; margin-left: 15px; color:#000;}
.starHolder.attr { display: inline-block; padding:10px 8px 10px 0px; display: none; }
.starHolder.attr span.reviewText { display: block; margin-top: 5px; margin-left: 0; text-align: center; font-size:12px; }
#prodIntro { margin:15px 0px; font-size: 16px; line-height: 26px; color: #666; border-bottom:1px #ddd dashed; padding-bottom: 15px; }
#prodIntro strong { border:1px #d1692d solid; color: #d1692d; font-size: 14px; text-transform: uppercase; padding:5px 10px;width:100%; display: inline-block; text-align: center; margin-bottom: 10px; border-radius: 4px;}
.prod-usp-boxes{border: 1px #d1692d solid;color: #d1692d;font-size: 14px; text-transform: uppercase; padding:10px 4px; display: inline-block; text-align: center; border-radius: 4px;}
p.prodcode { position: fixed; bottom:10px; left: 10px; padding:10px; border:1px #2c3e50 solid; margin:0px; background: #fff; }
.price { padding:0 0 0px 0px; text-align: left; margin: 0 0 10px 0; }
p.thePrice { font-size: 34px;line-height: normal;font-weight: 700;letter-spacing: 0em;color: #000;margin:0; display: inline-block; font-family: 'Saira Extra Condensed';}
p.thePrice span { font-weight: 900; color:#ea5d25;  }
p.thePrice span strike{ font-weight: 400; color:#ccc; font-size:34px;  }
span.rrp { color:#ccc; font-size:34px; margin-right: 5px; padding-right: 5px; font-weight: 400; font-family: 'Saira Extra Condensed'; text-decoration: line-through;}
.youPay { display: inline-block; font-size:34px; color:#ea5d25; font-weight: 900; margin:0; padding-left: 5px; margin-left: 5px; font-family: 'Saira Extra Condensed';}
span.thsSavePrice{font-size:14px; color:#ED213A; margin-top: 0px;display: block; }
.thsp{color:#2c3e50; font-size:14px;}
.thsp:hover{color:#c0392b;}
.theCode { color:#999; font-weight: bold; font-size:14px; margin:5px 0; }
p.perServing{font-size:14px; margin: 10px 0 0px; font-weight: 400; display: inline-block;}
span.serving{color:#c0392b; }
span.cps{color:#777; }
.prodimage { float: left; width: 55%; vertical-align: top; border:0;  cursor: pointer; position: sticky; top: 10px; background:#f9fafa; }
.brandLogo { height: 40px; width: 90px; top: auto; bottom: 0px; border-radius: 0px; left: 0px; }
.prodimage .flash { top: 10px; left:auto; right: 10px;}
.prodimage .flash.newprodtag { }
.prodimage .mainImage {  min-height: 250px; position: relative;cursor: pointer; position: relative; margin:0px auto; max-width: 650px;}
.prodimage .zoomImage { display: none; }
.prodimage .thumbs { position: absolute; left: 30px; top: 30px;  }
.prodimage .thumbs span { display: block; margin:0px 8px 8px 0px; height: 45px; width: 45px; background:none;transition:.2s all; border:1px #ddd solid;}
.prodimage .thumbs span:hover { border-color: #2c3e50; cursor: pointer; transition:.2s all;  transform: scale(1.2); }
.prodimage .thumbs span img { display: block; width: 100%; }
.buybox { width: 45%; float: right; text-align: left; position: relative;background:#fff; padding:40px; min-height: 650px;}
.buybox .details { margin:0px; }
.buybox .btn.clear { }
.buybox .details form { margin:10px 0; text-align: left; padding:20px 0px; border-top: 1px #ddd dashed; }
p.oos { color: red; font-size:16px; font-weight: 700; }
.stockMessage span { display: block; color:#c0392b; font-size: 15px; font-weight: bold; border:1px #c0392b dashed; padding:10px; border-radius: 3px; margin:0px 0px 5px 0px; }
.stockMessage.red span { border-color:red; color:red; }
p.prodDiscount { font-size:24px; font-weight: 600; color:#ED4C67; margin: 0 0 10px 0;text-transform: uppercase; letter-spacing: 0.02em; font-family: 'Saira Extra Condensed' }
p.prodDiscount.incentive { border:1px red solid; padding:15px 15px 15px 45px; background:#fff; position: relative;}
p.prodDiscount.incentive i { display: inline-block; vertical-align: middle; }
p.prodDiscount.incentive img { display: inline-block;vertical-align: middle; margin-right: 10px; height: 30px; position: absolute; left: 10px; top: 0px; bottom: 0px; margin:auto;}

.heroOverview{background:#f9fafa; padding:60px 0!important; text-align:left!important;}

.customerReviews{margin-bottom:10px;}
.reviewQuote{padding: 10px; text-align: center; background:#fff; border-radius: 4px; border: 1px #ddd solid; margin:5px 0;}
.reviewQuote p{margin:0; font-style: italic;}
.reviewQuote i {display: block; font-size: 20px; color: #fde996; margin: 0 auto 10px auto;}

.heroTabsBar{padding:0; border-bottom: 1px #ddd solid; background:#fff; transition:all 0.2s;z-index: 99; position: sticky; top: 0px; text-align:center; width:100%;}
.heroTabsBar.black { border-bottom: 0px; background:#000; }
/*.heroTabsBar.sticky{position:fixed; top:0;}*/
.heroTabsBar.black .heroTabMenu { border-bottom: 1px #ea5d25 solid; }
.heroTabMenu .hero-tab-btn {font-size: 16px; display: inline-block; height: 80px; line-height: 80px; padding: 0px 22px; background:#fff; transition: all 0.2s;}
.heroTabsBar.black .heroTabMenu .hero-tab-btn { background:none; color:#fff; }
.hero-tab-btn.active, .hero-tab-btn:hover, .heroTabsBar.black .hero-tab-btn.active{color: #ea5d25; transition: all 0.2s; cursor:pointer;}

.heroprodimage{width: 55%; display:inline-block; vertical-align:middle;}
.heroprodimage .mainImage .main{width:100%; display:block; max-width:600px; margin:auto;}
.heroprodimage .flash {top: 10px; left: auto; right: 60px;}
.heroprodimage .thumbs{width: 100%; margin: 10px 0 20px 0; padding: 0 0 0px 0px; text-align: center;}
.heroprodimage .thumbs span{display: inline-block; width: 55px; height: 55px; transition: all 0.4s; margin: 3px;}
.heroprodimage .thumbs span img { display: block; width: 100%; }

.herobuybox{display:inline-block; vertical-align:middle; width: 40%; z-index: 98; position: relative; padding: 0px 130px 0 0;}
.herobuybox .prod-lead{text-align:left; padding:0;}
.herobuybox .prod-lead h1{margin:0; font-size:40px;}
.herobuybox .prod-lead h1 span{font-size:18px; font-family: 'Muli';}
.herobuybox .price{text-align:left; margin:0;}
.herobuybox .prodStars{text-align:left;}
.herobuybox .keyBullets { padding: 10px 0; }
.herobuybox .keyBullets p{margin:0; position: relative; padding-left: 40px;}
.herobuybox .keyBullets p i{color:black; width: 30px; position: absolute; left: 0px; top: 0px; height: 30px; line-height: 30px; margin:auto; font-size:18px;}
.herobuybox .sub p{color: #333; margin:0;position: relative; padding-left: 40px;}
.herobuybox .sub p i { position: absolute; height: 30px; line-height: 30px; width: 30px; left: 0px;top: 0px; }
.herobuybox #buyForm{margin:16px 0;}
.herobuybox .prodQty {width: 35%; float: left;}
.herobuybox  button.add {color: white; margin: 0; border-radius: 0; font-size: 18px;  height: 45px; line-height: 45px;width: 100%; max-width: 280px; text-transform: none; float:left;}
.accOOS{color:red!important;}
.accOOS strong{color:#444!important;}
.heroOverview.black { background:#000; }
.heroOverview.black .prod-lead h1 {color:#fff;}
.heroOverview.black .keyBullets p { color:#fff; }
.heroOverview.black .keyBullets p i { color:#fff; }
.heroOverview.black .herobuybox .sub p { color:#fff; }
.heroOverview.black .reviewText{color:#fff;}

.heroSection{padding:100px 0; text-align:center;}
.heroDescription{text-align:left;}
.heroSection.features{padding:100px 0 0 0; border:none; margin:0;}
.heroSection h2{font-size:56px; margin:0; text-align:center; text-transform:capitalize;}
.heroSection h2 span{display:block; font-size:20px; font-family: 'Muli'}
.heroSection .sectionText{text-align:center; margin:0 auto 60px auto; color:#444; max-width:760px;}
.heroSection .sectionMain img{width:100%; display:block;}
.widgetBox{text-align:left; margin-top: 0; margin-bottom: 0;}
.widgetBox p{margin:0; }
.widgetBox img{width:90px; display:inline-block; vertical-align:middle; margin:10px 0 10px 0;}
.widgetBox .widgetText{width:84%; display:inline-block; vertical-align:middle; color:#444; text-align:left;}
.anewera .widgetBox .widgetText{padding-left:20px;}
.heroSection .specBox{display:inline-block; vertical-align:top; width:20%; padding:10px; font-size:38px; color:#444;}
.heroSection .specBox i{color:#ea5d25;}
.heroSection .specBox p {margin:0;}
.heroSection .specBox p small{display:block;}
.heroSection.grey{background:#f9fafa;}
.heroSection.black{background:#000000;}
.heroSection.black h2, .heroSection.black p{color:#ffffff;}
.heroSection .videoBtn{font-size:20px; text-align:center; cursor:pointer; width: 168px; margin: 10px auto; color:#444; border: 1px solid #ea5d25; border-radius: 3px; padding: 8px 0; color: #ea5d25; margin-top: 30px; transition: all 0.4s;}
.heroSection .videoBtn:hover{color:#ffffff; background:#ea5d25; transition: all 0.4s;}
.heroSection .videoBtn i{font-size:16px;}
.heroMainVideo{display:none; background: #eee; height: 500px; width: 1000px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999999;}
.heroMainVideo iframe{width:1000px; height:500px; border:0;}
.heroVidMask { position: fixed; z-index: 99999; height: 100%; width: 100%; background:rgba(0,0,0,0.9); left: 0px; top: 0px; display: none; }
.heroSection.description .sectionText{width:100%;}
.heroSection.description .widgetBox img{display:block; width:100%;}
.heroSection.description .widgetBox .widgetText{display:block; width:100%; margin-top:16px;}
.heroSection.inthebox { text-align: center;  }
.heroSection.inthebox .widgetBox { padding:10px; display: inline-block; vertical-align: top; width: 200px; margin:10px 0px; text-align: center; float: none;}
.heroSection.inthebox .widgetBox img { width: 100%; }
.heroSection.inthebox .widgetBox .widgetText { width: 100%; }
.heroSection.inthebox .widgetBox p{margin:5px 0; line-height: 20px; font-size:14px; text-align: center;}

.heroSection.black.intro .widgetBox { text-align: center; float: none; display: inline-block; vertical-align: top; width: 49%;}

.heroSection.left{padding:100px 0;}
.heroSection.left .sectionText{float: right; width: 49.2%; margin: 1% 0 1% 1.6%; text-align:left; max-width: none;}
.heroSection.left .sectionText ul li {list-style: none; line-height: 26px; position: relative; background: none; border: 0px; margin: 0; padding:5px 0 5px 30px; font-size:16px;}
.heroSection.left .sectionText ul li::before { content: "\f00c"; font: normal normal normal 12px/1 FontAwesome; line-height: 1; position: absolute; top: 0; left: 10px; margin: auto; height: 40px; width: 20px; line-height: 40px;}
.heroSection.left .sectionMain{float: left; width: 49.2%; margin: 1% 0;}

.heroSection.bgimg{padding:150px 0;}
.heroSection.bgimg .sectionText h2{color:#fff; text-shadow: 0px 0px 70px rgba(0,0,0,0.9)}
.heroSection.bgimg .sectionText p{color:#fff; text-shadow: 0px 0px 70px rgba(0,0,0,0.9)}
.heroSection.bgimg .videoBtn{border:1px solid #fff; text-shadow: 0px 0px 70px rgba(0,0,0,0.9)}
.heroSection.bgimg .videoBtn:hover{border:1px solid #ea5d25; transition: all 0.4s;}

.heroInfoBtns{width:100px; position:absolute; right:0; top:0;}
.heroBtn.first{margin:0;}
.heroBtn{padding: 25px 10px 10px; border: 0px; background: #fff; color: #F15E25; border: 1px #F15E25 solid; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); text-align:center; font-weight:bold; cursor:pointer; margin-top:10px;}
.heroBtn p{ font-size:14px;}
.heroBtn i {display: block; font-size: 28px;}
.heroOverview.black .heroBtn { background:none; }
.heroSection .tab-menu{margin-bottom:30px;}

.tab-info h3{line-height:42px; text-align:center;}
.tab-info h3 span{display:block;}
.tab-info ul li::before{left:0;}

.heroProductPage .accessories { text-align: center; margin:0px auto; background:#f9fafa; padding-bottom: 60px; border:none;}
.heroProductPage .accessories h2 { font-size: 24px; text-transform: uppercase; font-weight: 600; letter-spacing: 0; display: block; font-family: 'Maven pro'; text-align: center; }
.heroProductPage .accessories h2 small { display: block; text-transform: none; margin-top: 5px; font-size:12px; font-family: 'Maven pro'}

.heroProductPage .accessories .accbox {padding:0; margin:0px 10px; display: inline-block; vertical-align: top; width: 150px; background:none;}
.heroProductPage .accessories .accbox label { margin:0px!important; font-size: 14px; font-weight: normal; color: #444;}
.heroProductPage .accessories .accbox img { display: block; width: 100%; margin:0;}
.heroProductPage .accessories .accbox span { display: block; color:#444; font-size: 14px; line-height: 22px; width:100%; text-align:center; margin:0;}
.heroProductPage .accessories .accbox a { color:#000; }
.heroProductPage .accessories .accbox label::before {top: 0px; bottom: 0px; margin:auto; border-radius: 100%;}
.heroProductPage .accessories .accbox label::after {top: 0px; bottom: 0px; margin:auto;}

.heroFaqs h2{text-align:left; font-size:38px;}
.question{padding:14px; background:#fff; text-align:left; cursor:pointer;}
.question.active .fa-plus{display:none;}
.question.active .fa-minus{display:inline-block;}
.question .fa-minus{display:none;}
.question i{width:20px;}
.answer { color: #444; font-size: 16px; line-height: 26px; margin: 0px 0px 20px 0px; padding: 15px; background:#f5f5f5; border-left: 3px #ea5d25 solid; text-align:left; display:none;}
.answer.active{display:block;}
.answer p{margin:0;}
.faqMessage{font-size: 26px; line-height: 36px; color:#444;}
.faqMessage span{display:block; font-size:20px;}

#descriptionTBL{width:100%;}
#descriptionTBL th{background:#eee; padding: 10px 20px;}

#usermanual{text-align:center;}
.downloadBox{padding: 10px; display: inline-block; vertical-align: top; width: 200px; margin: 10px 0px; text-align: center; float: none;}
.downloadBox img{display:block; width:100%;}

.inner.echo-instructions{padding: 40px 0;}
.echo-instructions h1{text-align:center; font-size:38px;}
.echo-instructions h2{font-size:26px;}
.echo-instructions p {font-size: 16px; line-height: 32px;}
.echo-instructions p strong{color: rgba(100,101,105,1);}
.echo-instructions ul{padding-left: 20px;}
.echo-instructions ul li{font-size: 16px; line-height: 32px;}
.echo-instructions .section{padding:40px 0;}
.instruction-text, .instruction-image{display:inline-block; vertical-align:middle;}
.instruction-text{width:60%;}
.instruction-image{width: 39.7%;}
.instruction-image .imageFrame{margin-bottom:10px;}

.static .question{background: #f5f5f5;}
.static .answer{background:#fff;}

.bundleUpsell { display: block; color:#fff; font-size:16px; position: relative; padding:15px 40px 15px 15px;background:#000; font-weight: bold; margin-bottom: 5px; }
.bundleUpsell small { display: block; font-size:14px; font-weight: bold; margin-top: 5px; }
.bundleUpsell i { position: absolute; right: 10px; top: 0px; bottom: 0px; margin:auto; height: 20px; font-size:18px; transition: all 0.3s; }
.bundleUpsell:hover i { transition: 0.3s all; right: 20px; }

.prod-ingr { text-align: center; padding:20px 0px; background:#fff; position: relative; margin:10px auto; border:1px #ddd solid; }
.prod-ingr div { display: inline-block; height: 120px; width: 120px; vertical-align: middle; border-radius: 100%; position: relative; margin:5px 10px;}
.prod-ingr div span { height: 60px; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin:auto; text-align: center; font-size:32px; font-weight: bold; letter-spacing: -1px}
.prod-ingr div span strong { display: block; font-size:14px; font-weight: 100; letter-spacing: 0.01em; }
.prod-ingr div.Protein { background: #badc58; color:rgba(0,0,0,0.6); }
.prod-ingr div.Carbs { background: #7ed6df; color:rgba(0,0,0,0.6); }
.prod-ingr div.Kcals { background: #ffbe76; color:rgba(0,0,0,0.6); }
.prod-ingr p { font-size:18px; font-weight: bold; color:#000; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 0;}

.tab-desc table { border-collapse: collapse; width: 100%; max-width: 550px; margin:0px auto; }
.tab-desc table td { background:#fff; border:1px #ddd solid; font-size:15px; padding:12px; }
.tab-desc table th { background:none; border:0; padding:12px; text-align: center;}
.tab-desc table th h3 { font-weight: 500; font-size:20px; margin:0;}
.tab-desc table tr.hidden { display: none; }
.tab-desc table td.viewmore { text-align: center; color:purple; cursor: pointer;}
.tab-desc table td.viewmore:hover { background:none; transition: all 0.2s;}

.swatches a { display: inline-block; height: 25px; width: 25px; border-radius: 100%; margin:5px 5px 5px 0; position: relative; cursor: pointer; box-shadow: 0px 0px 5px rgba(0,0,0,0.2)}
.swatches a.active:after {content: "\f00c";font: normal normal normal 12px/1 FontAwesome;line-height: 1;position: absolute; top:0px; right:0px; text-align: center; border-radius: 100%; height: 25px; width: 25px; line-height: 24px; color: #fff; }
.switchTabs span { float: left; width: 50%; text-align: center; height: 50px; line-height: 50px; background:#fff;cursor: pointer; opacity: 0.8; }
.switchTabs span.active { font-weight: bold; background:#f8f8f8; opacity: 1 }
.switchContent { display: none; padding:0px;}
.switchContent.active { display: block; }
.section.prodDescription { background:#f7f7f7; padding:40px; margin:30px 0px; }
.section.prodDescription .inner { max-width:1400px; }

.tab-info h2 { font-size:16px; margin: 10px 0;}
.tab-info, .tab-info p { line-height: 24px; color:rgba(100,101,105,1); font-size:16px; }
.tab-info h3{font-size:28px;}

.viewPopup { position: absolute; top: 15px; left: 15px; margin:auto; background:#fff; box-shadow: 0px 0px 70px rgba(0,0,0,0.3); z-index: 99; width: 320px; padding:15px 20px 15px 70px; border-radius: 5px; font-size:14px; }
.viewPopup i { position: absolute; left: 15px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size:28px;}

.inner.bfriday { margin:0 auto 30px auto; max-width: 100%; padding:40px 20px; width: 100%;}
.inner.bfriday img { max-width: 1200px; margin:0px auto 40px auto; }
.inner.bfriday h2 { font-family: 'Work Sans'; font-size:52px; letter-spacing: 0.1em;  }
.inner.bfriday h2 span { display: block; font-size:22px; margin-top: 10px;}
.inner.bfriday form#footerSignUp { max-width: 500px; margin:40px auto; color:#fff;}
.inner.bfriday form#footerSignUp a { color:#fff; text-decoration: underline; }
.bfriday form#footerSignUp input#footerEmail, .bfriday form#footerSignUp input#footerTelephone { display: block; background:none; color:#fff; height: 50px; border:2px #fff solid; text-align: center; width: 100%; font-family: 'Work Sans'; font-size:18px; max-width: 100%;}
.bfriday a.btn { background:#fff; color:#000; letter-spacing: 0.1em; max-width: 300px; margin:0px auto; padding:0px; height: 50px; line-height: 50px; }
.bfriday form#footerSignUp #joinBTN { background:#fff; color:#000; width: 100%; padding:0px; height: 50px; line-height: 50px; font-size:20px; font-weight: bold; letter-spacing: 0.1em; max-width: 100%; }
.bfriday #footerSignUp .signupResult { width: 100%; }
.inner.productPage { width: 100%; max-width: 100%; background:#f9fafa;}
.features { padding:0px 16px; border:1px #ddd dashed; margin-bottom: 15px;}
.featuresSection{display:block; margin:15px 0px;}
.bulletPoints {position:relative; display: inline-block; vertical-align: middle;}
.bulletPoints i {font-size:19px; color:#c0392b;}
.keyBullet{display:inline-block; margin:0px 6px; font-size:14px; vertical-align: middle;}
.discountUpsell { padding:10px 0; text-align: center; border:0px; color:#c0392b; border:1px #c0392b dashed; background:#fff; font-size:18px; text-transform: uppercase; font-weight: bold; margin:0px;}
.discountUpsell.red, h3.discountUpsell { border-color: #c0392b; color: #fff; background:#c0392b; margin-bottom: 20px; font-weight: 800; font-size:22px; }
.discountUpsell.full { text-align: left; padding:15px; }
.discountTimer { color:red; font-size: 22px; font-weight: bold; text-align: center;margin-bottom: 40px;}
.discountTimer span { display: inline-block;width:40px; height: 40px; line-height: 40px; border:1px red dashed; margin:0px 5px; position: relative; }
.discountTimer span:after { position: absolute; content: attr(id); left: 0px; bottom: -35px; font-size: 11px; width: 40px; text-align: center; font-weight: normal; }
ul.features { list-style: none; margin:0 0 10px 0; padding:0; }
ul.features li { font-size:14px; vertical-align: middle; margin-bottom: 5px; padding:5px 0; }
ul.features li span { vertical-align: middle; display: inline-block; }
ul.features li i.fa { font-size:20px; color:#C6AA55; vertical-align: middle; display: inline-block;}
.prodimage img { width: 100%; display: block; }
.option { padding:0px; margin:10px auto;width: 100%; }
.option select { display: block; width: 100%; padding:10px; border:1px #ddd solid; border-radius: 3px; font-size:17px; font-family: 'Saira'; }
#options label { font-size:14px; font-weight: 400; display: block; margin: 10px 0;  width:100%;color:#222;}
.chooser { display: block; padding:15px; background:#fff; border:1px #ddd solid; border-radius: 4px;margin:15px 0; font-size:16px; transition:all 0.2s; position: relative; box-shadow: 0px 5px 20px rgba(0,0,0,0.1)}
.chooser:hover { cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition:all 0.2s; }
.chooser i { position: absolute; right: 25px; top: 25px; font-size:20px; }
.chooser span { display: block; font-weight: 700;  }
.newOptions { display: none; position: fixed; right: 0px; top: 60px; height: 100%; width:100%;background:#fff; padding:40px 30px 40px 30px; z-index: 9999;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: auto;}
.newOptions .closer { height: 45px; background:#2c3e50; color:#fff; font-size:15px; font-weight: 700; line-height: 45px; padding:0px 15px; position: fixed; top: 60px; left: 0px; width:100%; cursor: pointer; z-index: 99}
.newOptions .closer i { font-size:18px; margin-right: 20px; }
button:focus {outline:0;}
button.optionBTN.active { background:#ebfff5!important;color:#000!important; border:1px solid #16a085!important; box-shadow: 0 0 0 1px #16a085; position: relative; transition: all 0.2s; }
/*button.optionBTN.active:after { content: "\f00c";font: normal normal normal 12px/1 FontAwesome;line-height: 1;position: absolute;left: 0;bottom: -10px; right:0px; margin:auto; height: 20px;width: 20px;line-height: 20px;background: #f26532;border-radius: 100%;color: #fff; text-align: center;}*/
button.optionBTN, button.disabledBTN { min-width: 40px; width: auto; height: auto; line-height: normal; margin: 6px 6px 6px 0px; text-align: left; display: inline-block; padding: 10px 14px; border-radius: 0px; font-size: 14px; font-weight: 400; transition: .2s all; border-color: #000; color: #222; }
button.optionBTN strong, button.disabledBTN strong { float: none; width: auto; font-weight: 100; }
button.optionBTN span, button.disabledBTN span { display: block; font-size:12px; float: none; margin-top:2px; color:#333; font-weight: normal }
button.optionBTN span.perKilo { color:#666; }
button.optionBTN i { position: absolute; top: 5px; right: 5px; font-size:10px; font-style: normal; font-weight: 500; color:#000; }
button.optionBTN i.tag { top: -10px; right: 5px; background:black; color:#fff; height: 20px; line-height: 20px; padding:0px 10px; text-transform: uppercase; font-weight: 700; border-radius: 3px; letter-spacing: 0.03em;}
button.optionBTN.active i.tag { background:#16a085; }
button.optionBTN.red { color:red; }
button.optionBTN:hover {  transition: .2s all; }
button.optionBTN:disabled, button.optionBTN[disabled] ,button.disabledBTN{color:#999;background:#eee url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='grey' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='grey' stroke-width='1'/></svg>");background-repeat:no-repeat;background-position:center center;background-size: 100% 100%, auto;}
.optContainer { border:1px #aaa solid; border-radius: 5px; overflow: hidden; border-bottom: 0px; margin-bottom: 30px;}
.newOptions button.optionBTN, .newOptions button.disabledBTN  { width:100%; text-align: left; margin: 0px; border:0px; border-bottom: 1px #aaa solid; border-radius: 0px; height: 60px; line-height: 60px; float: none; font-size:14px; padding:0px 10px; }
.newOptions button.optionBTN:after { position: absolute; content: ''; height:20px; width:20px; right:20px; top:20px; border:1px #ccc solid; border-radius: 100%; }
.newOptions button.disabledBTN:after { display: none;}
.newOptions button.active:after { border-color:#10ac84; background:#10ac84; right:20px; top: 0px; left: auto; bottom: 0px; }
.newOptions button.active { background:#fff!important;color:#10ac84!important; border-color:#aaa!important; }
.newOptions button.optionBTN i.tag { top: 20px; right: 60px; background:black; color:#fff; height: 20px; line-height: 20px; padding:0px 10px; text-transform: uppercase; font-weight: 700; border-radius: 3px; letter-spacing: 0.03em;}
.newOptions p { font-size:18px;  }
.col.full-btn{ margin:6px 0px; float:right; width:65%!important; }
button.add { color:white; margin:10px 0;border-radius: 0; font-size: 18px; letter-spacing: 0.05em; height:55px; line-height: 55px; background:#00d351; text-transform: uppercase; font-family: 'Saira', sans-serif; font-weight: 700; position: relative; overflow: hidden; width: 100%; max-width: 380px;}
button.add:hover { cursor: pointer;}
button.add:disabled,button.add[disabled] { background:#ddd!important; color:#aaa; cursor:not-allowed;}
p.chosen {margin:0px;}
p.chosen span { display: inline-block; margin-right: 5px; background:#eee; padding:5px; border-radius: 3px;  }
/*.fa-minus{line-height:50px;}*/
.fa-plus{line-height:normal;}
.prodQty { width:100%; max-width:380px; background:#fff; border: 1px #ddd solid; height: 55px; margin:10px 0; display: block;}
.prodQty .item { background:#fff; border:0px;color: #2c3e50; width:23%; height:55px; line-height: 55px; position: relative;}
.prodQty .item:hover { color: #10ac84;}
.prodQty input {border-radius:0px; border: 1px #ddd solid; border-top: 0px; border-bottom: 0px; font-size: 16px; background: #fff; height: 55px; float:left; width:53%;}
.product #prodSide {float: right; width: 23%;}
#delBox { background:#fff;margin: 10px 0; text-align: center;  overflow: hidden; max-width: 450px; padding:10px 0; border-top:1px #d1692d solid; border-bottom:1px #d1692d solid; }
.product #delBox h4 {font-size: 18px; margin:0; float:left; color: #d1692d; vertical-align: top; text-align:left; }
.product #delBox h4.nextDay {font-size:25px;}
.product #delBox h4.nextDay span{display:block; font-size:16px!important; margin-top: 14px;}
.product .countdown { float:right;}
.product .countDown span{font-size: 26px; text-align: center; width:50px; float: left; font-weight: bold; color: #d1692d; }
.product .countDownext span{font-size: 12px; text-align: center; width:50px; float: left; color: #d1692d;}
.promoSection h4 { text-align: center; font-size: 18px; }
.promoSection .col { display: inline-block; float: none; }
.promoSection { text-align: center; padding:10px 0px; }
#buyFormXXX{padding-top: 10px; border-top: 1px dashed rgba(0,0,0,0.5);}
.idealTime{text-align:center; background:#fff; padding:0px 0 30px 0; margin:20px 0; color:#eee; border:1px solid #ddd;}
.tab-info .idealTime h2 {color:#2c3e50; background:#fff; font-size:20px; margin:0 0 20px 0; padding:15px 0; text-transform: uppercase; border-bottom: 1px #ddd solid;}
.idealBox{display:inline-block; min-width:150px; max-width: 200px; color:#bbb; border:none; position: relative; margin: 10px -2px}
.idealBox.ideal:before { height: 20px; width: 20px; line-height: 20px!important; border-radius: 100%; background:#000; color: #fff; content: "\f00c";font: normal normal normal 18px/1 FontAwesome; display: block; position: absolute; bottom: -10px; left: 0px; right:0px; margin:auto; font-size:12px; z-index: 10;}
.idealBox:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; height:2px; width: 100%; background:#bbb; z-index: 5}
.idealBox.ideal:after { background:#000; }
.idealBox h3{padding:15px 0; font-size:14px; margin: 0;}
.ideal{color:#000;}
.emailBackInStock { padding:20px; background:#f8f8f8; text-align: center;  margin:10px 0; border:1px solid #2c3e50; display: none;}
.emailBackInStock h3 { font-size:17px; color: #2c3e50; margin-top: 0px; }
.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { background:#fff;vertical-align:middle; display: inline-block; border:1px #fff solid; padding:10px; height:40px; width: 30%; -moz-appearance:none; -webkit-appearance:none; margin:0px 3px; }
.emailBackInStock select { width:25%;  font-family: 'Work Sans'; font-size:12px; border-color:#999;}
.emailBackInStock input { width:34%; font-family: 'Work Sans'; font-size:12px; border-color:#999;}
.emailBackInStock button { width:26%; background:#2c3e50; color:#fff; text-transform: uppercase; font-size:14px; font-weight: 900; cursor:pointer;}
h3.emailBackInStock{font-size:17px; color: #fff; margin-top: 0px;}
.oosMsg { display: block; padding:15px; background:#f7f7f7; border:1px #ddd solid; border-radius: 5px;margin:10px 0; font-size:16px; transition:all 0.2s; position: relative;}
.oosMsg:hover { cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition:all 0.2s; }
.oosMsg i { position: absolute; right: 25px; top: 25px; font-size:20px; }
.oosMsg span { display: block; font-weight: 700; font-size:12px;  }
.shut {display: none;}
#recentlyViewed > div {width: 20%; float: left; overflow: hidden; padding:10px;}
#recentlyViewed > div div#imageframe {max-width: 100%;}
.product .social {margin:10px 0; padding:15px 0; background:none; }
.product .social span { display: block; float: left; height: 30px; width: 30px; line-height: 30px; border:1px #2c3e50 solid; text-align: center; border-radius: 100%; margin-right: 5px; }
.product .social span.fa-facebook { border-color: #3b5998; color: #3b5998; }
.product .social span.fa-twitter { border-color: #55acee; color: #55acee; }
.product .social span.fa-google { border-color: #dd4b39; color: #dd4b39; }
.product .social strong { float: left; display: block; padding-right: 10px; font-weight: bold; height: 30px;  line-height: 30px;font-size:16px;}
.accessories { margin: 20px 0; padding: 20px; border: 1px #ddd dashed; background: #fff; }
.accessories .col.quarter { float: none; width:100%; position: relative; height: 70px; margin:5px 0px; }
.accessories h2 { font-family: 'Maven pro'; margin: 0 0 15px 0; font-size: 16px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.05em; }
.accessories h2 small { font-family: 'Maven pro'; display: block; text-transform: none; margin-top: 5px; font-size: 12px;}
.accbox {background: #fff; padding: 8px 0; margin: 0px 0px 3px 0px;}
.accbox label { margin: 0px !important; font-size: 13px; padding-right: 80px; color: #444!important;}
.accbox img { display: inline-block; vertical-align: middle; margin-left: 8px;}
.accbox span { display: inline-block; vertical-align: middle; margin-left: 8px; width: 70%; letter-spacing: 0;}
.accbox label::before {top: 0px; bottom: 0px; margin: auto; border-radius: 100%;}
.accbox label::after {top: 0px; bottom: 0px; margin:auto;}
.loyaltyExp { display: block; color:#d1692d; font-size: 14px; margin-top: 5px;  }
.prodLoader { position: absolute; height: 100%; width: 100%; background:rgba(255,255,255,1); top: 0px; left: 0px; text-align: center; display: none; z-index: 99;}

#storeResult{text-align: center;}
.storesMulti{display: inline-block; margin: 10px; vertical-align: top;}

form#voucherForm{}
form#voucherForm label{display:inline-block; width:180px; font-size:14px; vertical-align:top;}
form#voucherForm input, form#voucherForm textarea{padding:10px 5px; width:60%; border:1px solid #888;}
form#voucherForm p {margin-top:20px;}
form#voucherForm select{padding:10px 5px; border:1px solid #888;}

.buybox .deliveryBox { text-align: center; }
.buybox .deliveryBox p { padding-left: 0px; }
.buybox .deliveryBox i { font-size: 34px;}

.quickBuy { position: absolute; left: 0px; bottom: 0px; right: 0px; background:rgba(241, 242, 246,0.98); display: none; z-index: 100; padding:30px 0px 0px 10px; text-align: left; }
.quickBuy select { display: block; width:90%; margin:10px auto; border:1px #000 solid; padding:12px; }
.quickBuy span.close { font-weight: bold; cursor:pointer; border-radius:3px; display: block; padding:5px 10px; color:#fff; background:#000; position: absolute; top: 5px; right: 10px;}
.quickBuy p{ margin: 0px 0px 15px 0; text-align: left; font-weight: bold; padding:0px 0px 0px 10px; }
.quickBuy .optionSlider {height: auto;width: auto;white-space: nowrap;overflow-x: auto; padding:20px 10px 30px 0px;}
.quickBuy .optionSlider button.optionBTN { display: inline-block; float: none; height: auto; text-align: left; line-height: normal; padding:10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); margin:0px 10px 0px 5px; font-size:12px; border-radius: 3px; }
.quickBuy .optionSlider button.optionBTN:hover {; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.quickBuy .optionSlider button.optionBTN strong { display: block; font-weight: bold;}
.quickBuy .optionSlider button.optionBTN span { display: block; text-decoration: none; font-weight: normal; float: none; color: red; padding:2px 0px; background:none;}
.quickBuy .optionSlider button.optionBTN span strike { color:#888; }
.quickBuy .optionSlider button.optionBTN span i { margin-right: 2px; }
.quickBuy .optionSlider button.optionBTN span.oos { color: red; }
.quickBuy .optionSlider button.optionBTN span.inStock { color: green;}
.quickBuy .optionSlider button.optionBTN span.servings { color: #444;}
.quickBuy .optionSlider button.optionBTN.active span{ color:white; }
.stickyAdd { position: fixed; bottom:0px; left: 0px; width:100%; z-index: 999; }
.stickyAdd .btn { background:rgba(16, 172, 132,0.99);margin:0px; position: absolute; bottom: 0px; left: 0px; border-radius: 0!important; font-size:20px; height:50px; line-height: 50px; width:100%; box-shadow: 0px 0px 25px rgba(0,0,0,0.6); letter-spacing: 0.1em; font-weight: 800; z-index: 998; }
.stickyAdd .quickBuy { position: relative; padding-top: 30px;z-index: 999;  }
.quickBuy span.close { top: 10px; }
.quickBuy .optionSlider button.optionBTN { border:0px; }
.circ{opacity: 0;stroke-dasharray: 130;stroke-dashoffset: 130;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tick{stroke-dasharray: 50;stroke-dashoffset: 50;-webkit-transition: stroke-dashoffset 1s 0.5s ease-out;-moz-transition: stroke-dashoffset 1s 0.5s ease-out;-ms-transition: stroke-dashoffset 1s 0.5s ease-out;-o-transition: stroke-dashoffset 1s 0.5s ease-out;transition: stroke-dashoffset 1s 0.5s ease-out;}
.drawn + svg .path{opacity: 1;stroke-dashoffset: 0;}
#tick {height: 50px;position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}

.buybox .deliveryBox { text-align: center; }
.buybox .deliveryBox p { padding-left: 0px; }
.buybox .deliveryBox i { font-size: 34px;}

.chosenStock p { font-size:18px; font-weight: bold; margin: 0px 0px 10px 0px;}
.chosenStock p.oos { color:red; }
.chosenStock p.inStock { color:#16a085; }

.bundleBanner, .whyBanner { background:#f8f8f8; border:1px solid #bbb; padding:15px 160px 15px 20px; position:relative; margin:20px 0px; border-radius:5px; max-width:450px; display:block; }
.bundleBanner { transition:all .2s ease-in-out; }
.bundleBanner:hover { transition:all .2s ease-in-out; transform:scale(1.1); }
.bundleBanner p, .whyBanner p { color:#000; margin:0; font-size:14px; font-weight:700; letter-spacing:0.05em; line-height:normal; }
.bundleBanner a, .whyBanner a { color:#fff; position:absolute; right:20px; top:18px; background:#f26532; padding:10px 20px; border-radius:3px; font-weight:bold; text-transform:uppercase; }
.bundleBanner span { font-size:18px; }

#bundleInfo {clear:both; overflow:auto; }
#bundleInfo {clear:both; overflow:auto; }
#bundleInfo .bundleBox {padding:20px 0;}
.bundleBox h3 { font-size:18px; margin:0px 0px 10px 0; }
#bundleInfo p.savePrice  { font-size:18px; color:#000; font-weight: 700; margin:10px 0 0; }
#bundleInfo p.savePrice strong { color:#8D171A;  }

.buybox-upsell{}
.despatchTimer{ width: 100%; text-align: center; padding:15px; border:1px #000 solid; background:#fff; margin:10px 0; clear: both;}
.despatchTimer .text { float: left; width: 50%; text-align: left; padding:10px 0px 10px 0px;}
.despatchTimer h3 { font-size:24px;  margin: 0px; color:#000; }
.despatchTimer p { font-size: 16px; margin:0; color:#000;}
.despatchTimer .timer{margin: 0px; font-size: 13px; text-transform: uppercase; padding: 0px; float: right; width: 50%;}
.despatchTimer .timer strong { display: block; padding:5px 0px; }
.despatchTimer .timer span{height: 55px; width:31%; line-height: 55px; border:1px #000 solid; display: inline-block; margin:5px 2px; font-size:29px; color:#000;}
.counterTimer h3{padding:5px!important;}
.counterTimer { background: #fff; padding:20px; }
.counterTimer .timer{float:none; width:100%; color:#000;}
.counterTimer .text{float:none; width:100%; text-align:center; padding:0;}
.counterTimer { margin-top: 0px; }

.review{text-align:center; background:#fff; padding:20px 10px; margin:20px 0; color: #000; border:2px #C4B16F solid;}
.review h2{font-size:24px; margin:5px;}
.review p{font-size:18px; }
.review .gold-bg{background:#C4B16F !important;}

.dualFitSys p{font-size:16px; line-height:30px;}
.dualFitSys a{color:#666;}
.dualFitSys a:hover{color:#d1692d;}

.notFound { text-align: center; }
.notFound h1 { font-size:40px; text-transform: uppercase; }
.notFound p { font-size:20px; }

.warrantyDetails h2{letter-spacing:normal; font-size:22px; }
.warrantyInfo .infoBox{padding:40px; border: 1px rgba(238, 238, 238,1) solid; border-radius: 5px; background: rgba(238, 238, 238,0.5); margin: 0 0 3% 0}
.warrantyTabs .heading{background:#fff; color:#111; border:1px solid #111; height: 40px; line-height: 40px; display: block!important; font-size: 12px; font-weight: bold; text-align: center; transition: all 0.2s; text-transform: uppercase; padding: 0; border-radius:3px;}
.warrantyTabs .heading.processing{background: #111; color:#fff;}
.warrantyForm{padding: 20px; background: rgba(238, 238, 238,0.5); border-radius: 5px; border: 1px rgba(238, 238, 238,1) solid;}
.warrantyForm{padding: 20px; background: rgba(238, 238, 238,0.5); border-radius: 5px; border: 1px rgba(238, 238, 238,1) solid; margin-top:0;}
.warrantyForm label{display: block; font-size: 14px; margin: 5px 0; font-weight: bold; text-transform: uppercase; color: #555;}
.warrantyForm input, .warrantyForm select{ width: 100%; padding: 10px; border: 1px rgba(238, 238, 238,1) solid; border-radius: 5px; font-size: 15px;}
.warrantyForm.cust{width:49%; display: inline-block; margin: 0 0 1% 1.6%;}
.warrantyForm.cust:first-child, #details.cust.first{margin-left:0; float:left;}
.info p { margin:0; }
.warrantyProd .btn{margin-top:0;}
.warrantyDetails .pCode, .warrantyDetails .lookup{width:49%; display:inline-block;}
.btn.warrantyNext, .btn.warrantyPrev{width:25%; display:inline-block; margin: 10px 0 10px 0; font-family: 'Maven Pro', sans-serif; }
.warrantyInfo h3{font-size:22px; margin:0!important;}
.warrantyInfo .infoBox{padding:20px;}
.warrantyInfo .infoBox ul li{ font-size:14px; line-height: 26px; }

.prod-page-section { background:none; padding:0; margin:20px 0; }
.section.prod-description { margin:0px; padding: 0px; background:none;}
.tab-menu { float: none; width:100%; text-align: center; margin-bottom:10px;}
.tab-menu .tab-btn { font-size:16px; display: inline-block; height: 45px; line-height: 45px; background:#fff; padding:0px 25px;}
.tab-content { float: none; width: 100%; }
.tab-menu .tab-btn i { display: none; }
.tab-content { padding:0px 0px; }
.tab-info {  padding:10px 0; text-align: left; }
.tab-info ul li {padding:0px; background:none; border:0px;margin:0; padding-left: 30px;}
.tab-menu .tab-btn span { display: none; }
.tab-menu .tab-btn.active, .tab-menu .tab-btn:hover { color:#fff; background:#222; }
.tab-desc, .tab-desc p { font-size:16px; }
.btn.sizeGuide { background:#eee; border:0px; color: #444; width: 120px; float: left;cursor: pointer; }
.btn.sizeCalc { background:none; border:1px #000 solid; color: #000; margin-left: 15px; float: left; cursor: pointer; padding:0px 10px;}
.btn.sizeCalc:hover { color: #d1692d }

.prod-section.video { text-align: center; background:#eee; }
.video .col { position: relative; float: none; display: inline-block; }
.video .col .video-intro { background:url(../images/95/vid-preview.jpg) no-repeat 50% 50%; background-size: cover; padding:20px; text-align: center; padding:20px 0px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%;}
.video .col .video-intro div {width: 70%;height: 190px;overflow: visible;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
.video .col { margin-top: 0px; margin-bottom: 0px; }
.videos h2 { font-size: 48px; margin-bottom: 20px; color: #fff; }
.video #video { box-shadow: 0px 30px 50px rgba(0,0,0,0.1); border:1px #fff solid; }
.video button { border:1px #fff solid; padding:14px 20px; color: #fff; font-weight: 900; font-size: 30px; background:none; text-transform: uppercase; letter-spacing: 0.03em; border-radius: 4px; box-shadow: 0px 20px 40px rgba(0,0,0,0.1); cursor: pointer; }
.video button i { position: static; width: auto; font-size: 28px; margin-left: 10px;}

.vidCloser{position: absolute; right: -24px; top: -36px; color:#fff; font-size: 30px; cursor: pointer;}

.inner.copy { font-size:15px; line-height: 26px; max-width: 100%; width: 100%; padding:50px 0px; background:#f8f8f8;}
.inner.copy a { color:#000; font-weight: bold; }
.inner.copy.bg a { color:#fff; font-weight: bold; text-decoration: underline; }
.inner.copy.bg { background:#000 url(../images/79/copy-background.jpg) no-repeat 50% 50%; background-size: cover; padding:120px 0; margin:0; }
.inner.copy.bg h2 { text-align: center; color:#fff; font-size:42px; text-transform: uppercase; }
.inner.copy.bg p { color:#fff; text-align: center; font-size: 18px; }

form#foots{background:#FFFFFF; padding:35px; border:1px solid #ddd;margin:40px auto 40px auto; color:#A3A1A2; max-width: 470px; width: 100%; border-radius: 5px; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); font-size: 16px; position: relative;}
form#foots label{ color:#A3A1A2; font-size: 18px; display: inline-block; padding:10px 0; width: 200px;}
form#foots input {margin-bottom:20px; font-size:16px; padding:10px;}
form#foots input[type="tel"]{ border:2px solid #ccc; width:145px; border-radius:5px; text-align: center; margin-right: 10px;}
form#foots input:focus{border-color:#53BDAD}
form#foots #calculate{background:#53BDAD; color:#fff; text-align:center; padding:15px 0px; font-weight:bold; font-size:16px; cursor:pointer; transition:0.2s; letter-spacing:5px; text-transform:uppercase; border-radius:5px;}
form#foots #calculate:hover{background:#000;}
form#foots #result{display:none;}
form#foots #result h2 { font-size: 20px; text-align: center; border:2px #53BDAD solid; padding:10px 0px; border-radius: 4px; color: #53BDAD }
form#foots #result p { font-size: 18px; }
form#foots #result p span { font-size: 20px; text-align: center; border:2px #53BDAD solid; padding:10px 0px; border-radius: 4px; color: #53BDAD; display: block; }
p.main { text-align: center; font-size: 18px!important;  margin:0px auto 15px auto; font-weight: 700; }
form#foots span.closeSC {position: absolute; top: 0px; right: 0px; background:black; color: white; font-size: 22px; padding:5px 10px; cursor: pointer;}

.popup { position: fixed; z-index: 101; width: 100%;  height: 550px;overflow: auto;margin: auto;top: 0; left: 0; bottom: 0; right: 0; display: none; text-align: center;}
.mask { position: fixed; z-index: 100; height: 100%; width: 100%; background:rgba(255,255,255,0.6); left: 0px; top: 0px; display: none; }

.ticksLabel{display: inline-block !important; text-transform: none !important; font-size: 12px !important;}
.compSignupForm{position:relative;}
.optoutMessage{border:none; display:none; position:absolute; top:226px; left:0px; width:385px; background:#fff; border:1px solid #000; padding:10px; z-index:99;}
.optoutMessage.activeOptMessage{display:block;}

.secure-btns .btn.paypal{ background: #ffc439; color: #006DB8; }
.secure-btns .btn.paypal:after { display: none; }
.secure-btns .btn{ height: 60px; line-height: 60px; padding: 0px 25px; color: #20A3AB; font-size: 28px; letter-spacing: 0em; text-transform: uppercase; font-weight: bold; text-decoration: none;
transition: all 0.2s; display: block; text-align: center; margin: 5px 0; border-radius: 100px; position: relative; font-family: 'Saira Extra Condensed'}
.secure-btns .btn:hover {opacity: 0.7; transition: all 0.2s; cursor: pointer; }
.secure-btns .btn i{ font-size: 24px; vertical-align: middle; position: absolute; left: 0px; top: 0px; height: 60px; line-height: 60px; width: 60px; text-align: center; }
.secure-btns .btn.card{color: #fff; background:#00d351; }

.snap-stack { padding:80px 0px; text-align: center; }
.snap-stack h2 { font-size:42px; font-weight: 700; margin: 0; letter-spacing: 0.02em;}
.snap-stack .col { position:relative; overflow:hidden; height: 320px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; box-shadow: inset 0 0 0 5px #fff; border:1px #ea5d25 solid; }
.snap-stack .col p { line-height:14px; position:absolute; bottom:-100%; left:0; background:rgba(0,0,0,0.8); margin:0; font-size:12px; color:#fff; padding:10px; transition:0.2s; width:100%; border:5px solid white; border-top:none}
.snap-stack .col p a { color:#ea5d25;}
.snap-stack .col:hover p {bottom:0;}

.basketPopupMask { position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; background:rgba(0,0,0,0.6);z-index: 9998; display: none; }
.basketPop {  border-radius: 0px; background:#FFF; padding:20px 20px 20px 320px; margin:0px auto 30px auto; box-shadow: 0px 5px 50px rgba(0,0,0,0.2); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height:300px; width:660px; z-index: 9999; display:none;transition:0.2s all; }
.basketPop h2 { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 18px; color: #000; color:red;}
.basketPop p { margin:5px 0px;color: #000; font-size: 13px;}
.basketPop p strike { color:#999; margin-top: 10px; }
.basketPop p strong.price { color:red; font-size:18px; padding:0px; margin:0; border:0px; }
.basketPop a { color: #5e926d }
.basketPop .btn { float: right; width: 48%; margin:0 0 20px 0; }
.basketPop .btn.red { float: left; font-size: 16px; background:#16a085; color: white; border-color: transparent;}
.basketPop .two-third {  position: relative; }
.basketPop img { position: absolute; left: 0px; top:0px; margin-right: 10px; height:300px;}
.basketPop .third p { text-align: center; padding:0px;}
.basketPop .third p strong { font-size: 20px; }
.basketPop #timer { text-align: center; color:red; font-weight: bold; font-size: 20px; }
.basketPop .timetext { clear: both; }

.basketOffers h2 { padding:15px 0px; margin:10px 0px; font-size:24px; }



/*#basketTable p strong { font-size: 14px; text-transform: none; font-weight: 400; padding-right: 60px;  }
.bskQty .item, #removeBTN, #rightInfo form input, #rightInfo form .apply {}
.bskQty .item i { line-height: 35px!important }
.bskQty { display: block; }
#removeBTN { width:30px; background:#fff; clear: none; position: absolute; top: 0; right: 0; border:0px; color:#999; border-radius: 100%; height: 30px; line-height: 30px; font-size:16px;}
#removeBTN .fa-times { color:#999; }
.basketPage { padding:0 0 20px 0; }
.basketPage .inner { padding:0 0 20px 0px; max-width: 1100px; }
.basketPage #counterHead { padding:15px 0 0; margin-bottom: 0; }
.basketPage h1 { margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.06em;font-size:28px;}
#basketTable { border:0px; overflow: visible;}
#basketTable p { font-size: 14px; }
#basketTable p span { margin:3px 0; }
#basketTable span.red strong { font-size: 13px; }
#basketTable span.red { color:rgba(142, 52, 43, 0.8); }
#basketTable span.basketPrice { text-align: left; font-size: 14px; margin:5px 0; }
#basketTable span.basketPrice strong { font-size:14px; font-weight: bold; color:#000; }
#basketTable .section.basket-item {margin-bottom: 20px; position: relative; border-bottom: 1px #ccc dashed; background:#fff; padding-left: 0px; }
#basketTable .section.basket-item.gift { border:1px rgba(142, 52, 43, 0.4) dashed; background:rgba(142, 52, 43, 0.02); border-radius: 5px; }
#basketTable .section.basket-item.gift .btn.red { font-size:14px; background:rgba(142, 52, 43, 1);}
#basketTable .basketImg img { width: 100%; }
#basketTable .basket-item .basketImg img {  display: block; margin:0px auto; }
#basketTable .basket-item.gift .basketImg img { max-height: 100px; width: auto;  }
#basketTable .col.half form { float: left; }
.bskQty .item { border:1px #eee solid; background:#fff; }
#basketTable select { display: block;padding: 10px; height: 40px; font-size:14px; border:1px #2c3e50 solid; width: 100% }
#basketTable h3 { font-size:14px; background:#fff; color:#2c3e50; border:1px #2c3e50 solid; height:40px; line-height: 40px; }
.basketStuff { width:64%; }
#loyaltySpend p { background:white; border:1px #f26532 solid; color:#f26532; margin-bottom: 20px; border-radius: 0; text-align: center; padding:10px 0; }
#loyaltySpend p.active { border-color: #c0392b; color: #c0392b; }
#spendMoreForPoints p { background:white; border:1px red solid; color:red; margin-bottom: 20px; border-radius: 0; text-align: center; padding:10px 0; font-size: 15px!important; }
#spendMoreForPoints p.active { border:1px #c0392b solid; color:#c0392b; }
#rightInfo { position: sticky; top: 10px; width:32%;}
#rightInfo .details { margin:0px 0px 10px 0px; padding:0px; border:0; background:none; }
#rightInfo form { margin:0; }
#rightInfo label { font-size: 14px; display: block; border-radius: 3px; cursor: pointer; }
.discount-section { padding:15px; margin-bottom: 15px; background:#fff; border:1px #ddd dashed; border-radius: 3px; } 
.discount-section form {  }
#rightInfo form .apply { font-size:12px; padding:0px 5px; height: 35px; line-height: 35px; border:0px; background:#000; color:#fff; }
#rightInfo form input { font-size:12px; padding:0px 5px; height: 35px; line-height: 35px;  }
div.prodBox.hidden{display:none}*/

.discount-section { padding:0; margin-bottom: 15px; background:#fff; border:0; border-radius: 3px; } 
.discount-section form {  margin:0!important;}
#basketTable p strong { font-size: 18px; text-transform: none; margin-bottom: 5px; }
.bskQty .item, #removeBTN, #rightInfo form input, #rightInfo form .apply { border-radius: 0px; }
.bskQty .item i { line-height: 35px!important }
.bskQty { display: block; }
.basketPage { padding:0px; }
.basketPage .inner { max-width: 1200px; }
.basketPage #counterHead { margin-bottom: 20px; }
.basketPage h1 { margin-bottom: 30px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 900 }
.basket-crumbs { max-width: 600px; margin: 30px auto; text-align: center; text-transform: uppercase; color: #ddd; font-size: 12px;}
.stage { display: inline-block; width: 23%; margin: 0 1px;padding: 5px 0px; border-bottom: 2px #ddd solid; color:#ddd; text-align: center; font-size: 11px;}
.stage.active { border-bottom: 2px #000 solid; color:#000;}
.stage i { display: block; font-size: 16px;}
.basketPage { padding:0px 0 40px 0; position: relative;margin:10px auto;}
.basketStuff {   position: relative; }
.basket-upselling { float: left; width: 63%; }
.basketStuff { float: none; width: 100%; }
#basketTable { overflow: hidden; border: 1px rgba(134, 175, 73, 0.4) solid; border-bottom: 0px; margin:20px auto; border-radius: 0px; }
#basketTable.full { float: none; width: 100%; border:0px; }
#basketTable td { padding: 10px 0; font-size: 14px; vertical-align: top; }
#basketTable .head { background:#000; color: #fff; margin-bottom: 10px;}
#basketTable .bask-item {padding:8px 0; border-bottom: 1px rgba(134, 175, 73, 0.4) solid; position: relative; transition: 0.2s background-color;}
#basketTable .bask-item:before { content: ''; width: 0px; height: 100%; background:rgba(140, 152, 130, 1); top: 0px; left: 0px; bottom: 0px; position: absolute; transition: width 0.2s; }
#basketTable .bask-item:hover:before { transition: width 0.2s; width: 5px; }
#basketTable .bask-item:hover { background:#f8f8f8; transition: 0.2s background-color; }
#basketTable .bask-item.promo { background:#f9f9f9; }
#basketTable .col { width: 14.33%;display: inline-block; float: none; vertical-align:middle; margin: 1% 0 1% 1.6%;}
#basketTable .addons .col { margin: 0% 0 0% 1.6%;}
#basketTable .addons { padding-bottom: 10px; }
#basketTable .col.description { width: 31.26%; }
#basketTable .col.first { margin-left: 0px; }
#basketTable .col.right { text-align: right; }
#basketTable .col.center { text-align: center; }
#basketTable .basket-head { font-size:14px; text-transform: uppercase; padding:4px 0; border-bottom: 1px rgba(134, 175, 73, 0.4) solid; font-family: 'Saira'; }
#basketTable.full td { border:0px; padding:5px 0px; }
#basketTable .basketImg img { width:100%; max-width: 80px; display: block; margin:0px auto; border-radius: 100%;transition: 0.2s all;}
#basketTable p { margin:0px 0px 10px 0px; font-size: 14px; line-height: 20px; letter-spacing: 0 }
#basketTable p strong { font-size: 15px; margin-bottom: 2px; display: block; font-weight: 400; }
#basketTable p span { color:#777; display: block; margin:1px 0; }
#basketTable p a { color:#000; }
#basketTable .addons .col p { margin:0; }
#basketTable .addons .col p span { margin:0; }
#basketTable select.select { padding:10px; }
#basketTable h1 { margin:0px; text-align: left; padding:0 0 20px 0px;font-size: 16px; text-transform: none; text-align: center;}
#basketTable span.offerText {margin:5px 0px!important; padding:5px 10px; background:#e3f9b6; color:#000; border:1px #76A714 solid; border-radius: 3px; display: inline-block; font-size:12px;}
#basketTable span.red { color:rgba(165,12,50,1); }
#basketTable span.basketPrice { text-align: center; font-size: 15px; margin:5px 0; color:#000; }
#basketTable span.basketPrice strong { font-size:16px; font-weight: bold; color:rgba(165,12,50,1);}
#basketTable span.basketPrice strike {color:#999;display: inline-block; }
#basketTable .addons span.basketPrice { font-size:12px; display: inline-block; vertical-align: middle; margin:0; }
#basketTable .addons span.basketPrice strike {color:#999;display: inline-block; vertical-align: middle; font-size:12px; }
#basketTable span.green { color: rgba(39, 174, 96,1.0); font-weight: bold; }
#basketTable span.red { color: red; }
#basketTable span.purple{ color: rgba(142, 68, 173,1.0); font-weight: bold; }
#basketTable span.blue { color: rgba(52, 152, 219,1.0); font-weight: bold; }
#basketTable span.grey { color: #888; font-weight: bold; }
#basketTable p span { display: block; margin:5px 0px; }
#basketTable strike { display: block; margin:5px 0; color:#888; }
#basketTable .stars { margin:5px 0px 10px 0; }
#basketTable select { padding:10px 25px 10px 10px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; background:none; border:0px; position: relative; z-index: 2;}
#basketTable input { padding:0 10px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; background:none; border:0px; position: relative; z-index: 2;width: 70px; text-align: center; color:#777;}
#basketTable select:focus {  }
.select { border:1px #ddd solid; display: inline-block; position: relative; background:#fff; transition: 0.2s all;}
.select i { display: inline-block; width: 40px; text-align: center; position: absolute; right: -10px; top:0px; bottom: 0px; height: 10px; margin:auto; z-index: 1; transition: 0.2s all; }
#removeBTN { font-size:18px; color:#888; border:1px #ddd solid; height: 45px; width: 45px; border-radius: 100%; line-height: 45px; transition: 0.2s all;}
#removeBTN .fa-times { color:#999; }
#basketTable .bask-item:hover .select { border-color:rgba(140, 152, 130, 1); transition: 0.2s all; }
#basketTable .bask-item:hover .select i { color:rgba(140, 152, 130, 1); transition: 0.2s all; }
#basketTable .bask-item:hover #removeBTN { color:#000; border-color:transparent; transition: 0.2s all; }
.up-btns { padding:12px 0px; }
.up-btns h1 { float: left; margin:0px; line-height: normal; font-size: 28px; padding:0; line-height: 40px; }
.up-btns .pay { float: right;}
.up-btns .pay span { display: inline-block; vertical-align: middle; }
.up-btns .pay img { display: inline-block; margin:0px 3px; height: 40px; vertical-align: middle; }
.freeGifts { position: relative; margin: 0 0 5px 0; border:1px rgba(255,100,100,0.8) solid; padding:0px; background:none; padding:0px 0px; margin-top: 0px;}
.freeGifts .free-head { padding:15px; border:1px #ddd solid; border-bottom: 0px; }
.freeGifts h2 { font-size:20px; color:#000; margin: 0; padding:0; font-family: 'Saira';}
.freeGifts p { font-size:13px; margin:0;  padding:0px 0px; color:#000; }
.freeGifts p i {  margin-bottom: 15px; font-size:14px; }
.freeGifts .col { margin-top: 0px; }
.freeGifts .col.third { display: table; height: 290px; background:#96214D; position: relative;}
.freeGifts .col.third:before { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid #fff; border-top: 30px solid transparent; bottom: 0px; right: 0px; margin:auto; }
.freeGifts .col.third:after { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid rgba(0,0,0,0.3); border-right: 30px solid transparent; border-bottom: 30px solid transparent; bottom: 0px; right: -30px; margin:auto; }
.freeGifts .table-cells { display: table-cell; vertical-align: middle; text-align: center;}
.freeGifts.upsells h2 { color:#666; }
.freeGifts.upsells p { color:#666; }
.freeGifts.upsells .col.third { background:rgba(134, 175, 73, 0.2); border:1px rgba(134, 175, 73, 0.4) solid; }
.freeGifts.upsells .col.third:before { right: -1px; bottom: -1px; }
.freeGifts.upsells .col.third:after { right: -32px; bottom: -2px; border-left-color: rgba(0,0,0,0.2)}
.gift { float: left; width: 150px; margin-right: 15px; }
.gift .image { width: 100%; float: none; margin:0; position: relative;}
.gift .image span { position: absolute; bottom: 0px; right: 0px; width: 100%; text-align: center;; background:rgba(255,10,10,0.9); color:#fff; padding:5px 0px; font-weight: bold; }
.gift p { margin: 0; font-size:13px; height: 45px; line-height: normal; text-align: center; color:#000; padding:0px; background:none; margin-top: 10px;}
.gift p span { font-size:14px; margin: 0; }
.gift strike { display: inline-block; color: red;  margin-right: 10px;}
.gift .optionBTN { background:#fff; height: 40px; line-height: 40px; width: 100%; color:rgba(113, 75, 115,1); font-weight: bold; text-transform: uppercase; font-size:12px; letter-spacing: 0.03em; border:1px rgba(113, 75, 115,1) solid; border-radius: 0px; display: block; max-width: 100%; text-align: center; margin-top: 10px!important; float: none; padding:0; }
.gift .image i { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 70px; width: 70px; background:rgba(113, 75, 115,0.9); color:#fff; line-height: 70px; text-align: center; margin:auto; font-size:28px; border-radius: 100%; }
.gift .btn { margin-top: 10px; display: block; width: 100%; height: 40px; line-height: 40px; padding:0px; font-size:12px;}
.gift .btn.disabled { background:rgba(113, 75, 115,0.2); color:rgba(113, 75, 115,1); }
.gift .btn.help { background:none; border:1px #888 solid; color:#888; height: 25px; line-height: 25px; padding:0; }

.summary #basketTable .col.two-third { width: 60%; }
.summary #basketTable .col.full { width: 100%; }
.summary #basketTable span.basketPrice { text-align: left; }

#rightInfo { width: 30%; }
#rightInfo .details { border-radius: 0 }
#rightInfo p { font-size: 14px; }
#rightInfo #shippingMethods { margin:10px 0px; border:0; border-radius: 0; }
#rightInfo #shippingMethods p {  margin-bottom: 15px; }
#rightInfo h3 { font-size:14px; font-family: 'Saira'}
#rightInfo form input { border:0px; border-bottom: 1px #000 solid; padding:5px 0px; }
#rightInfo form .apply { padding:0px; height: 30px; line-height: 30px; }
#rightInfo #shippingMethods button { border-radius: 4px; margin:10px 0px; padding: 10px 10px 10px 10px; border-color: #ddd; background:#fff; font-size:12px;}
#rightInfo button span { font-size:12px; }
#rightInfo #shippingMethods button:before { display: none}
#rightInfo #shippingMethods button { border-radius: 0 }
#rightInfo #shippingMethods button.active { border-color: black; background:#000; color: #fff; }
#rightInfo select { padding:10px; border:1px #000 solid; width:100%; border-radius: 0px; margin:0px 0px 15px 0px; font-size:14px; font-weight: bold; height: 45px; background:#fff; border:1px #ddd solid;}
#loyaltyBox { margin:20px 0px; background:#fff; }
#activeCode p { border-radius: 0px; background:#fff; color:#c0392b; border:1px #c0392b dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#activeCode p span { position: absolute; right: 0px; top: 0px;  height: 45px; line-height: 45px; width: 40px; text-align: center; background: #c0392b; color: #fff;}
#discountMessage p { border-radius: 0px; background:#fff; color:red; border:1px red dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#loyaltyPoints p { color: #0984e3; border:1px #0984e3 dashed; padding:10px; font-weight: bold}
#totalDiscount p, #vouchereDiscount p {border-top:0; border-bottom:1px red dashed; color: red; padding:10px 0; margin:0 0 10px 0px; }
p.orderTotal { padding:0; }


div.eac-item img {vertical-align:text-top; width:50px;}
div.eac-item {line-height:12px; font-size:12px; text-align:left;}
.easy-autocomplete{width:100%!important;}

.btn.inline { display: inline-block; padding:0px 20px; /*margin:0px 10px;*/}
.btn.inline:hover { cursor:pointer; opacity:0.7; }
.btn.red {background:#ED4C67; color: #fff; border-color: #ED4C67;}
.btn.red:hover { cursor: pointer;  opacity: 0.7; }
.btn.black {background:#000; color: #fff; border-color: #000;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.btn.orange { background:#C4B16F!important; }
.btn.clear { width:auto; padding:0px 0px;  display: none; border:0px; color: red; background:none; font-size: 14px; margin: 10px 0; height: auto; line-height: normal;}
.btn.clear .fa-times { color:red; }
.btn.clear.show { display: block; }
.subCats { text-align: center; }
.subCats .btn { display: inline-block; padding:0px 15px;  }

.addpop  { box-shadow: 0px 10px 70px rgba(0,0,0,0.15); background:#fff; padding:30px; z-index: 9999; position: absolute; top: 65px;width:450px; right: -10px; }
.addpop:before { position: absolute; top: -10px; right: 20px; content: ''; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;}
.addpop p.message { color: #222; font-size: 16px; line-height: 26px; margin:0 0 5px 0; padding:10px 10px 10px 40px; border:1px #10AC84 dashed; text-align: left; position: relative; }
.addpop p.message i { display: block; height: 25px; width: 25px; line-height: 25px; font-size:18px; color:#10AC84; border:0px #10AC84 solid; margin:0px auto 10px auto; border-radius: 100%; text-align: center; position: absolute; left: 5px; top: 0px; bottom: 0px; margin:auto;}
.addpop p.discountUpsell { margin:5px 0px; color:#000; padding:15px 10px; text-transform: none; font-size:16px; text-align: center; background:#f8f8f8; font-weight: normal;}
.addpop p.discountUpsell i {height: 30px; width: 30px; line-height: 30px; font-size:14px; color:#10ac84; border:2px green solid; margin: 0 10px; border-radius: 100%; text-align: center;}
.addpop p.discountUpsell span { font-weight: bold; }
.addpop h3 { text-transform: uppercase; padding:10px 0px; border:1px red dashed; color: red }
.addpop .btn { background:#000; color: #fff; border:2px #000 solid; margin:5px 0; height: 45px; line-height: 43px; padding:0px 5px; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; }
.addpop .btn.green { background:#10ac84; color: #fff; border:1px green solid; }
.addpop a{cursor:pointer;}
.popmask { position: fixed; top:0px; left: 0px; height: 100%; width:100%; background:rgba(0,0,0,0.6); z-index: 101; display: none; }
.addpop .col { width: 100%; float: none; margin:5px 0px; border:1px #ddd dashed; padding:10px;}
.addpop .col img { float: left; width: 20%;}
.addpop .col p { float: right; width: 70%; border:0px; font-size:14px;}


.loyaltyContent{padding-top:10px!important;}
.loyaltyContent .loyalty{padding:20px 0!important;}
.loyaltyContent .loyalty .content{text-align:center;}
.loyaltyContent .title{margin:0 auto; text-align:center;}
.loyaltyContent .title h1{padding:14px; margin:0; font-size:30px; text-transform:uppercase; color:#fff; background: url(../images/79/black-background.jpg) no-repeat 50% 50%; letter-spacing:0.02em;}
.loyaltyContent .loyalty h2{font-size:28px; text-align:center; text-transform:uppercase; margin:0 0 15px 0;}
.loyaltyContent .loyalty .content p{font-size:16px;}
.loyaltyContent .loyalty .loyaltyBox{padding:0 18px; text-align:center;}
.loyaltyContent .loyalty .loyaltyBox h3{padding:15px; color:#000; margin:0; font-size:20px; text-transform:uppercase; border:2px solid #000;}
.loyaltyContent .loyalty .loyaltyBox p{padding:10px; font-size:16px;}
.loyaltyContent .loyalty .terms ul{margin:20px; line-height:37px;}
.loyaltyContent .loyalty .terms ul li{font-size: 16px;}

.loyaltyStatus {border-collapse: collapse; width: 100%; margin:0 auto;}
.loyaltyStatus td, .loyaltyStatus th {border: 1px solid #ddd; padding: 8px; font-size:14px; text-align:center;}
.loyaltyStatus th {padding-top: 12px; padding-bottom: 12px; text-align: center; background: url(../images/79/black-background.jpg) no-repeat 50% 50%; color: white;font-size: 16px;}

.snapGrid h1{font-size:32px;}
.snapGrid p{font-size:16px;}
.snap {float:left; width:33.3%; position:relative; overflow: hidden; background:#000; height:355px;}
.snap img {max-width:100%; display:block;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.snap span {position:absolute; padding:10px; background:rgba(0,0,0,0.7); color:white; text-transform:uppercase; font-size:11px; font-weight:bold; top:10px; left:10px; letter-spacing:1px;}
.snap:hover img {-moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1); opacity:0.7;}

.inner.checkout { max-width: 1100px; min-height: auto }
h2.heading { border-radius: 0px; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 800; font-size: 16px; background:none; border:1px #000 solid; margin:0px 0px 5px 0; height: 60px; line-height: 60px; color:#000;}
h2.heading.processed, h2.heading.processing { background:#000; border-color: #000; color:#fff; }
h2.heading.processed::before { background:none; border:0px; color:#99b141; font-size: 40px; content: "\f00c";font: normal normal normal 18px/1 FontAwesome;line-height: 1; bottom: 0px; margin:auto; }
.addressBook.default .abcenter::before { border:0px;font-size: 40px; content: "\f00c";font: normal normal normal 18px/1 FontAwesome;line-height: 1; color:#99b141;  }
.addressBook.default .abcenter:hover::before { border:0px;content: "\f00c";font: normal normal normal 18px/1 FontAwesome;line-height: 1;  color:#99b141;  }
.sep { height:2px;}
.step { padding:30px; background:#f8f8f8; border:1px #2c3e50 solid; border-radius: 0px; }
.step label { font-size: 14px; margin-top: 0px; }
.step input, .step select { border-color: #999; font-size: 16px; border-radius: 0px; padding:10px; height: 45px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0px 2px 10px rgba(0,0,0,0.1)}
.step h3 { font-size: 18px; }
.step p { font-size: 14px; }
.orderSummary h2 { border:0px;background:#fff; margin-bottom: 0px; border-bottom: 0px;}
.orderSummary { border-radius: 0px; border:0px; margin-top: 0px; }
.summary { background:#fff; }
.step .btn { height: 45px; line-height: 45px; }
.btn.blue {background:#295da6; color: #fff; border-color: #295da6;}
.btn.blue:hover { cursor: pointer;  opacity: 0.7; }
.btn.red {background:red; color: #fff; border-color: red;}
.btn.red:hover { cursor: pointer;  opacity: 0.7; }
.btn.black {background:#fff; color: #2c3e50; border:2px #2c3e50 solid;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.addressBook.default .abcenter { font-size: 16px; overflow: hidden; }
.addressBook { height: 200px; }
.orderSummary h2 { height: 60px; line-height: 60px; background:#000; border:1px #000 solid; border-bottom: 0px; color:#fff; font-size:18px; text-transform: uppercase; }
.summary { border:1px #2c3e50 solid; margin:0 0 }
.summary p { font-size:16px; line-height: 24px; }
.orderSummary p.totals { font-size:16px; margin:0px; padding:5px 0px; }
.inner.checkout h1 { font-size:24px; margin:0px; padding:10px 0 20px 0px; }

.confimShipping { padding:20px; border:1px #ddd solid; background:#fff; margin-top: 15px; }
.confimShipping h3 { font-size:16px; }
.confimShipping button { display: block; width:100%; border-radius: 4px; border:1px #ddd solid; text-align: left; padding:0px 10px; font-size:14px;}
.confimShipping button span { float: right; color:#000; }
.confimShipping button.active { color:#000!important; text-transform: none; }

.loyaltyHP { padding:50px 0px; text-align: center; background:#000 url(/images/79/hp-loyalty-points.jpg) no-repeat 50% 50%; background-size: cover; }
.loyaltyHP h2 { font-size: 52px; color:#fff; text-transform: uppercase; margin:0; }
.loyaltyHP p { font-size: 24px; color:#fff; text-transform: uppercase; font-weight: 900; margin:20px 0; }
.loyaltyHP a { display: block; max-width: 140px; height: 45px; line-height: 45px; text-align: center; background:#fff; color:#000; font-weight: bold; font-size: 20px; margin:0px auto; text-transform: uppercase; }

.homeprods { padding:15px 0px; }
.homeprods h1.lead { margin-top: 0px; font-size: 32px; }
.slick-slide { opacity: 0.2  }
.slick-slide.slick-active { opacity: 1; }
.custImages .slick-slide {opacity: 1;}
.slick-dots li button:before, .slick-next:before, .slick-prev:before { font: normal normal normal 12px/1 FontAwesome; }
.slick-prev::before {content: "\f104";}
.slick-next::before {content: "\f105";}

.custImages .slide { position: relative;}
.custImages .slide a:after { position: absolute; content: ''; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width:100%; background:rgba(0,0,0,0.2); transition:all 0.2s;}
.custImages .slide a:hover:after { background:rgba(0,0,0,0.6); transition:all 0.2s;}
.custImages .slide img, .custImages .slide { height: 400px; }

.custProdImages .box{height:300px; background-size:cover!important; margin: 1% 0 3% 0; width:25%;}

.trendingProds .slick-slide { padding: 0 10px; }
.trendingProds { padding:50px 0px; }
.slick-prev::before, .slick-next::before { color:#000; font-size: 28px;} 
.slick-prev { left:-35px;  z-index: 99;}
.slick-next { right: -35px; z-index: 99; }
.slick-next, .slick-prev { height: 30px; width: 30px; }
.newprods .imageFrame{ position: relative; }
.newprods p.prodTitle { text-align: left; height: 45px; margin:10px 0 0;}
.newprods p.prodPrice { font-size:14px; color:#000; }
.newprods p.prodTitle a { color: #000; }
.newprods p.prodTitle span { display: block; font-size: 13px; color:#999; font-weight: 400; margin-top: 3px; text-transform: none; letter-spacing: 0.03em; }
.newprods p.prodPrice { font-size: 24px;  margin:0; text-transform: uppercase; height: 30px; line-height: 30px; text-align: left;}
.newprods p.prodPrice span { color: #000; font-weight: 900;}

.threeBoxes { padding:20px 0px; background:#fff; }

.addressBook { border-radius: 0px; }
.addressBook.default .abcenter { border-radius: 0px; }
.addressBook .manage span { border-radius: 0px; bottom: 0px; }

.express { width: 64%; }
.express.full { width: 100%; }
.orderSummary { width: 34%; }
.step.login form { padding-right:20px; }

.account-box { margin:0 0 20px 0;border:1px #000 solid; }
.account-box h2 { background:#000; color:#fff; padding:10px; border:1px #000 solid; margin: 0; text-align: center;}
.account-box .split { width:50%; float: left; text-align: center; }
.account-box .split p { font-size: 36px; font-weight: bold; }
.account-box .split p span { display: block; font-size:14px; font-weight: normal; }

.order-detail p { font-size:16px; }

p.legStatus { text-align: center; padding:10px 0px; border:1px #16a085 dashed; color: #16a085 }

.inner.confirmation h1 {background:url(../images/79/black-background.jpg) no-repeat 50% 50%; color:#fff;}
.inner.confirmation h2 {font-size:25px;}
.inner.confirmation p {font-size:15px;}

/* PROTEIN CALCULATOR */
.protein-container input, .protein-container select {padding: 20px; border:1px #ccc solid; width: 100%; font-size: 14px;}
.protein-container label { display: block; font-size: 17px; font-weight: 700; margin: 10px 10px 10px 0px;}
.prodGrid{max-width:1200px!important;}
.prodGrid h1{font-size:32px;}
.prodGrid p{font-size:14px;}
#recommended { }
#recommended h2 { }
.protein-container { border-top: 1px #ddd solid; padding:10px 0; }
#protein {color:#AB9240;margin-left: 15px; }
.protein-container #products { display:none; padding:10px; border:1px #ddd solid; border-radius:5px;}
#products h2 { text-align:center; padding:20px 0px; border-bottom:1px #ddd solid; }
#btn { display: none; background: #C4B16F; border: 0 none; color: #FFFFFF; padding: 10px 0; text-transform: uppercase; width: 140px; font-family: 'Carrois Gothic', arial, sans-serif; font-size: 18px;}
#btn:hover { cursor:pointer;}
#fbShare { display: none;}
#fbShare:hover { cursor:pointer;}
#tweet { display: none;}
#tweet:hover { cursor:pointer;}

.promo { padding:40px 0px; }
.promoImage { float: left; width: 40%; }
.promoImage img { display: block; width: 100%; margin-bottom: 10px; }
.promoDetails { float: right;width:58%; padding:25px; border:1px #000 solid;}
.promoDetails h1 { font-size:28px; margin-top:0; }
.promoDetails p { font-size:18px; line-height: 28px;}
#coupon { width: 100%; padding:15px; background:#f5f5f5;  }
#coupon input { display: block; padding:12px; border:3px #C4B16F solid; border-radius: 4px; font-size: 16px; width: 100%; height: 50px; line-height: 50px; }
#coupon button { background:#000; color:#fff; border:0px; font-size: 16px; font-weight: 700; width: 100%;border-radius: 4px; height: 50px; line-height: 50px; text-transform: uppercase; cursor: pointer; margin-top: 10px;}
.coupon_result p { border:3px #16a085 dashed; padding:10px 15px; text-align: center; font-size:24px; font-weight: 700; text-transform: uppercase; color:#16a085; border-radius: 4px;}
.coupon_message p { font-size:20px; text-align: center; padding:12px; border:3px #ddd dashed; border-radius: 4px; }

table.pointsTable { border-collapse: collapse; width: 100%; }
table.pointsTable td { padding:20px; border-bottom:1px #ccc dashed; font-size:16px; background:#f8f8f8; }
table.pointsTable td.points { font-size:20px; font-weight: bold; text-align: center; }
table.pointsTable td.points.done { color:#16a085; }
table.pointsTable td.points.pending { color:orange; }
table.pointsTable td.points.used { color:red; }
p.pointStat { text-align: center; padding:15px 0px; border:1px #16a085 solid; border-radius: 5px; font-size:22px; font-weight: bold; color:#16a085; }
p.pointStat.redeemed { color:red; border-color: red; }

.freeGifts select { height: 42px; padding:0px; border-radius: 0px; border:0px; border-bottom:1px #000 solid; width: 120px; -webkit-appearance:none; background:none;}
.freeGifts { padding:0px 0; margin: 10px 0; position: relative; border:0px;}
.freeGifts .image { width: 70px; }
.freeGifts .image img { border-radius: 100%; }
.freeGifts .biSlider { border:1px #ddd solid; border-bottom: 0 }
.freeGifts .col { border-radius: 0px; padding-top: 20px; border:0px; border-bottom:1px #ddd solid; margin:0!important;}
.freeGifts.incentives .col:hover { border-color:#ddd; }
.freeGifts button.optionBTN { box-shadow: 0px 5px 10px rgba(0,0,0,0.05); font-size:14px; margin:0; border-radius: 100px; background:#000; color:#fff; font-weight: 600;}
.freeGifts .col.disabled { background:#f8f8f8; opacity: 0.9;}
.progress { margin:0; position: absolute; top: 0px; right: 20px; bottom: 0px; margin:auto; width: 100px; background:#ddd; border-radius: 100px;height: 8px; }
#basketTable .progress{margin: 16px 0 8px 0;}
#basketTable .freeGifts p { margin: 0; font-size:14px; }
#basketTable .freeGifts p span { font-size:14px; margin: 0; }
#basketTable .freeGifts strike { display: inline-block; color: red;  margin-right: 10px;}
.progress span { position: relative; background:#333; border-radius: 100px;height: 8px;}
.progress span:after {content: "\f023";font: normal normal normal 16px/1 FontAwesome;line-height: 1;position: absolute; top:-8px; right:-2px; text-align: center; border-radius: 100%; height: 24px; width: 24px; line-height: 24px; background:#333; color: rgba(196,177,111,1); }
.freeGifts form { margin:10px auto; float: right;}

#stopMessage p{padding:10px 20px; border:1px dashed red; color:red; font-size:18px; text-align:center;}

.filters { padding:25px 0px; text-align: center; margin:25px auto 15px auto;}
.filters span { padding:10px 15px; border:1px #ddd solid; border-radius: 4px; font-size:16px; font-weight:bold; display: inline-block; margin:0px 10px; box-shadow:0px 10px 30px rgba(0,0,0,0.1); }
.filters span:hover, .filters span.active { cursor: pointer; background:#000; color:#fff; border-color:#000; }
.selected{background:#000; color:#fff;}

div.guideBox.hidden{display:none}

.feefo-icon {margin:20px 0;}
.feefo-icon img {width:40%;}

.btn { font-family: 'Work Sans' }

.stockistLookup .lookupPostcode{height: 40px; line-height: 40px; font-size: 14px; display: inline-block; vertical-align: top;}
.stockistLookup .lookupBtn{height: 40px; line-height: 40px; display: inline-block; background:#ea5d25; width: 100px; border: none; vertical-align: top; color: #fff; font-size: 16px; text-align: center; margin:0; cursor:pointer;}
.stockistLookup .error{background:none; border:none;}
#map-canvas {height: 600px; width: 100%; margin: 20px 0px;}

.bmr { padding:0px 0px 60px 0px;  }
.bmr form hr { background:rgba(110, 203, 239,0.8); }
.bmr h1 { text-align: center; padding:20px 0px; margin-bottom: 20px; border-bottom: 1px #ddd solid; }
.bmr form h2 { font-size:18px; text-align: center; color:#000; margin-top: 0 }
.bmr form { float: left; width:40%; padding:40px; background:rgba(110, 203, 239,0.2); border-radius: 5px; border:1px rgba(110, 203, 239,0.8) solid; }
.bmr form input { display: block; width: 100%; padding:10px; border:1px rgba(110, 203, 239,0.8) solid; border-radius: 5px; margin:8px 0px; font-size:15px; }
.bmr form select { display: block; width: 100%; padding:10px; border:1px rgba(110, 203, 239,0.8) solid; border-radius: 5px; margin:8px 0px; font-size:15px; }
.bmr form label { display: block; font-size:14px; margin:5px 0; font-weight: bold; text-transform: uppercase; color:#000;}
.bmr form .btn { display: block; width: 100%;  font-size:20px; height: 50px; line-height: 48px; padding:0; margin:0px auto; background:rgba(110, 203, 239,0.9); letter-spacing: 0.05em; color:#fff; border:0; font-family: 'Roboto' }
.bmr form .half { width: 48% }
.bmr form .half.right { float: right }
.bmr .results { float: right; width: 55%; }
.bmr .results .boxes { float: left; width:50%; text-align: center; }
.bmr .results .boxes h2 { font-size:24px; }
.bmr .results .boxes h2 span { display: block; height: 100px; width: 100px; line-height: 100px; background:#fff; border:2px #000 solid; color:#000;text-align: center; margin:40px auto; border-radius: 100%; font-size:30px;}
.bmr .results p { font-size:16px; line-height: 30px; padding:20px; background:rgba(110, 203, 239,0.1); margin:0; text-align: center; }
.bmr table { border-collapse: collapse; display: none; width:100%; margin:20px 0px; }
.bmr table th, .bmr table td {font-size:14px; min-width: 50%; text-align: left;border:1px rgba(110, 203, 239,0.8) solid; padding:10px;}
.bmr table td[class], .bmr table th { text-align: center; font-weight: bold; }
.bmr table td select { display: block; border:1px #ddd solid; border-radius: 5px; width: 100%; padding:4px; }
.bmr table th {background:rgba(110, 203, 239,0.3); font-size:15px; }
.bmr table td table { margin:0; }
.bmr table th input { display: inline-block; margin-top: 10px; border:1px rgba(110, 203, 239,0.8) solid; padding:10px; border-radius: 4px; }
.bmr table th button { display: inline-block; margin-top: 10px; border:1px #000 solid; background:#000; padding:10px; color:#fff; font-weight: bold; border-radius: 4px; }

#error p { padding: 8px; border:1px red solid; color:red; border-radius: 3px; background: rgba(255, 0, 0, 0.1); }

.products .specialOffers .col p { text-align: center!important; }

.loyaltyPopup .image { background-image:url(/images/79/loyaltyPopup.jpg);}


.email-signup h2{margin-top:0; font-weight:700;}
.email-signup p{}
.email-signup ul{list-style:none;}
.email-signup ul li{margin:5px 0; position: relative; padding-left: 20px;}
.email-signup ul li:before { content: "\f00c";font: normal normal normal 13px/1 FontAwesome;line-height: 1;position: absolute; left: 0px; top: 1px; color:#000;}
.email-signup #myForm{margin:15px 0;}
.email-signup #myForm #email {height: 34px; width: 75%;}
.email-signup #myForm #join {margin: 0; height: 34px; width: 80px; background: #000; color: #fff; border: 0;}
.email-pop .close {position: absolute; top: 2px; right: 10px; font-size: 22px; font-weight: 700; cursor: pointer;}
.popupMask { position: fixed; z-index: 9998; height: 100%; width: 100%; background:rgba(255,255,255,0.5); left: 0px; top: 0px;}
.email-pop-new { z-index: 9999; }

.addpop-container { width:90%; max-width: 700px; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; box-shadow: 0px 10px 130px rgba(0,0,0,0.15); height: auto; padding:30px 30px 40px 30px;background:rgba(255,255,255,1); z-index: 99999 }
.addpop-container .title, .addpop-container .also-title { color: #54575b; font-size: 18px; padding:0px 0px 20px 0px; margin-bottom: 20px; border-bottom: 1px #ddd dashed; position: relative; padding-left: 50px; background: #fff;}
.addpop-container .title .close {  position: absolute; right: -10px; top: -10px; height: 25px; width: 25px; line-height: 25px; color:#999; font-weight: 800; border-radius: 100%; background:#eee; text-align: center; font-size:12px; cursor: pointer;}
.addpop-container .also-title { padding: 10px 0 0; margin: 0; border:0px; text-align: center; }
.addpop-container .title i, .addpop-container .also-title i { display: inline-block; height: 35px; line-height: 35px; width: 35px; border-radius: 100%; border:1px green solid; text-align: center; position: absolute; left: 0px; top:-20px; bottom: 0px; margin: auto; font-size:16px;}
.addpop-container .addedProd .image { min-height: 150px; width: 28%;float:left; vertical-align: top; padding-bottom: 20px;}
.addpop-container .addedProd .image img { display: block; width:100%; }
.addpop-container .addedProd .details { float:right; width:68%; padding:0px 0 0 4%; border-left: 1px #ddd dashed; vertical-align: top; padding-bottom: 20px; }
.addpop-container .addedProd .details h2 { color: #54575b;font-size: 18px;line-height: 28px;font-weight: 300;margin-top: 0px; margin-bottom: 10px; font-family: 'Maven Pro'}
.addpop-container .addedProd .details h2 span { color: #54575b;font-size: 14px;line-height: 28px;font-weight: 300; margin-top: 0px; display: block;}
.addpop-container .addedProd .details .price { margin-bottom: 10px; }
.popbtn { margin:0px 0px 0px; }
.popbtn .btn { height: 45px; line-height: 45px; padding:0px; width:48%; float: left; background:#111; border:0px; color:#fff; text-decoration: none; font-size:14px; letter-spacing: 0.03em; font-weight: 400; text-transform: none; }
.popbtn .btn.green { background:#00d351; float: right;  }
.addpop-container .products { text-align: center; padding:10px 0 0; border-top:1px #ddd dashed; min-height: 440px; }
.addpop-container .products .col.quarter { float: none; display: inline-block; width:31%; padding-bottom: 0px; margin-bottom: 0px;}
.addpop-container .products .col.quarter p.prodTitle a { text-decoration: none }

.offerbox {}
.offerbox p.prodTitle { font-size:13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; margin-top: 20px; text-align: center; color:#a31f35; height: 50px; }
.offerbox img { display: block; width:100%; border-radius: 5px; box-shadow: 0px 10px 50px rgba(0,0,0,0.15) }
.specialOffers { max-width:1200px; margin:10px auto; }
.specialOffers h2 { text-align: center;  padding:10px 0px; margin:20px 0px; background:#f8f8f8; color:#a31f35; font-size:32px; letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase;border-radius: 5px; }
.specialOffers .dotw { background: #f8f8f8; padding:50px 0px; margin:20px 0px; border:0px; box-shadow: 0px 0px 0px;}
.specialOffers .dotw h2 { margin-top: 0px; padding-top: 0px; background:none; color:#a31f35; margin:0px; padding: 0;}
.specialOffers .dotw-text p.timer {  }
.specialOffers #counterHead { background:#a31f35!important; padding:20px 0px; margin-bottom: 10px; color:#fff; position: relative; }
.specialOffers #counterHead:before {content:''; position: absolute; top: 0px; left: 0px; bottom: 0px; margin:auto; width: 0; height: 0; border-top: 60px solid transparent;border-bottom: 60px solid transparent;border-left: 60px solid rgba(0,0,0,0.1);}
.specialOffers #counterHead:after {content:''; position: absolute; top: 0px; right: 0px; bottom: 0px; margin:auto; width: 0; height: 0; border-top: 60px solid transparent;border-bottom: 60px solid transparent;border-right: 60px solid rgba(0,0,0,0.1);}
.specialOffers #counterHead h1 { font-size:36px; letter-spacing: 0.04em; font-weight: 600; margin-bottom: 10px; }
.specialOffers #counterHead p { font-size:15px; padding:0px 10%; }
.specialOffers { padding-bottom: 30px; }

.promo.whatsapp { padding:0px; border:1px #82c91e solid; padding:25px; height: 435px; text-align: center;}
.promo.whatsapp p { font-size:26px; color:#444; margin:0px; position: relative; font-weight: bold;}
.promo.whatsapp p span { display: block; font-size:22px; font-weight: normal; margin-top: 20px; line-height: 32px;  }
.promo.whatsapp p i { font-size:64px; color:#82c91e;display: block; margin-bottom: 40px;}
.promo.whatsapp p strong { display: block; margin:20px 0px; font-size:28px; }

.home-usp { background:#f8f8f8; }
.home-usp .col { background:none; position: relative; display: flex; align-items: center; margin:auto; padding:15px 0px;}
.home-usp .col p { text-align: center; color:#000; font-weight: 500; width: 100%; font-size:14px; font-family: 'Work Sans' }
.home-usp i { display: inline-block; text-align: center; font-size:16px; margin-right: 5px; color:rgba(196,177,111,1);}
.home-usp .col a { color:#000; }
.home-usp .col p span { display: block; font-size: 16px; margin-top: 15px; font-weight: normal; padding:0px 20px; }
.home-usp .col.feefo { background:rgba(255, 215, 0, 1); }
.home-usp .col.feefo a { color:#000; }
.home-usp .col.feefo i { color:#000; font-size:22px!important; display: inline-block; }

.dark-section { padding:90px 0px; margin:20px 0; background:#eee; }
.deal-of-the-week { background:none; margin-top: 20px; border-radius: 5px; position: relative;}
.deal-of-the-week h2 { margin:0 0 10px 0!important; font-size:34px!important; color:#000; background:none!important; text-transform: none; font-weight: bold; text-align: left; padding: 0; text-transform: uppercase;}
.deal-of-the-week p { margin:0 0 10px 0; color:#000; font-size: 16px; font-weight: bold;}
.deal-of-the-week .image { float: left; width: 26%; background:#fff;}
.deal-of-the-week .image img { width: 100%; max-width: 400px; display: block; margin:0px auto; }
.deal-of-the-week .text { float: left; width: 70%;  padding:15px 0px 0px 50px; }
.deal-of-the-week .newPrice p { font-size:16px; margin:0 0 10px 0; color:#000; text-transform: uppercase;}
.deal-of-the-week .newPrice span { display: block; height: 100px; line-height: 100px; font-weight: 700; background:#000; text-align: center; font-size:36px; color:#fff; letter-spacing: -0.04em; }
.deal-of-the-week .newPrice strong { display: block; height: 30px; line-height: 30px; font-weight: 700; background:#000; text-align: center; font-size:12px; color:#fff; margin-top: 5px; }
.deal-of-the-week .promoTimer p { font-size: 16px; margin:0 0 10px 0; color:#000; text-transform: uppercase;}
.deal-of-the-week .promoTimer .col { margin-top: 0px; margin-bottom: 0px; }
.deal-of-the-week .promoTimer span { display: block; height: 100px; line-height: 100px; font-weight: 700; border:1px #000 solid; text-align: center; font-size:40px; letter-spacing: -0.03em;  color:#000;}
.deal-of-the-week .promoTimer strong { display: block; height: 30px; line-height: 30px; font-weight: 700; border:1px #000 solid; text-align: center; font-size:10px; text-transform: uppercase; color:#000; margin-top: 5px; }
.deal-of-the-week .save { display:none; position: absolute; top:20px; right: 20px; background:#d60035; color:#fff; height: 100px; width: 100px; display: none; align-items: center; text-align: center; border-radius: 100%; }
.deal-of-the-week .save span {  text-align: center; font-size: 24px; border:0px; color:#fff; display: block; line-height: normal; margin-top: 30px; }

.banner.mobile { display: none; }

.banner .slick-prev::before, .banner .slick-next::before { color:#fff; font-size:42px; }

.section.prod-description{ padding:40px 0px; border-top: 1px #ddd solid; background:none; }

.hideOnMobile {  }
.showOnMobile { display: none; }

.floating-menu { position: fixed; bottom: 25px; right: 25px; z-index: 9998;}
.floating-menu i { height: 65px; width: 65px; border-radius: 100%; background:#C4B16F; color:#000; line-height: 65px; font-size:24px; text-align: center; box-shadow: 0px 0px 40px rgba(0,0,0,0.5); transition:all 0.3s; }
.floating-menu i:hover { cursor: pointer; }
.floating-menu i.fa-times { background:#000; transition:all 0.3s; color:#fff;  }
.coloured { background:#000; height: 10px; position: sticky; top: 0px; left: 0px; border-radius: 10px 10px 0 0; }
.bg-img {background:#000 url(/images/79/loyaltyPopup.jpg) no-repeat top center; background-size: cover; height: 200px; position: relative; overflow:hidden; }
.bg-img:after { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; content: ''; background:rgba(0,0,0,0.65); }
.white-bottom { background:#fff; height: 10px; border-radius: 0 0 10px 10px;}
.pop-links .row { max-height: 500px; overflow-y: auto; }
.pop-links { position: absolute; bottom: 35px; right: 0px; width: 360px;background:#fff; box-shadow: 0px 0px 120px rgba(0,0,0,0.5); border-radius: 10px; opacity: 0; visibility: hidden; transition: all 0.5s;}
.pop-links a { display: block; padding:5px 0px; color:#000; font-family: 'Roboto';  transition: color 0.5s;}
.pop-links a:hover { color:#C4B16F; transition: color 0.5s; }
.pop-links:after { position: absolute; content: '';width: 0; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 14px solid #fff; bottom: -14px; right: 20px; }
.pop-links.active { transition:all 0.5s; bottom: 72px; opacity: 1; visibility: visible;}
.pop-links h2 {  color:#fff; margin-top: -120px; padding:0px 20px 70px 20px; font-size:14px; letter-spacing: 0.05em; text-align: center; position: relative; z-index: 1; text-shadow: 0px 0px 70px rgba(0,0,0,0.9)}
.pop-links h2 span { font-size: 24px; display: block; }
.pop-links .container { width: 80%; box-shadow: 0px 0px 30px rgba(0,0,0,0.12); padding:25px; margin:10% auto 10% auto; background:#fff; border-radius: 5px; position: relative; z-index: 9 }
.pop-links .container.first { margin-top: -40px; }
.pop-links .container h3 { letter-spacing: 0.1em; text-transform: uppercase; font-size:12px; margin:0px 0px 10px 0px; text-align: center; color:#555;  padding-bottom: 10px; position: relative;}
.pop-links .container h3:after { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 20px; background:#000; height: 1px; margin:auto; content: ''; }
.pop-links .container p { font-size:13px; line-height: 20px; text-align: center; color:#555; letter-spacing: 0.05em;}
.pop-links .container a { display: block; font-family: 'Roboto'; font-size:14px; padding:12px 0px 12px 40px; border-bottom:1px #eee solid; margin-bottom: 10px; position: relative; text-transform: capitalize;}
.pop-links .container a i { height: 30px; width: 30px; line-height: 30px; background:none; color:#333; box-shadow: 0 0 0; font-size:12px; display: inline-block; margin-right: 5px; border-radius: 10px; position: absolute; top: 0px; bottom: 0px; right: 0px; margin:auto;}
.pop-links .container a i.first { float: none; font-size:16px; right: auto; left: 0px; }
.pop-links .container a span { display: block; font-size:11px; color:#000; margin-top: 5px; text-transform: capitalize; font-weight: normal;}
.pop-links a.btn { float: left; width: 48%; color:#C4B16F; padding:0px; height: 40px; line-height: 40px;  text-transform: uppercase; }
.pop-links .btn.right { float: right; background:#10ac84; color:#fff; } 
.pop-links a.btn.copied { background:#ccc; color:#000; }
.pop-links input#code { background:none; border:0px; display: inline-block; font-size:12px; width: 90px; overflow:visible; font-weight: bold; }
.pop-links ::-webkit-scrollbar {width: 0px;}
.pop-links ::-webkit-scrollbar-track {background: none;}
.pop-links ::-webkit-scrollbar-thumb {background: none;border-radius: 100px;}
.pop-links ::-webkit-scrollbar-thumb:hover {background: none; }
.modeSwitch { position: fixed; bottom: 10px; left: 10px;  margin:auto; background:#000; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); height: 40px; width: 150px; text-align: center; border-radius: 90px; line-height: 40px; color:#fff; z-index: 9999; cursor: pointer; font-size:14px; border:1px #000 solid;}
.modeSwitch .darker { display: none; }
.wrapper.dark .modeSwitch .darker { display: block; }
.wrapper.dark .modeSwitch .light { display: none; }
.modeSwitch i { display: inline-block; margin-right: 5px; }


@media only screen and (max-width: 1200px){
	.toggle { display: block; z-index: 99999; }
	.counterTimer { display: none; }
	.content {float:none; width:100%;}
	.logo { width:60%; text-align: left; padding-left: 60px; }
	.icons { width: 220px }
	.nav { z-index:990;position: fixed; height:100%; top: 0px; left: -320px; margin-right:0px; max-width: 320px; width: 100%; z-index: 9999;overflow: auto; transition:all 0.2s; padding-top: 0px; background:#111;}
	.menu ul { text-align: left;}
	.menu ul li { display: block;}
	.menu ul li a { color:#fff; height: auto; line-height: normal; padding:22px 0px 22px 20px; border-bottom: 1px #333 solid; }
	.menu ul li .sub { position: static; box-shadow: 0px 0px 0px; background:#eee; padding:0; border:0px;}
	.menu ul li .sub .col { float: none; margin:0; }
	.menu ul li .sub a { display: block; float: none; padding:17px 0px 17px 20px; height: auto; line-height: normal; background:#eee; }
	.open .nav { transition:all 0.2s; left: 0px;}
	.wrapper.open .filter { content: ''; position: fixed; height: 100%; width:100%; background:rgba(0,0,0,0.5); z-index: 999; }
	.wrapper { transform: all 0.2s; left: 0 }
	.wrapper.open { transition: .2s all; position: relative; left: 320px; }
	.header { background:#000; }
	.buybox-upsell { position: static; width: 100%; margin-top: 15px; }
	.buybox { padding-right: 0px; }
	.prodimage { width: 49% }
	.buybox { width: 49% }
	div#sidemenu div.filterKeys {margin: 0 0; display:none; padding:10px 0px; width:100%;}
	.content.col { margin:0; }
	.sidemenu {width:100%; height: 90%; position: fixed; left: 0px;right: 0px; bottom: -90%; z-index: 999; background: #fff; box-shadow: 0px 0px 40px rgba(0,0,0,0.6); display: block; transition:all 0.2s; overflow: scroll;}
	.sidemenu.open { transition:all 0.2s; bottom:0px; }
	.sidemenu.open .filterClose { display: block; }
	div#sidemenu h2,div#sidemenu div.filterSub h3 { height: 45px; line-height: 45px; padding:0px 15px; }
	div#sidemenu div.filterSub h3.hasSub::before { top: 0px; }
	div#sidemenu label { padding:10px 10px 10px 40px; border:1px #ddd solid; margin:4px 0; }
	[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, [type="radio"]:not(:checked) + label::before, [type="radio"]:checked + label::before { top: 10px; left: 10px; }
	[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after, [type="radio"]:not(:checked) + label::after, [type="radio"]:checked + label::after {top: 10px; left: 10px; }
	div#sidemenu div.filterKeys { padding:10px; display: block;}
	.col.full-btn{margin:0;}
	.delBtns .col:first-child, .billBtns .col:first-child {margin-left:0;}
	.delBtns .col, .billBtns .col  { margin:1% 0% 1% 1.6%; }
	div#sortBar { padding: 0 }
	div#sortBar label, div#pagination { display: none; }
	div#sortBar select { width: 100%; margin:0; text-align: center; font-size: 12px; height: 40px; line-height: 40px; }
	div#sortFilter { width: 50%; }
	.filterBTN { width: 50%; height: 40px; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: center; display: block; float: left; cursor: pointer;}
	#accMenu { margin:1% 0%; }
	.accountStuff { margin:1% 0 1% 1.6%; }
	.accountStuff .orderDetail .section .col:first-child {margin-left:0;}
	.accountStuff .orderDetail .section .col { margin:1% 0 1% 1.6%; }
	.article .col p {font-size:15px;}
	.ticksLabel{height:40px; line-height:40px;}
	.optoutMessage{top:250px;}
	div#sortFilter{width:100%; }
	div#sortBar select{border-left:none;}
	.instruction-text{width:100%; display:block;}
	.instruction-image{width:100%; display:block; max-width:700px; margin:0 auto;}
	.inner.echo-instructions{padding:0;}
	.echo-instructions .col.third{max-width:700px; margin:2% auto; float:none;}
	.echo-instructions .section {padding: 20px 0;}
}

@media only screen and (max-width: 1100px) {
	.wrapper.dark .tab-content .tab-info { background:#222; }
	.banner .inner { width: 100%; max-width: 100%; }
	.toggle { display: block; }
	.feature{margin:15px 0px; background:none;}
	.prodimage .thumbs {float:none; width: 100%;}
	.prodimage .thumbs span {margin: 2%;}
	.prodimage .mainImage{max-width:700px; float:right;}
	.addpop::before { right: 15px; }
	.addpop { position: fixed; top: 61px; left: 0px; right: 0px;margin:0; width: 100%; height: auto; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);z-index: 9999; border:0px; background:rgba(255,255,255,0.98); }
	.addpop p.message i {left: 0px; top: 0px;  }
	.addpop hr { margin:4px 0!important; }
	.addpop p.message { font-size: 14px; border:0px!important; padding: 0 0 0 50px;}
	.addpop h3 { font-size: 13px; }
	.addpop p.discountUpsell i { display: none; }
	.addpop p.discountUpsell { font-size: 12px; text-align: center; }
	.mobGuarantee{position: relative!important;  width:100%!important; box-shadow:0px 0px!important; margin:0!important; max-width: 100%!important; bottom: 0px!important; padding:3% 0!important; text-align:left!important; background:none!important;}
	.guaranteeShoe{box-shadow:0px 0px !important;}
	.guarantee{display:none;}
	.prod-section.grey{padding-bottom:40px!important;}
	#hero .filter::after {content: "";display: block;height: 100%;left: 0;top: 0;position: absolute;width: 100%;z-index: 1;}
	.story{width:100%; float:none; margin:0;}
	.storyImage{width:100%; float:none; margin:0; }
	.storyImage img{margin-top: 0;}
	.story-top{text-align:left;}
	.story{width:100%; margin:0; font-size: 16px; padding:0px;}
	.story-image{width:100%; margin:0 0 2% 0;}
	.story-image img{width:30%; margin:1%;}
	.src span, .account-top span { display: none; }
	.review { display: none; }
	.tabContent { float: none!important; width: 100%; }
	div.accessories { float: none; margin:0;}
	div.accessories form { width:240px; margin:10px auto; }
	.prod-lead { text-align: center; }
	p.prodDiscount { padding:10px 0px; letter-spacing: 0.1em; font-weight: bold; }
	.prod-lead { padding:0px 20px 20px 20px; }
	.prod-lead h1 { font-size:24px;text-align: left; font-weight: 400; clear: both; margin-bottom: 0}
	p.thiscat { float: left; font-size:14px; margin:0; font-family: 'Saira Extra Condensed'; font-weight: 400; height: 35px; line-height: 35px;}
	.starHolder { margin:5px 0; }
	.prodStars .reviewText {  padding: 0 }
	span.rrp,p.thePrice,p.thePrice span strike,.youPay { font-size:20px; font-weight: 500 }
	.keyBullet { font-size: 12px; }
	p.perServing { font-size: 16px;}
	button.add { margin-top: 10px; }
	.product .social { display: none; }
	.tab { font-size: 16px; height: 40px; line-height: 40px; text-transform: uppercase; }
	.tab i { height: 40px; line-height: 40px; display: block;}
	.tabContent { padding:0 5%; }
	.tabContent img { max-width: 250px; }
	.tabDetails { display: none; }
	.search{width:40%; height:70px;}
	.search form{width:80%;}
	.search form input{height:70px; line-height:70px;}
	.search button{height:50px; line-height:50px;}
	.easy-autocomplete-container{width:100%;}
	.tab-content .tab-info p, .tab-content .tab-info {font-size: 14px;}
	.home-grid {text-align: center;}
	.home-grid .col.third, .offer-box.col { width:46%; float: none; display: inline-block; margin:10px 1%!important; }
	.wrapper.dark .buybox .details form { background:none; border:0;}
	.sub-banners .col { width: 100%; height: 350px; }
	.products .slideThis { padding:0px 20px;}
	.adminProd{font-size:14px; min-height: 56px;}
	.heroSection.otherinfo{padding:0!important;}
	.otherinfo .tab-menu{margin:0px;}
	.otherinfo .tab-menu .tab-btn{width:100%; display:block; height:50px; line-height:50px;}
	.tab-menu .tab-btn.active, .tab-menu .tab-btn:hover{background:#fff; color:#000;}
	.heroProductPage .inner{width:95%;}
	.heroProductPage .otherinfo .inner{width:100%;}
	.faqMessage{font-size:24px;}
}

@media only screen and (max-width: 900px) { 
	.despatchTimer .text { float: none; width: 100%; text-align: center; }
	.despatchTimer .timer { float: none; width: 100%; }
	.video .col .video-intro div {width: 70%;height: 190px;}
	.video h2 { font-size: 32px;}
	.crumbs { background:none; padding:15px 0px; margin: 0; z-index: 1; text-align: center; width: 100%; }
	.loyaltyContent .loyalty{padding:10px 0!important;}
	.loyaltyContent .loyalty .loyaltyBox{width:100%;}
	.col.third { width: 100%; margin:1% 0; }
	.home-usp { margin-bottom: 0 }
	.home-usp .col { margin:auto; padding:5px 0 10px 0; }
	.home-usp .col p { font-size:12px; }
	.slick-dotted.slick-slider.usp-slide { margin:0; }
	.usp-slide .slick-dots { bottom: 0px; }
	.usp-slide .slick-dots li { margin:0 1px; width: 10px; height: 10px; }
	.banners.mobile { display: block; }
	.banners.desktop { display: none; }
	.usp { display: none; }
	p.prodcode { display: none; }
	.offerBox{ margin-top:15px; }
	.offerBox:first-child{ margin-top:15px; }
	.offerBox:last-child{ margin-bottom:15px; }
	.offerBox .imageFrame{ display:none; }
	.offerBox .prod-details{ width:100%; margin:0; float:none; height: auto; padding-bottom: 60px; }
	.offerBox .prod-details .offerCode span{ width:100%; }
	.article .col p {font-size:18px;}
	.basketStuff{float:none; width:100%;padding:1% 0;}
	#rightInfo{float:none; width:100%;padding:20px;}
	.basket-upselling { float: none; width: 100%; }
	#basketTable .section.basket-item { padding-left: 0px; background:#fff; border-bottom: 1px dashed #ddd }
	#basketTable .section .col.quarter { width:20%; margin: 0 }
	#basketTable .section .col.two-third { width:70%; margin:0; float: right; }
	#basketTable .section .col.third { width:20%; margin:0; }
	#basketTable .section .col.third .btn.red { margin-top:0px; font-size:18px; }
	#basketTable .section .col.three-quarter { width:70%; margin: 0; float: right;  }
	#basketTable .basket-item.gift .basketImg img { display: block; width: 100%; }
	#basketTable select { margin-bottom:10px; }
	#basketTable .section.gift { padding:15px; }
	#basketTable .section.gift .col.two-third { width:100%; margin:0; float: left;}
	#basketTable .section.gift .col.third { width:100%; margin:0; }
	#basketTable h3 {margin: 0}
	.search{width:100%; top:71px; height:50px;}
	.search form{width:80%;}
	.search form input{height:50px; line-height:50px;}
	.search button{height:50px; line-height:50px;}
	.easy-autocomplete-container{width:100%;}
	.specialMessage { margin:10px auto; }
	.prod-left { float: none; width:100%; }
	.prod-right { float: none;width:100%; margin:10px 0px; }
	.prod-right .prodStars { display: block; width:100%; text-align: center; }
	.prod-right .prodStars .reviewText { width:120px; display: inline-block;  }
	.email-pop-new{width:90%; max-width: 600px;}
	.email-signup #myForm #email{width:100%; margin-bottom:10px;}
	.email-signup #myForm #join{width:100%;}
	.offerBox{ margin-top:15px; }
	.offerBox:first-child{ margin-top:15px; }
	.offerBox:last-child{ margin-bottom:15px; }
	.offerBox .imageFrame{ display:none; }
	.offerBox .prod-details{ width:100%; margin:0; float:none; height: auto; padding-bottom: 60px; }
	.offerBox .prod-details .offerCode span{ width:100%; }
	.col.video { width: 100%; margin:10px auto; }
}

@media only screen and (max-width: 880px) {
	.mobile-banner{display:block;}
	.banner{display:none;}
	.banner.mobile { display: block; }
	.slide { min-height: 450px!important; cursor: pointer;}
	.custImages .slide { min-height: auto!important }
	.products .col { width:46%; margin:1% 2%!important;}
	.products.full .col { width: 31.3%!important; margin:1%!important; }
	.despatch-timer { display: block; float: none; clear: both; margin:1% 1% 0 1%; }
	.newFilters { text-align: center; padding:0 1%; }
	.newFilters .filter-sub { min-width: auto; text-align: left;}
	.newFilters .filter-sub span {  font-size:11px; padding: 0px 50px 0px 10px}
	.newFilters .filter-sub.theFilters { width: 35%; }
	.newFilters .filter-sub.sorting { width: 64%; float: right; }
	.filter-sub.sorting { position: static; }
	.filter-sub.sorting .dropdown { width: 100%; text-align: left; }
	#counterHead.counter{padding:30px 0;}
	#counterHead.counter h1 { font-size: 46px; text-align: center; margin:0; }
	#counterHead.counter p { font-size: 13px; }
	.inner.product{ width:100%;}
	.prodimage{float:none; width:100%;}
	.prodimage .mainImage{float:none; max-width: 750px; margin:0 auto ; padding:20px; }
	.prodimage .thumbs {float:none; width:100%; display: none;}
	.prodimage .thumbs span {margin: 2%;}
	.buybox{float:none; width:100%; padding: 20px;}
	.prod-section .details{float: none; width:100%;}
	#counterHead p {font-size:12px; line-height: normal;}
	.inner.product {padding:0px;}
	.prod-section {padding:5%;}
	.prod-section p{font-size: 14px; line-height:26px;}
	.prod-section img.featured {display:none;}
	.static p span{font-size:16px;}
	.static p{font-size:14px;}
	.about p{max-width:100%;}
	.popup { position: fixed; z-index: 101; width: 90%;  height: 90%;overflow: auto;margin: auto;top: 0; left: 0; bottom: 0; right: 0; display: none;}
	#usp.fixed { display: none; }
	.basketPage{padding:0px;}
	.basketPage .inner{padding:0px 0px;}
	#rightInfo form input, #rightInfo form .apply { display: block; float: none; width: 100%; margin:5px 0; }
	.express{float:none; width:100%;}
	.orderSummary{float:none; width:100%; margin-top:5%;}
	.step{padding:20px; }
	.step, .half{float:none; width:100%; margin:1% 0;}
	a.securePay{padding:0px 10px;}
	.addressBook{width:48%; margin-right: 1%}
	.btn.black{background:#000; border:1px #000 solid; color:#fff;}
	.black{cursor:pointer;}
	.half.right.btn{margin:0;}
	.mobile-footer a:hover{color:#d1692d;}
	.summary p{line-height:25px;}
	.express .step .right{margin-top:0px;}
	.express .step .right .btn{margin:0px;}
	.inner.static{padding:0px 0px;}
	.promos .col { width: 100%; height: 200px; margin:10px 0px; }
	.promos .text { width: 90%;left: 0; right: 0; top: 0; bottom: 0; margin:auto; text-align: center; }
	.promos .text h2 span {  }
	.promos .btn { max-width:180px; margin:10px auto; }
	#hero h1 { font-size: 46px; }
	#hero img { max-width: 90%; width: 100%; }
	.tabContent ul{padding-left:25px;}
	#footerSignUp #joinBTN {  }
	#footerSignUp .col { width: 100%!important; text-align: center; }
	.footer .col { float: none; width: 100%; margin:10px 0px; text-align: center; }
	.footer p.copyright { text-align: center; font-size:12px; }
	.footer .social a { float: none; display: inline-block; }
	.buybox { margin:0 0 0px 0; }
	.crumbs { text-align: center; }
	button.add { width: 100%; max-width: 100%; }
	.tabContent table.aTable{width:100%;}
	.discountUpsell{font-size:14px;}
	.inner.account #accMenu { display:block; width:100%; float:none; }
	.accountStuff {margin:1% 0%; float:none; width:100%;}
	.col.full-btn{width:100%!important;}
	.prodQty{width:100%!important;}
	.basketPage #counterHead { margin-bottom: 0; }
	.products .col p.prodPrice { font-size: 20px; }
	.products .col p.discountUpsell { font-size: 12px; }
	.products .col p.prodTitle { font-size: 18px; }
	.snap {width:50%;}
	.article {padding: 0 0 10px 0;}
	.article-menu {margin-top:20px;}
	.article, .article-menu {float:none; width:100%;}
	.article h1 {font-size:28px; text-align:center;}
	#basketTable .basketImg { width: 100% }
	#basketTable p { font-size: 14px; }
	.inner.confirmation .orderDetails {float:none!important; width:100%!important; padding:0!important;}
	.orderSummary {float:none!important; width:100%!important;}
	.inner.confirmation .col.quarter {width:100%; float:none; margin:15px 0;}
	.promo { padding:40px 0px; }
	.promoImage { float: none; width: 95%; max-width: 450px; margin:10px auto; }
	.promoDetails { float: none; width: 95%; max-width: 450px; margin:0px auto;}
	.promoDetails h1 { text-align: center; }
	.promoDetails p { text-align: center;}
	#coupon input { float: none; width:100%; margin:10px 0px; text-align: center;}
	#coupon button { float: none; width:100%; margin:10px 0px;}
	.coupon_result p { padding:10px 0;}
	.coupon_message p { font-size:16px;}
	.optoutMessage{top:392px; left:0px; width:100%;}
	.contactFormContent{border-right:none; padding-right:0;}
    .mapSection .half{margin:1% 0!important;}
    .snap-stack .col { height: 200px; }
    .footer a { text-align: center; }
    .signup-box { max-width: 280px; margin:40px auto; }
    .newFilters .filter-sub.sorting{width:100%; float:none;}
    .newFilters .filter-sub span{margin:0;}
    .filter-sub.sorting .dropdown{position:relative; top:0; box-shadow:none;}
    .prod-lead h1{font-size:28px!important; margin-bottom:10px!important;}
    .prod-lead h1 span{font-size:20px;}
    span.rrp, p.thePrice, p.thePrice span strike, .youPay{font-size:30px;}
    .heroMainVideo{height: 410px; width: 95%;}
	.heroMainVideo iframe {width: 100%; height: 410px;}
	.footer .col{margin:0;}
	.footer .col img{margin-bottom:10px;}
	.details .sub{padding: 20px 0;}
	.heroSection.features{padding-bottom:0!important;}
	.heroSection.description{padding-bottom:0!important;}
	.content .landingBox{width: 31.3% !important; margin: 1% !important;}
	.content .landingBox p{font-size:14px;}
	.widgetBox .widgetText{margin:40px auto!important; width:84%!important;}
	.vidCloser{right:0; top:-42px;}
}

@media only screen and (max-width: 769px){
	.col.full-btn{width:100%!important;}
	.prodQty{width:100%!important; max-width:none;}
	.despatchTimer{width:100%;}
	.despatchTimer p span{margin:5px;}
	.orderDetail .col.third { width:100%; margin:1% 0%; }
	.addressBook .manage span { font-size: 12px;  }
	.addressBook .manage span.delete { }
	.addressBook .manage { bottom: -50px; }
	.accountStuff .btn { width:100%; }
	.delBtns .btn, .billBtns .btn  { display:block;margin-left:0; width:100%;}
	.addpop .btn { width: 100%; float: none; display: block; margin:10px 0px; font-size:14px; height: 45px; line-height: 43px; }
	button.optionBTN, button.optionBTN:disabled, button.optionBTN[disabled] ,button.disabledBTN { font-size: 14px; }
	.accountStuff .orderDetail .section .col { margin:1% 0%; }
	.inner.copy { display: none }
	.idealTime { display: none; }
	.tabContent .idealTime h2 { font-size:32px; }
	.idealBox{min-width:100%; max-width: 100%;}
	.tabContent .idealTime h2 { margin-bottom: 0px; }
	.idealBox h3{padding:15px 0; font-size:14px; margin: 0;}
	#alsoLike h2 { text-align: center; }
	.addressBook.col { margin-bottom: 60px; }
	.article h1 {font-size: 32px; }
	.article .col { width: 100%; margin:1% 0; }
	.step.login .half { margin-bottom: 30px; }
	.step.login .half [type="checkbox"]:not(:checked) + label, [type="checkbox"] + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {padding: 10px 10px 10px 35px;}
	.products .specialOffers .col { width:100%; margin:1% 0; }
	.custImages .slide img, .custImages .slide { height: 300px; }
	#rightInfo { background:none; padding:0px; }
	#footerSignUp  { padding:25px 0px; }
	#footerSignUp strong { font-size: 18px; }
	#removeBTN { top: auto; bottom: 0px; right: 0px; height: 50px; line-height: 50px; }
	#bundleInfo .bundleBox {padding:15px;}
	#bundleInfo ul li {font-size:13px; height:35px; line-height:normal;}
	#bundleInfo ul li:after { width:20px; font-size:15px; height:20px; line-height:18px; }
	.tabContent ul{padding-left:0px; margin:18px 5px;}
	.prodimage .mainImage .flash.newprodtag, .newprodtag{font-size:12px; height: 40px; width: 40px; line-height: 40px; top: 20px;}
	.prodimage .mainImage .flash.onsale, .onsale{}
	form#options {}
	form#options h2 { padding:15px; text-align: center; }
	.prodimage .crumbs { position: absolute; top: 0px; left: 0px; width:100%; font-size: 9px; z-index: 99 }
	.flash.onsale { top: auto; bottom: 15px; }
	.discountTimer { margin-bottom: 10px; }
	.basketPop { width: 100%; top: auto; padding:15px; height: auto;}
	.basketPop img { height: auto; float: left; width: 25%; position: static; }
	.basketPop .text { float: right; width: 70%; }
	.basketPop form { clear: both; }
	.basketPop h2 { font-size:20px; }
	.basketPop p { font-size: 12px; margin:5px 0; }
	.basketPop .btn { margin:10px 0px; }
	.freeGifts form { position: static; width: 100%; clear: both }
	.freeGifts .text { width: 60% }
	.progress { width: 100%; float: none; clear: both; position: static; }
	.home-grid .col.third p { height: 100px; font-size:12px; }
	#alsoLike { width:100%; margin:0px auto; }
	#alsoLike h2 {  }
	.lines:before, .lines:after { display: none; }
	.tab-menu .tab-btn { font-size:14px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.04em; border-left: 0px; border-right: 0px; padding-left: 20px; }
	.section.prod-description { padding:0; margin:0;}
	.buybox .details { margin-bottom: 0px; }
	.tab-menu .tab-btn i { right: 10px; }
	.dotw-image { float: none; width: 90%; margin:10px auto; }
	.dotw-image img { max-width: 260px;margin-bottom: 20px; }
	.dotw-text { float: none; width: 90%; margin:10px auto; }
	.addpop-container .addedProd .image { width: 18% }
	.addpop-container .addedProd .details { width: 78%; }
	.addpop-container .addedProd .details h2 { font-size: 18px; line-height: 24px; }
	.popbtn .btn { float: none!important; width: 100%; margin: 5px 0 0; }
	.addpop-container .addedProd .details h2 span { font-size: 14px; }
	.addpop-container .title .close {top: -40px; right: -40px;}
	.addpop-container .title, .addpop-container .also-title { font-size: 14px; }
	.addpop-container .products .col.quarter { width:28%; }
	.col.two-quarter { margin:1% 0; width:100%; float: none; }
	.stickyMessage{font-size:16px;}
	.home-grid .col.third { width: 100%; margin:10px auto!important; }
	.dark-section { padding:20px 0; }
	.deal-of-the-week .image { width: 90%; float: none; margin:0px auto; }
	.deal-of-the-week .text { width: 100%; float: none; padding:20px;}
	.deal-of-the-week .col.newPrice { width: 100%; float: none; margin:10px 0px; }
	.deal-of-the-week .col.promoTimer { width: 100%; float: none; margin:10px 0px; }	.despatch-timer { padding:10px 0 0 0; border:0; }
	.despatch-timer p {height: auto; line-height: normal; font-size:12px;}
	.inner.bfriday { padding:40px; }
	.inner.bfriday h2 {font-size:32px; }
	.inner.bfriday h2 span { display: block; font-size:18px; margin-top: 10px;}
	.checkout_form form.login { width: 100%; margin: 10px 0; }
	.checkout_form .field_input { float: none; width: 100%; display: block; margin: 1% 0; }
	.checkout_form form .btn.black { width: 100%; display: block; margin: 1% 0; border-radius: 5px !important; }
	.checkout_form .details{width: 100%; margin: 1% 0; float:none;}
	.checkout_container { width: 100%; float: none; }
	.order_summary { width: 100% !important; float: none; position: relative; top: 0; }
}
@media only screen and (max-width: 560px) {
	.mapDiv{height:400px;}
    .mapDiv #vmap{width:300px!important; height:300px!important;}
    .banner .slick-prev { left: 0px; background:#000; text-align: center;}
    .banner .slick-next { right: 0px; background:#000; text-align: center;}
    .banner .slick-next:before, .banner .slick-prev:before { opacity: 1; font-size:30px; }
    .col.video iframe { height: 200px; }
    .hideOnMobile { display: none; }
	.showOnMobile { display: block; }
	#basketTable .col { width: 100%!important; text-align: left!important; }
	.basket-head { display: none; }
	#basketTable .bask-item { padding-left: 120px; }
	#basketTable .col.first { position: absolute; margin:auto; left: 10px; top: 10px; width: 100px!important; }
	#basketTable span.basketPrice { text-align: left; }
	#basketTable .basketImg img { box-shadow: 0px 0px 0px!important; }
	.up-btns h1 { float: none; text-align: center; }
	.up-btns .pay { float: none; width: 100%; text-align: center; }
	.freeGifts form{position: relative; right: 0; bottom: 0; height: 50px; top: 5px; margin: auto; left: 14px;}
	.freeGifts button.optionBTN { max-width: 100%; width: 200px; }
	#removeBTN {  position: absolute; right: 0px; border:0; bottom:-10px; height: 50px; width: 50px;}
	.snap-stack .col { height: 250px; width: 48%; margin:1%!important; }
	.col .hideOnMobile { display: none!important; }
	#basketTable .addons { margin-left: -100px; margin-right: 20px; padding:10px; border:1px #ddd solid; }
}

@media only screen and (max-width: 570px) {
	.offerbox.col.fifth { width:48%; margin:1%; }
	.offerbox p.prodTitle { height: 60px; }
	.addpop-container .addedProd .details h2 { font-size: 14px; }
	.header.secure .logo {width:30%;}
	.header.secure .logo img {position:unset;}
	.specialMessage { font-size:15px; }
	#starHolder.shopStars { padding:5px 0; font-size: 10px; }
	#hero { min-height:470px; }
	#hero h1 { font-size:32px; }
	.promos .text h2 { font-size:26px; }
	.promos .col { height:180px; }
	.promos .text { height:130px; }
	#footerSignUp p { font-size:14px; }
	#footerSignUp input#footerEmail { width:90%; }
	#counterHead { padding-bottom:10px; }
	#counterHead h1 { font-size:24px; padding:0 5%;}
	.margin-top { height:50px; }
	.logo img { height:40px }
	.logo { width: 50%; height: 70px; line-height: 70px; }
	.icons { width: auto; padding-right: 0; height: 70px; }
	.icons i, .icons a { height: 70px; line-height: 70px; font-size:20px;}
	.logo:after, .logo:before { display: none; }
	.icons:before { border-top:70px solid transparent; border-right: 30px solid #ea5d25; left: -29px; }
	.icons:after { display: none; }
	.src { display: none; }
	.search { display: block; visibility: visible; opacity: 1; position: relative; top: 0 }
	.nav { }
	button.add { font-size:18px; }
	.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { float: none; width: 100%; margin-top: 5px; }
	.loyaltyHP h2 { font-size: 34px; }
	.loyaltyHP p { font-size: 16px; padding:0 20px; }
	.snap{width:100%; float:none;}
	.custImages .slide img, .custImages .slide { height: 250px; }
	.easy-autocomplete-container ul{display:none!important;}
	.products .col p.discountUpsell{height:35px;}
	.totalStarReviews{margin:3px;}
	.inner.account{margin:0 auto; background:none; padding:0; }
	.step.accountLogin label{color:#000;}
	.step.accountLogin input{color:#000; border: 2px #000 solid;}
	.step.login .half{margin-bottom:15px;}
	.step.accountLogin{width:100%;}
	.step.accountLogin a{color:#000;}
	.step.login form{padding-right:0; color:#000;}
	.step.accountLogin .btn{color:#fff; background:#000;}
	.basketOffers h2 { font-size:18px; }
	.stickyMessage{font-size:13px;}
	.bmr form { padding:20px; }
	.bmr { padding-top:0px; }
	.bmr .results .boxes h2 span { height: 80px; line-height: 80px; width: 80px; font-size:26px; }
	.ticksLabel{height:20px; line-height:20px;}
	.optoutMessage{top:430px; left:0px; width:100%;}
	.home-grid .col.third p { display: none }
	.home-grid .col.third p.title { display: block; font-size: 14px; }
	.margin-top.low{height:92px;}
	.nav { left: -280px; max-width: 280px; }
	.wrapper.open { left: 280px; }
	.toggle { height: 70px;line-height: 70px; }
	#counterHead.counter.white { padding:30px 0; }
}

@media only screen and (max-width: 800px) {
	.loyaltyPopup { height: 750px; }
	.loyaltyPopup .image { background-image:url(/images/79/loyaltyPopup2.jpg); height: 300px; background-position:50% 50%;}
	.heroSection .heroprodimage{width:100%; display:block;}
	.heroSection .herobuybox{width:100%; display:block; margin:auto;}
	.heroTabsBar{display:none;}
	div.accessories{width:100%;}
	.heroSection{padding:50px 0!important;}
	.heroSection.inthebox .widgetBox{width:33%; padding:0;}
	.herofaqs .question{margin:0; background:none;}
	.faqMessage{font-size:18px;}
	.faqMessage span{font-size:16px;}
	.menu ul li .sub a.subHead{height:unset;}
	.buybox{min-height:initial;}
	.section.prod-description{border:none;}
	.tab-menu .tab-btn{width:100%;}
	.prodimage{position:relative;}
	.heroSection .specBox{width:33%;}
	.heroSection h2{font-size:32px!important;}
	.heroSection h2 span{font-size:14px!important; line-height: 26px;}
	.widgetBox{margin:0!important;}
	.heroSection .sectionText{width:84%!important;}
	.heroSection.left{padding:0!important;}
	.heroSection.left .sectionText{float:none; width:96%; margin:1% auto;}
	.heroSection.left .sectionMain{float:none; width:100%; margin:1% 0;}
	.col.two-quarter{width:100%; margin:auto!important;}
	.herobuybox .sub p{padding-left: 0px;}
	.herobuybox .sub p i{position:relative;}
	.heroSection.description .widgetBox .widgetText{text-align:center;}
	.anewera .widgetBox .widgetText{width:78%!important;}
}

@media only screen and (max-width: 620px) {
	.loyaltyPopup { height: 580px; }
	.loyaltyPopup .image { height: 100px; background-position:70% 70%;} 
	.floating-menu { right: 10px; bottom: 10px; }
	.floating-menu i { height: 40px; line-height: 40px; width: 40px; }
	.pop-links:after { right: 8px; }
	.pop-links { max-width: 320px; box-shadow: 0px 0px 30px rgba(0,0,0,0.5); }
	.pop-links.active { bottom: 48px; }
	.pop-links h2 { padding:20px 0 50px 0; }
	.pop-links .row { max-height: 420px; }
	.pop-links a.btn { font-size:11px; }
	.buybox .details form { background:none; padding:20px 0px; }
	.snap-stack h2 { font-size:22px; }
	.singleBanner .banner-group h1 { font-size:92px; }
	.snap-stack{padding:20px 0!important;}
}

@media only screen and (max-width: 460px) {
	.singleBanner .banner-group h1 { font-size:72px; line-height: 70px; }
	.sub-banners .col { height: 300px; }
	.sub-banners .text { left: 5%; right: 5%; padding:0; }
	.sub-banners .text h2 { font-size: 32px; line-height: 32px; }
	.sub-banners .text p { max-width: 250px; font-size:15px }
	.singleBanner .inner { max-height: 400px;  }
	.home-cats { padding:10px 0px; }
	.heroSection .specBox{width:49%;}
	.heroSection.inthebox .widgetBox{width:49%;}
	.search button i{height:50px; line-height:50px;}
	.products.full .col{width:48%!important;}
	.products .col p.prodTitle{height:58px;}
	.heroMainVideo{height:200px;}
	.heroMainVideo iframe{height:200px;}
	.heroSection.description .sectionText{width:95%;}
	.icons a.basketIcon span{top:6px;}
	div.accessories{margin:0; padding: 20px 0;}
	.accessories h2{display:block; text-align:center; margin:0;}
	.heroSection {padding: 20px 0 !important;}
	.widgetBox .widgetText {margin: 20px auto !important;}
	.herofaqs p, .faqMessage span{font-size:14px; line-height:26px;}
	.answer{margin: 0;}
	.heroSection h2 {font-size: 28px;}
	.heroSection h2 span{font-size:18px;}
	.heroSection .sectionText{margin: 0 auto 20px auto;}
	.heroSection .herobuybox{padding-right:0;}
	.heroInfoBtns{position: static; width: 100%; margin-top: 10px;}
	.heroBtn{display: block; float: none; width: 100%; padding: 8px;}
	.heroBtn i{display: inline-block; font-size: 16px;}
	.heroBtn p{display: inline-block; margin: 0 0 0 10px;}
	.content .landingBox{width: 48% !important;}
	.herobuybox button.add{max-width:100%;}
	.anewera .widgetBox{text-align:center;}
	.anewera .widgetBox img{display:block; margin:0 auto;}
	.anewera .widgetBox .widgetText{display:block; width:100%; text-align:center; padding:0; margin: 0 auto 20px auto !important;}
	.tab-info h3{margin-top:0;}
	.tab-content .tab-info ul {padding-left: 0px;}
	.heroSection.left .sectionText ul li::before{left:0;}
	.heroSection.left .sectionText ul li{padding-left:18px;}
	.heroSection.left .sectionMain{margin:0 auto;}
	.promo.youtube i{padding:0!important;}
	.promo.youtube p{font-size:18px!important;}
}

@media only screen and (max-height: 580px) {
	.loyaltyPopup { height: 90%; }
	.loyaltyPopup .image { display: none; }
	.loyaltyPopup .text { padding:20px; }
	.pop-links .row { max-height: 390px; }
}

@media only screen and (max-width: 338px) {
	.stickyMessage{ padding:10px 0; line-height:20px; height:60px;}
	.header.low {top: 60px;}
	.margin-top.low {height: 112px;}
}
@media only screen and (max-width: 320px) {
	.mapDiv{height:400px;}
    .mapDiv #vmap{width:100%!important; height:320px!important;}
}