@font-face {font-family: 'Amsi Pro';font-display: swap;src: url('font/amsipro-regular-webfont.eot');src: url('font/amsipro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('font/amsipro-regular-webfont.ttf') format('truetype'),url('font/amsipro-regular-webfont.svg#amsi_proregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Amsi Pro';font-display: swap;src: url('font/amsipro-bold-webfont.eot');src: url('font/amsipro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('font/amsipro-bold-webfont.ttf') format('truetype'),url('font/amsipro-bold-webfont.svg#amsi_proregular') format('svg');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Amsi Pro Narrow';font-display: swap;src: url('font/amsipronarw-regular-webfont.eot');src: url('font/amsipronarw-regular-webfont.eot?#iefix') format('embedded-opentype'),url('font/amsipronarw-regular-webfont.ttf') format('truetype'),url('font/amsipronarw-regular-webfont.svg#amsi_proregular') format('svg');font-weight: 600;font-style: normal;}
body { font-family: 'Amsi Pro', sans-serif;-webkit-font-smoothing: antialiased; margin:0px auto; position: relative;}
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 { font-family: 'Amsi Pro Narrow'; }
.inner { max-width: 1300px; width: 90%; margin:0px auto; padding:0px; position: relative;}
.topbar{background:#f4f4f4;letter-spacing:.05em; padding:10px 0;}
.topbar .inner { width:95%; }
.topbar .tel {font-size:14px; text-transform:none; float:left; color:#000; height: 20px; line-height: 20px; margin:0px;}
.topbar .text {font-size:14px; text-transform:none; float:right; color:#000; height: 20px; line-height: 20px; margin:0px;}
.topbar .social {float:right; margin:0;}
.topbar .social i {height:50px; line-height:50px; color:#000; font-size:16px; transition:0.2s; float:left; padding:0px 0px 0px 15px;}
.country{margin:0px 0px 0px 10px;position:relative; float:right;}
.currentCountry{height: 20px; width: 20px; border-radius: 50%; border:1px solid #000; cursor:pointer;}
.countryChooser{padding:10px 20px; width:200px; display:none; z-index:999;position:absolute; right:0; border:1px solid #000; 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 #000}
.countryPick span {display:none}
.ukPick{background: url('/images/73/sw-unionjack.jpg') no-repeat 50% 0%; background-size: cover;}
.usPick{background: url('/images/73/sw-us-flag.jpg') no-repeat 50% 0%; background-size: cover;}
.irePick{background: url('/images/73/sw-ire-flag.jpg') no-repeat 50% 0%; background-size: cover;}
.auPick{background: url('/images/73/sw-au-flag.jpg') no-repeat 50% 0%; background-size: cover;}
a {outline: none;}
.static p { font-size: 14px; line-height: 26px; }
.loyaltyContent p { font-size: 14px; line-height: 26px; }
.loyaltyContent ul { margin: 20px; line-height: 37px; }
.loyaltyContent ul li{font-size:14px;}
.loyaltyContent strong{text-transform: uppercase; color: #2877c3;}
.loyaltyContent .loyalBoxes div{background-image: url(/images/78/loyalty-boxes.png); height: 232px; width: 184px; float: left; margin-right: 8px; position: relative;}
.loyaltyContent .loyalBoxes div p{color: #fff; font-weight: bold; padding: 5px; text-transform: uppercase; position: absolute; bottom: 18px; text-align: center; font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.loyalBoxes div.loyaltySend{background-position: -184px 0;}
.loyalBoxes div.loyaltyReview{background-position: -552px 0;}
.header{padding:0 0 5px 0; box-shadow: 0px 0px 0px;background:#fff; transition:all 0.2s; border:0; z-index: 99;}
.header .inner { width:90%;  }
.nav {width: 100%; background:#fff; border-top: 1px #dedede dashed; border-bottom: 1px #dedede dashed; }
.navCloser{display:none; font-size:18px; cursor:pointer;}
.toggle { height: 80px; line-height: 80px; width: 50px; text-align: left; font-size: 24px; margin:0px ; border:0; color: #333; display: block; position: relative; z-index: 9999; cursor: pointer; display: none; float: left; position: relative;}
.menu ul{list-style:none; text-align:center; margin:0;padding:0; position:relative; max-width: 1300px; margin:0px auto; }
.menu ul li{ display: inline-block; }
.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: 6px solid #000;}
.menu ul li a{display:block; height:50px; line-height:50px; font-weight:400;padding:0px 20px; font-size: 12px; letter-spacing: 0.05em; color: #000; cursor: pointer; text-transform: uppercase; transition: all 0.2s;position: relative;}
.menu ul li:hover a{ color:#72b7c4; transition: all 0.2s; cursor: pointer;}
.menu ul li.active a { color:#72b7c4;transition: all 0.2s; cursor: pointer; }
.menu ul li .sub { display: none; width: 100%; text-align: center; position: absolute; top: 50px; left: 0px; padding:12px;background:#fff; z-index: 110; box-shadow: 0px 20px 80px rgba(0,0,0,0.2); border: 1px #000 solid;}
.menu ul li ul.sub li {display:block; text-align:left;}
.menu ul li ul.sub h2 {display:block; text-align:left; color:#000; padding:0px 15px; font-size:16px; font-weight: bold;}
.menu ul li .sub li.col { width: auto;text-align: left; margin:0px; float: none; display: block;}
.menu ul li .sub li a {  color:#000; transition:all .2s;  height: 30px; line-height: 30px; padding:0 15px; font-size:12px; text-transform: none; letter-spacing: none; font-weight: normal; background: none}
.menu ul li .sub a:before { display: none }
.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 li a:after { display: none; }
.menu ul li .sub li a:hover { color:#72b7c4; transition:all .2s;}
.menu ul li#todaysdeals a { color:#474787; font-weight: bold; }
.menu ul li#todaysdeals:hover a { color:#706fd3;}
.menu ul li#sale a { color:#C47272; }
.menu ul li#sale:hover a { color:#C47272;}
.menu ul li#sale .sub { border-color:#C47272; }
.menu ul li#sale.head.active a:before {border-bottom: 6px solid #C47272;  }
.menu ul li#sale .sub a { color:#000; background:none; }
.menu ul li#sale:hover .sub a { color:#000; background:none; }
.menu ul li#sale .sub a:hover { color:#C47272; background:none; }
.basketIcon { position: relative; }
.logo{height:50px; width: 240px; top: 0px; left: 0px; bottom: 0px; right: 0px; position: absolute; margin:auto;}
.src { display: none; }
.icons { float: right;}
.icons a {float:right;height:90px; line-height:90px;color:#333;font-weight: 700; width: auto; letter-spacing:.03em; margin-left: 20px;}
.icons a span { display: inline-block; padding-left: 10px; font-size:14px; height: 90px; line-height: 90px; vertical-align:middle; }
.icons i {height:90px;line-height:90px; color:#333;font-size:24px; transition: all 0.2s; text-align: center; display: inline-block; vertical-align: middle;}
.icons a:hover * { color:#72b7c4; }
.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: 40px; margin-top: 0}
.header.secure .logo {margin-left:10px; }
.header.secure .logo img {margin:0; }
.header.secure { position: static; box-shadow: 0px 0px 0px; padding:15px 0; background:#fff;}
.header.secure .inner { max-width: 1400px; }
a.securePay { height: 40px; background:none; border:1px #C47272 solid; color: #C47272; line-height: 40px; padding:0px 15px; border-radius: 0px; text-transform: uppercase; font-weight: bold; }
.search { float: left; clear: none; margin:15px 20px 0 0; background:none; height: 50px; z-index: 99; border-radius: 0; width: auto; border-bottom: 1px #333 solid;}
.search form input:focus { outline: none; }
.search.open { display: block; }
.search form input {height:50px; line-height: 50px; width: 200px; border:0px; -moz-appearance:none; -webkit-appearance:none; box-shadow: 0px 0px 0px;font-family: 'Amsi Pro'; font-size:16px; color:#333; border-radius: 0px;padding: 0; }
.search button { height:50px; line-height: 50px; font-size: 18px; background:none; color: #333; margin-right:0px;}
.search button i { color:#333; height: 50px; line-height: 50px; }
.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:#000; border:0px; font-size:16px;}
.contactBtn{height: 40px; line-height: 20px;}
.header .logo .white { display: block; }
.header .logo .norm { display: none; }
.header .fa-times{color:#fff;}
.mobProdOptions{display:none;}
.lines {overflow: hidden; text-align: center; text-transform:uppercase;}
.lines:before,.lines:after { border-top: 1px solid #ddd; content: ""; display: inline-block; height: .1em; position: relative; vertical-align: middle; width: 30%; margin-bottom: .15em; display: none;}
.lines:before {right: 0.5em; margin-left: -50%;}
.lines:after {left: 0.5em; margin-right: -50%;}
.lines.small:before { width:15%; }
.lines.small:after { width:15%; }

.inner.small{width:900px;}

.sbHeader{background: #161417; color: white; text-align: center; padding: 10px 0; display: block; margin: 20px 0; font-size: 32px;}

.specialMessage { display: block; margin:0px auto; width:100%; padding:10px; background:#77202B; color:#fff; text-align: center; font-weight: bold; font-size:16px; }
.quickMessage{padding:20px; background:#000; color:#fff; text-align:center; font-size:16px; font-family:Arial;}

.banners { margin:15px auto 10px auto;  }
.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:#fff; font-size: 22px;} 
.banners .slick-prev { left: 15px; }
.banners .slick-next { right: 15px; }

.singleBanner { background:#6F131E; padding:45px 0; margin:0px auto 15px auto; max-width: 1300px;}
.singleBanner .banner-group { text-align: center; }
.singleBanner .banner-group h1 { color:#fff; font-size:78px; margin:0px; text-transform: uppercase; font-weight: 700;font-family: 'Amsi Pro', sans-serif;}
.singleBanner .banner-group h1 span { display: block; font-size: 42px; }
.singleBanner .banner-group p { font-size:16px; color:#fff; margin-top: 0px; text-transform: uppercase;}
.singleBanner .banner-group p strong { display: block; font-size:58px; line-height: 60px; }
.singleBanner .banner-group p span { display: block; font-size: 14px; }
.singleBanner .banner-group .ast { font-size:14px;display: inline-block; vertical-align: top; line-height: normal;}
.singleBanner .banner-group .btns { max-width:720px; margin:10px auto; margin-top: 20px; }
.singleBanner .banner-group .btn { display: inline-block; width:42%; font-size:15px; font-weight: 400; border:0px; border-radius: 0px!important; background:#fff; margin:4px 2px; text-transform: none; text-align: left; padding:0px 12px; position: relative; color:#000;}
.singleBanner .banner-group .btn i { position: absolute; top: 0px; right: 15px; bottom: 0px; margin:auto; height: 20px; line-height: 20px; }
.singleBanner .banner-group .btn.shopAll { text-align: center; text-transform: uppercase; font-weight: 700; background:rgba(0,0,0,0.6); }

.inner.counter .singleBanner { padding:20px 0px; }
.inner.counter .singleBanner .banner-group h1 { font-size:48px; }
.inner.counter .singleBanner .banner-group p strong { font-size:38px; }

.uspBox{ text-align:center; border:1px #ddd dashed; padding:10px 0px;}
.uspBox i { display: block; font-size:42px; margin-bottom: 20px; }
.uspBox p { font-size:14px; max-width: 306px; margin: 0 auto;}
.uspBox .uspImg{ max-height: 20px; display: block; float: left; margin-left: 10px;}
.uspBox p a { color:#000; }
.uspBox strong{ color: #555; }

h1.lead { font-size:32px; padding:5px 0px; margin:0px auto 0px auto; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 700; }
h2.lead { font-size:38px; padding:20px 0px; margin:20px auto 0px auto; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 700; background:#000; color:rgba(196,177,111,1);}
h2.lead span { display: block; font-size: 14px; margin:10px 0px 0; }

.started{position:relative; background:#fff; z-index:101; margin:10px auto;}
.started .text{position:absolute; top:0; bottom:0; left:2%; margin:auto; height:50px; width:30%;}
.started .text h2{color:#000; font-size:40px; text-transform:uppercase; letter-spacing:0.02em; margin-top:0; font-weight: bold}
.started .dropDown{position:absolute; top:0; bottom:0;margin:auto; max-height:40px; width:17%; cursor:pointer;}
.started .selectGender{right:31%;}
.started .selectGoal{right:12%;}
.started .dropDown .selected{border:2px solid #000;}
.started .dropDown span{color: #000; font-weight:bold; font-size:16px; margin-left:10px; line-height:35px;}
.started .fa-angle-down{float:right; font-size:24px; border-left:2px solid #000; padding:6px 15px;}
.started .dropDown .options{display: none; background:#fff; color:#000; list-style:none; border:2px solid #000; position:relative; top:5px;}
.started .dropDown .options .pick{display:block;}
.started .dropDown .options ul li{list-style:none;}
.started .goalBTN{position:absolute; top:0; bottom:0; right:5%; margin:auto; height:40px; width:5%; background:#000;}
.started .goalBTN span{color: #fff; font-weight:bold; font-size:16px; margin-left:10px; line-height:40px;}
.started .fa-angle-right{float:right; font-size:24px; padding:8px;}
.tabDetails.active{display:block;}

.article { padding:0 0 80px 0px; float: left; width:70%; margin-top: 30px; }
.article.full { float: none; width: 100%; }
.article img { display: block; margin: 10px 0px 20px 0px; width: 100%; border-radius: 0px; }
.article h1 { font-size: 48px; text-transform: uppercase; margin: 0px 0px 40px 0; }
.article h3 { font-size: 22px; text-transform: uppercase; }
.article h3 a { color:#000; text-decoration: underline; }
.article p { line-height: 32px; font-size: 16px; }
.article p.lead { font-size: 18px; text-align: center; }
.article ul { padding-left: 40px; }
.article li { line-height: 30px; font-size: 16px; }
.article p a, .article li a { color: #000; font-weight: bold; text-decoration: underline; }
.article p.meta { font-size: 12px; color:#777; text-align: center; font-weight: 600; }
.article .col { position: relative;  }
.article .col a { color: #000;  }
.article .col p { font-weight: bold; text-align: center; margin:0px;  width: 100%; padding:10px; font-size: 15px; color:#000; border-radius: 0px; text-transform: uppercase;}
.article.small .col p { font-size: 16px; }
.article .col img { margin:0; }
.article .col :hover { opacity: 0.8; }
.article .btn { width:35%; background:#fff; color:#000; font-size:14px; text-align:left;}

.article-menu { float: right; width:25%; margin-top: 30px; }
.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:#000; 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 { border:1px #000 solid; text-align: center; padding:12px 0px; margin: 0 0 15px 0; font-size:22px;  }

.threeBoxes { background:#fff; padding:10px 0px; }
.threeBoxes h2 { font-size:32px; }
.homeLinks{padding:0px;}
.homeLinks .image { position: relative; min-height: 300px; overflow: hidden; }
.homeLinks .image img { display: block; width: 100%; }
.homeLinks .image::before { position: absolute;left: 0px; right: 0px; top: 0px; margin:auto; height: 0; width:100%;background: rgba(255,255,255,0.4); content: ''; transition: all 0.3s; opacity: 0;}
.homeLinks .image:hover::before { transition: all 0.3s; height: 100%; width:100%; opacity: 1; }
.homeLinks h3{font-size: 24px; text-transform: uppercase; font-weight: 700; letter-spacing: .03em; max-width:500px; width:90%; margin:20px auto;}
.homeLinks h4{font-size: 22px; text-transform: uppercase; font-weight: bold; letter-spacing: .03em; max-width:500px; width:90%; margin:20px auto;}
.homeLinks p{font-size: 14px; letter-spacing: .03em; line-height:26px; height: 46px; padding:0px 10px; max-width:500px; width:90%; margin:10px auto;}
.homeLinks.small p { height: 50px; }
.homeLinks p span{display: block; color: #484848;}
.homeLinks a{color:#555; font-size:14px;}
.homeLinks a.btn { height: 50px; line-height: 50px; color:#000; background:none; border:1px #000 solid; max-width: 200px; width:90%; margin:20px auto 0 auto; font-size:16px;  }
.half{width:49.2%;}

.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;}
/*.inner.landing { padding:20px 0px; }*/

.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:14px; font-weight:700;height:50px; 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{ font-weight:700;}
.newprods .discountUpsell { display: none; }

.offerBox .imageFrame{width:300px; float:left;}
.offerBox .prod-details{width:72%; float:left; padding:20px; border:1px dashed #C47272; 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; height:80px;}
.prod-details .seeMore{position:absolute; bottom:20px; padding:10px 20px; font-size:18px; background:rgba(196,177,111,1); color:#fff;}

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

.usp{ text-align: center; z-index:9; position:relative; padding:10px 0 0; }
.usp .col { margin-top:0px; margin-bottom: 0px; border:1px #000 solid; }
.usp .col p{margin: 0px; padding: 15px 0; font-size: 12px; font-weight: 700; text-transform: uppercase; color:#000;letter-spacing: 0.05em;}
.usp .col p span { display: block; font-size: 10px; font-weight: normal; margin-top: 2px;}
.usp .col p a{color:#000;}
.usp .col p a:hover{color: #77202B;}
.usp .col img {display: inline-block; vertical-align: middle; height: 15px;}
.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; }

.insta-grid { text-align: center; padding:50px 0px 0 0;  }
.insta-grid h2 { font-size:42px; font-weight: 900; margin: 0;}
.insta-grid p { letter-spacing: 0.1em; font-size:16px; margin:20px 0 40px 0;}
.insta-grid p a { color:rgba(196,177,111,1); }
/*.insta-grid .inner { max-width:100%; width:100%; height: 350px;}*/
.insta-slider { max-width: 2000px; margin:0px auto; }
.instaImage { height: 350px; width: 350px; margin:0; background-size: cover; background-color:#000; position: relative; border:2px #fff solid;}
.instaImage i { color:#fff;  font-size:32px; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin:auto; height: 50px; width: 50px; line-height: 50px;}

.videoHome{margin: 0 auto; text-align:center;}
.home-grid{margin:15px auto 0px auto;}
.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; }
#footerSignUp {background:#fff; color: #000; font-size: 14px; margin:0px 0px 0px 0; border-top: 0px #ddd solid;}
#footerSignUp input#footerEmail {display: inline-block; padding: 10px; border: 1px #ddd solid; font-size: 16px; width: 50%; border-radius: 3px; margin:10px; }
#footerSignUp p {font-size: 16px; display:inline-block; padding:10px 0; margin:0;}
#footerSignUp #joinBTN, .inlineBTN {display: inline-block; height: 43px; line-height: 43px; padding: 0 15px; border-radius: 3px; font-size: 16px; margin:10px auto; background: #000; border:1px solid #fff; cursor: pointer;}
#footerSignUp strong {font-size: 20px; display: inline-block; text-transform: uppercase;}
#footerSignUp .social a{font-size:22px; padding:22px 20px 22px 0; color:#000; }
#footerSignUp .signupResult{width: 65%; margin: 0 auto; line-height: 30px;}
.footer { padding: 60px 20px; background:#f8f8f8; margin:0 auto; }
.footer a{display: block; color: #555; padding:5px 0px 5px 0px; text-decoration: none; font-size: 16px; margin:10px 0;}
.footer a:hover {color: #777; }
.footer h2{ font-size: 18px; margin: 0px 0px 15px 0px; color: #000; font-weight: 700;}
.footer p.copyright { font-size: 14px; color:#555;}
.footer p.copyright a { display: inline-block; }
.social strong{display:block; margin-bottom:5px;}
.social a{text-align:center;}
.footer .social a{height: 35px; width: 35px; line-height: 35px; float: left; padding: 0; border-radius: 0%; font-size: 16px; margin-right: 5px; color: #fff;}
.footer .social a.fa-facebook{background: #fff; border: 1px #3b5998 solid; color:#3b5998; }
.footer .social a.fa-twitter {background: #fff; border: 1px #55acee solid; color:#55acee;}
.footer .social a.fa-instagram{background: #fff; border: 1px #B033A8 solid; color:#B033A8; font-size: 18px; }
.footer .social a.fa-pinterest-p{background: #fff; border: 1px #C1172A solid; color:#C1172A; }
.mobile-footer{display:none;}
.btn {border-radius: 3px!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: 1400px;border-radius: 3px; overflow: hidden; border:1px #000 solid; }
.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; border:0px; color: #5e926d; text-align: center; margin:20px; border-radius: 0; text-transform: uppercase; }
.offer-card h3 { padding:15px; border:1px black solid; color: black; text-align: center; margin:10px 0px; border-radius: 4px; }
.offer-card h3 strong { color: #5AA3CF; font-style: italic; }
.offer-card p { padding:10px 20px; text-align: center; margin:0px; font-size: 16px; }
.offer-card p a.btn { display: inline-block; padding:0px 20px; background:#000; color: #fff; font-weight: bold; border-radius: 4px; font-size: 26px; }
.offer-card .products { padding:10px 0; }

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, form#contactForm select { display: block; padding:10px; width: 100%; margin:5px 0; border:1px solid #ddd; border-radius:3px; height:40px; font-size:14px;}
form#contactForm textarea { display: block; padding:10px; width: 100%; margin:5px 0; border:1px solid #ddd; border-radius:3px; -moz-appearance:none; -webkit-appearance:none; 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;}
.readmore { display: none; text-decoration: underline; }

.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;}
.inner.account.loggedIn { background:#fff; max-width: 1400px; width: 90%; padding:20px 0; }
.step.accountLogin { background:none; border:0px; }
.step.accountLogin { background:none; border:0px; }
.step.accountLogin label { color:#000; }
.step.accountLogin input { background:none; border:1px #000 solid; color:#000; }
.step.accountLogin a { color:#000; 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:#fff; border-top: 1px #ccc dashed; }
#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:#77202B; font-weight:bold; background:#f4f4f4; }
#accMenu .sect a.active i { border:#d1692d; }
.btn.black-outline { background:none; color: #000; border:1px #000 solid; }
.btn.green { background:#C47272; color: #fff; border:1px #C47272 solid; }

.orderDetail { background:#fff; padding:10px 20px; margin-bottom: 15px; border-radius: 4px; border:1px #ddd solid; }
.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; }

.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; }
.orderLines hr {margin:10px 0px;}

.viewPopup {  margin:0px auto 10px auto; background:#fff; border:1px #ddd solid; z-index: 100; padding:15px 20px 15px 60px; 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:20px; color:#000;}

.homepage h2{font-size:18px; text-transform:uppercase;}
.homepage p{font-size:16px;}
.content { position: relative; }
.content ol {padding:0px;}
.content ul, .content ol {margin:20px; line-height:37px;}
.content ul li, .content ol li {font-size:14px;}
.content h2 a{color:#000;}
.content h2 a:hover{color:#555;}

.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; }
.totalStarReviews { text-align: center; margin-top: 5px;}

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

.inner.counter {  }
#counterHead { text-align: center; background-color:#fff!important; padding:0 10px 10px; color: #000; }
#counterHead > * { color: #000; }
#counterHead h1 { font-size: 26px; margin:0px 0px 10px 0px; text-transform: uppercase;color: inherit; }
#counterHead p { font-size:14px; line-height: 26px; color: #888; max-width: 100%; margin:10px auto;  }
#counterHead p a { color:#555; }
#counterHead a.filter-btn { display: inline-block; height: 40px; line-height: 40px; padding:0px 20px; border:1px #000 solid; color:#000; margin:5px; font-weight: 600; font-size:14px; }
#counterHead a.filter-btn i { font-size:12px; display: inline-block; margin-left: 10px; }
#counterHead a.filter-btn.active { background:#000; color:#fff; }
.crumbs {color: #aaa; margin:10px auto 5px auto; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding:7px 0; background:none; max-width: 1400px;}

.landingBox img{width:100%;}
.landingBox p{text-align:center; color:#000; font-size:16px;}
.landingBox p.shortDesc { text-transform: none; font-size:14px; height: 50px; }
.landingCategories{padding:10px 0;}
.landingCategories h2{position: relative; margin: 0; font-weight: 800; color: #000; padding:10px 0;  border-bottom: 1px #000 dashed;}
.landingCategories ul{list-style:none; }
.landingCategories ul li{padding:10px 0; font-size:12px;  border-bottom: 1px #ddd dashed;}
.landingCategories ul li a{color:#000; display: block;}
.landingCategories ul li a:hover{color:#5aa3cf;}
.footerDesc {  font-size:14px; margin:5px 0px; line-height: 26px; padding:20px; background:#f8f8f8; }
.footerDesc p { font-size:14px; margin:5px 0px; line-height: 26px; }
.footerDesc h2 { font-size:18px; margin:10px 0px; line-height: 26px; font-weight: 800; }

.tbox { position:absolute; display:none; padding:20px; z-index:99999;margin:20px; background:#fff; border:2px solid #000; border-radius:5px;}
.tmask { position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:99999; }
.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;}
.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;}

.fa-star, .fa-star-half-alt { color:#DAA520; font-size:14px; vertical-align: middle; display: inline-block;}
.fa-star.lrg { font-size:16px;}
.fa-star.empty { color:#aaa; font-size:14px; }
.fa-star.lrg.empty { color:#aaa; font-size:16px; }

.article .crumbs { text-align: center; }
.crumbs span { color:#777; padding:0px 10px; }
.crumbs b {font-weight:400;}
.crumbs a { color:#777;}
.crumbs a:hover { color: #10ac84; }
#counterHead .crumbs a { color: #fff; }
div#sortBar { border-radius: 0px; overflow: visible; padding:0 0px 10px 0px; border:0; border-bottom:1px #ddd dashed; background:#fff; margin-top:0px; position: relative; border-radius: 0;}
.sortBy {margin:10px 0; border-radius: 5px; padding:10px; }
div#sortBar {}
div#sortBar label, div#pagination { line-height: 50px; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 12px; }
div#pagination { display: flex; width: 50%; border-left: 1px #ddd solid;}
#pagination a { flex: 0 1 45px; height: 45px; width: 45px; line-height: 45px; border:1px #ddd solid; text-align: center; border-left: 0px; color: #888}
#pagination a.active { background:#ddd; color:#000; }
#sortFilter {  }
div#sortBar select { border: 1px #ddd solid;;padding:10px; margin-left: 10px; border-radius: 0px; background:#fff; color: #000;text-transform: uppercase; font-size: 12px; text-align: center;}
div.sidemenu { width: 20%; margin-top:0; }
div#sidemenu h2 { margin:0; color:#444; border:1px #f7f8fa solid; border-bottom: 0px; font-size: 16px; 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: 16px; 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: 12px;}
div#sidemenu label.sizeLabel {display: inline-block; margin-bottom: 8px; width: 95px;}
div#sidemenu label span {color: #666; font-size: 12px; float: right;}
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: 0px; 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:15px 0px; max-height: 180px; overflow-x: visible; overflow-y: scroll}
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:#77202B}
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: 25px; 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 #ddd; 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 {background: #77202B none repeat scroll 0 0; border: 1px solid #77202B; content: ""; height: 14px; left: 0; position: absolute; top: 1px; width: 14px;}
[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; }
form#options{margin-bottom:0; margin-top: 20px;}

.content { width:75%; margin-top:0; float: right;}
/*.products .col { overflow: hidden; text-align: center;position: relative; margin: 1% 0 1% 2%; width: 32%; padding-bottom: 15px;padding-bottom: 55px;z-index: 99; border:1px transparent solid;}*/
.products .col { text-align: center;position: relative; margin: 15px 0%;width: 25%; padding: 0 0 20px 0;z-index: 51; border:1px transparent solid; }
.products .col.quarter { text-align: center;position: relative; margin: 10px 0%;width: 25%; padding-bottom: 55px; border:1px transparent solid;}
.products .col.half { text-align: center;position: relative; margin: 1% 0 1% 2%;width: 49%; padding-bottom: 55px;border:1px transparent solid;}
.products .col.active { position: relative; z-index: 120; background:#fff; }
.products .col.first { margin-left: 0px; }
.products .col.center { margin: 1% auto; float: none; display: block; max-width: 400px; width: 100%;}
.products .col:hover, .products .col.active { border-color:#000;}
.products .col .flavours { position: absolute; top: -1px; opacity: 0; width:120px; background:#000; color:#fff; left: 0px; z-index: 101; padding:8px; border-radius: 3px 0 0 3px; box-shadow: -20px 0px 20px rgba(0,0,0,0.2); }
.products .col .flavours span { display: block;padding:3px 0; }
.products .col:hover .flavours {opacity:1;left: -120px; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.products .col.active:hover .flavours {opacity:0;left:0; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.products .col .btn { width:40px; opacity: 0; -webkit-transition: all 500ms;transition:all 500ms; border-radius: 100%!important; position: absolute; bottom: -30px; right: 0px; left: 0px; margin:auto; height: 40px; line-height: 35px; font-size:16px; background:#000; z-index: 9; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); }
.products .col:hover .btn { opacity: 1; -webkit-transition: all 500ms;transition:all 500ms; bottom: -20px;}
.products .col.active .btn { opacity: 0; -webkit-transition: all 500ms;transition:all 500ms; }
.products .col .imageFrame {  border-radius: 0; overflow: hidden;position:relative; z-index: 5; }
.products .col .imageFrame img { width: 100%; display: block; }
.products .col p.discountUpsell { font-size: 11px; padding:7px 12px; position: absolute;top: 0px; left: 0px; width:100%; margin:0px;height: 40px; border:0px; color:#77202B; font-weight: 900; background:none; text-transform: uppercase;}
.products .col p.discountUpsell span { display: block; }
.products .col p.prodTitle { font-size:12px;font-weight: 400; overflow: hidden; margin: 15px 0 0px; padding:0px; text-transform: none;height: 40px; line-height: normal; }
.products .col p.prodTitle a { color: #000; }
.products .col p.prodTitle span { display: block; font-size: 13px; color:#999; font-weight: 400; margin-top: 3px; text-transform: none; letter-spacing: 0.03em; }
.products .col p.prodPrice { font-size: 13px;  margin:10px 0; text-transform: uppercase; height: 20px; line-height: normal;}
.products .col p.prodPrice span { color: #000; font-weight: 700;}
.products .col p.prodPrice strike { color: #aaa; font-weight: 400;}
.products .col p.prodPrice span.savePrice { color: red; font-weight: 400; margin-left: 2px; font-size:12px; display: block;}
.products .col .prod-details { padding:0; border-radius: 0px; }
.products .col p.hsp { height: 20px; font-size:11px; margin:2px 0; color:#000; }
.products .col p.hsp span { font-weight: bold; }
.products .col a.btn {}
.products .col .quickBuy { position: absolute; left: 0px; bottom: 0px; right: 0px; background:rgba(255,255,255,0.98); display: none; z-index: 100; padding:10px 10px 10px 10px; text-align: left; }
.products .col .quickBuy select { display: block; width:90%; margin:10px auto; border:1px #000 solid; padding:12px; }
.products .col .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;}
.products .col .quickBuy p{ margin: 0px 0px 15px 0; text-align: left; font-weight: bold; padding:0px 0px 0px 10px; }
.products .col .quickBuy .optionSlider {height: auto;width: auto;white-space: nowrap;overflow-x: auto; padding:0px 0px 30px 0px;}
.products .col .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 0 0px 10px; border-radius: 3px;}
.products .col .quickBuy .optionSlider button.optionBTN:hover {; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.products .col .quickBuy .optionSlider button.optionBTN strong { display: block; font-weight: bold;}
.products .col .quickBuy .optionSlider button.optionBTN span { display: block; text-decoration: none; font-weight: normal; float: none; color: #000; padding:2px 0px; background:none;}
.products .col .quickBuy .optionSlider button.optionBTN span i { margin-right: 2px; }
.products .col .quickBuy .optionSlider button.optionBTN span.oos { color: red; }
.products .col .quickBuy .optionSlider button.optionBTN span.inStock { color: green;}
.products .col .quickBuy .optionSlider button.optionBTN span.oto { color:#d35400; }
.products .col .quickBuy .optionSlider button.optionBTN.active span{ color:white; }

.sizesBtn { display: inline-block; padding:0px;  cursor: pointer; margin:5px 0; font-size:14px; }
.sizesBtn:hover { text-decoration: underline; }

.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;}


.flash { position: absolute; bottom: 0px; left: 0px; width:auto; z-index: 98; color: red; font-size:12px;}
.newflav{left:auto; right:0px; color:#fff; background:#C4B16F; padding:5px 15px; text-transform:uppercase; font-weight:700; letter-spacing:0.03em;}
.newprodtag{left:auto; right:0px; color:#fff; background:#015EAC; padding:5px 15px; text-transform:uppercase; font-weight:700; letter-spacing:0.03em; height: auto;}
.onsale{ font-size:10px; color:#fff; background:#77202B; padding:0; height:35px; width:35px; border-radius: 100%; line-height: 35px; text-align: center; text-transform:uppercase; font-weight:700; letter-spacing:0.03em; top: 32px; left: 12px; right: auto; }
.onsale { background:#77202B; }
.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 h2 { font-size:28px; text-transform: uppercase; letter-spacing: 0.03em; }

.inner.static { padding:40px 0; }
.inner.product { padding:0px 0px 20px 0px;}
.prod-lead { position: relative; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
.prod-lead h1,.prod-lead h2 {  margin:0 0 5px 0; font-size: 28px; font-weight: 400; text-transform: none; }
.prod-lead h1 span { display: block; font-size: 15px; font-weight: 400; text-transform: none; color: #888 }
.prod-lead.multi { text-align: center; margin:0;}
.prod-lead.multi  h1 {margin:0; font-size:34px;}
.prodStars { margin:10px 0;}
.prodStars .stars { margin:0; display: inline-block; }
.prodStars .innerStars{display:inline-block;}
.prodStars .reviewText { font-size: 12px; margin:0; line-height:16px; display:inline-block; vertical-align: top; margin-left: 15px;}
#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 #000 solid; margin:0px; background: #fff; }
.price { padding:0 0 0px 0px;  margin: 0 0 0px 0; }
.price p { font-size: 22px;line-height: normal;font-weight: 700;letter-spacing: .02em;color: #77202B;margin:0; display: inline-block;}
.price span { font-weight: 900; color:#77202B;  }
.price span strike{ font-weight: 700; color:#ccc; font-size:22px;  }
span.rrp { color:#bbb; font-size:22px; margin-right: 5px; padding-right: 5px; font-weight: 700; border-right:1px #ccc solid}
.youPay { display: inline-block; font-size:22px; color:#77202B; font-weight: 900; margin:0; padding-left: 10px; margin-left: 5px; border-left: 1px #ccc solid;  }
span.thsSavePrice{font-size:16px; color:#77202B; margin-top: 5px;display: block; font-weight:bold;}
.thsp{color:#000; font-size:14px;}
.thsp:hover{color:#77202B;}
.theCode { color:#aaa; font-weight: bold; }
p.matrixrrp{font-size:18px; color:#808080; margin-top:5px;}
p.perServing{font-size:18px; text-transform:uppercase; margin:5px 0px; border-radius:5px; background:#fff; padding:12px; border:1px #ddd solid; text-align: center;}
span.serving{color:#77202B; font-weight:700;}
.prodimage { float: left; width: 49%; vertical-align: top; border:0;  cursor: pointer; }
.prodimage .flash.newprodtag { height: auto; line-height: normal; width:auto; bottom: auto; right: 0px; top: 0px; }
.prodimage .flash.onsale { right: auto; left: 20px; top: 20px;  }
.prodimage .mainImage {  min-height: 250px; position: relative;cursor: pointer; position: relative;border:0px; margin-bottom: 20px; float: right; width:86%;}
.prodimage .mainImage img{width:100%; display:block;}
.prodimage .zoomImage { display: none; }
.prodimage .thumbs { float: left; width:10%; }
.prodimage .thumbs .slick-next{bottom:-30px; right:0; left:0; width:100%; margin-top:0; top: auto}
.prodimage .thumbs .slick-prev:before{content:'\f0de'; color: #aeaeae; font-family: FontAwesome;}
.prodimage .thumbs .slick-prev{top:10px; bottom:auto; right:0; left:0; width:100%; margin-top:0;}
.prodimage .thumbs .slick-next:before{content:'\f0dd'; color: #aeaeae; font-family: FontAwesome;}
.prodimage .thumbs span { display: block; margin:0px 0px 5px 0px; height: auto; width: 95%; max-width: 100px; background:#f8f8f8;transition:.2s all; border:0px;}
/*.prodimage .thumbs span:hover { border-color: #000; cursor: pointer; transition:.2s all;  transform: scale(1.2); }*/
.prodimage .thumbs span img { display: block; width: 100%; }
.thumbs.slick-slider { padding-top: 20px; }
.discountBox {}
p.prodDiscount { margin:0 0 15px 0; color:#fff; background:#77202B; text-align: center; font-size:16px; padding:6px 0; font-weight: bold; letter-spacing: 0.04em; text-transform: uppercase; }
.buybox { width: 48%; float: right; text-align: left; position: relative;   }
.buybox .details {padding:0 0 0px 0; margin-bottom: 20px; }
.buybox .details form { padding:20px 0; border-top: 1px #ccc dashed; border-bottom: 1px #ccc dashed}
p.oos { color: red; font-size:16px; font-weight: 700; }
.stockMessage span { display: block; color:#C47272; font-size: 15px; font-weight: bold; border:1px #C47272 dashed; padding:10px; border-radius: 3px; margin:0px 0px 5px 0px; }
.stockMessage.red span { border-color:red; color:red; }

.swatch { height:55px; border:1px #ddd solid; max-width:400px; margin:5px 0; position: relative;}
.swatch-item { cursor:pointer; }
.chosen-swatch { padding:10px;}
.chosen-swatch.active { background:#fff; opacity:0.4; box-shadow:inset 0px 0px 10px rgba(0,0,0, 0.1); }
.arrow {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid black; position:absolute; right:15px; top:0px; bottom:0px; margin:auto;}
.swatch-item span { display:inline-block; height:35px; line-height:35px; vertical-align:middle; margin-right:10px; }
.swatch-item span.image {  width:60px;}
.swatch-item span.image img { display: block; width: 100%; }
.swatch-dropdown { position:absolute; width:100%; top:60px; border:1px #ddd solid;  max-height:180px; overflow:auto; padding:10px 10px 0px 10px; left:0px; box-shadow:0px 0px 30px rgba(0,0,0,0.1); visibility:hidden; opacity: 0; transition:all 0.4s; z-index:10; background:#fff; }
.swatch-dropdown.active { visibility:visible; transition: all 0,4s; top:55px; opacity:1; }
.swatch-dropdown .swatch-item { margin-bottom:10px; display: block; color:#333;}
.swatch-dropdown .swatch-item:hover { background:#f8f8f8; }

.altProd { display: block; border:1px #015EAC dashed; color:#015EAC; text-align: center; padding:10px 0px; font-size:14px; }

.buybox .shippingband { position: relative; padding: 0 0 0 30px; font-size: 14px; border:0px;}
.buybox .shippingband span { font-weight: bold; }
.buybox .shippingband i { position: absolute; left: 0px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 40px; line-height: 40px; text-align: left; font-size:18px;}

.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:0;}
.switchContent.active { display: block; }

.features { padding:0px 16px; border:1px #ddd dashed; border-radius: 3px; margin-bottom: 15px;}
.featuresSection{display:block; margin:15px 0px;}
.bulletPoints {position:relative; display: inline-block; vertical-align: middle;}
.bulletPoints i {font-size:19px; color:#77202B;}
.keyBullet{display:inline-block; margin:0px 6px; font-size:14px; vertical-align: middle;}
.discountUpsell { padding:10px 0; text-align: center; border:0px; color:#77202B; border:1px #77202B dashed; background:#fff; font-size:18px; text-transform: uppercase; font-weight: bold; margin:0px;}
.discountUpsell.red, h3.discountUpsell { border-color: #77202B; color: #fff; background:#77202B; 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: auto; 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:15px; font-family: 'Amsi Pro'; }
#options label { font-size:16px; font-weight: 500; display: block; margin: 10px 0; font-family: 'Amsi Pro Narrow'; width:100%; letter-spacing: 0.05em; color:#444;}
.options label { font-size:18px; font-weight: 700; display: block; margin: 10px 0; font-family: 'Amsi Pro Narrow'; width:100%;}
.chooser { display: block; padding:15px; background:#f9f9f9; border:1px #ddd solid; border-radius: 4px;margin:15px 0; font-size:16px; transition:all 0.2s; position: relative; box-shadow: 0px 5px 10px rgba(0,0,0,0.05)}
.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: 0px; height: 100%; width:100%;background:#fff; padding:100px 30px 00px 30px; z-index: 9999;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: auto;}
.newOptions .closer { height: 45px; background:#000; color:#fff; font-size:15px; font-weight: 700; line-height: 45px; padding:0px 15px; position: fixed; top: 50px; 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:#fff!important;color:#10ac84!important; border-color:#10ac84!important; box-shadow: 0px 2px 5px rgba(0,0,0,0.2)  }
button.optionBTN, button.disabledBTN { min-width: 50px; width: auto; height: 42px; line-height: 42px; margin: 0 8px 8px 0; text-align: center; float: left; padding: 0 10px; border-radius: 0px; font-size: 12px; font-weight: 500; transition: .2s all; border-color: #bbb; color: #444;}
button.optionBTN strong, button.disabledBTN strong { float: none; width: auto; font-weight: 100; }
button.optionBTN span { display: none; }
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:16px; }
.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; }
.newOptions button.active { background:#fff!important;color:#10ac84!important; border-color:#aaa!important; }
.newOptions p { font-size:18px;  }
.col.full-btn{ margin:6px 0px; float:right; width:65%!important; }
button.add { color:white; margin:10px auto;border-radius: 0; font-size: 18px; letter-spacing: 0.08em; height:45px; line-height: 45px; background:#10ac84;font-family: 'Amsi Pro'; font-weight: 700; float: right; width:60%;}
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;  }
.chosenStock p { font-size:15px; font-weight: 600; margin: 15px auto; width: 100%; }
.chosenStock p.oos { color:red; }
.chosenStock p.inStock { color:#10ac84; }
.chosenStock p.oto { color:#d35400; }
.fa-minus{line-height:50px;}
.fa-plus{line-height:normal;}
.prodQty { width:35%; float:left; background:#fff; border: 1px #ddd solid; height: 45px; margin:10px auto; border-radius: 0px;display: block;}
.prodQty .item { background:#fff; border:0px;color: #000; width:23%; height:45px; line-height: 43px; font-size:12px;}
.prodQty .item i { line-height: 43px; }
.prodQty .item:hover { color: #10ac84;}
.prodQty input {border-radius:0px; border: 1px #ddd solid; border-top: 0px; border-bottom: 0px; font-size: 14px; background: #fff; height: 45px; 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;}
.tabContent .idealTime h2 {color:#000; 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; border-radius: 100%; background:#C47272; color: #fff; content: '\002714'; display: block; position: absolute; bottom: -10px; left: 0px; right:0px; margin:auto; font-size:14px; 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:#C47272; }
.idealBox h3{padding:15px 0; font-size:14px; margin: 0;}
.ideal{color:#C47272;}
.emailBackInStock { padding:20px; background:#f8f8f8; text-align: center;  margin:10px 0; border:1px solid #000; display: none;}
.emailBackInStock h3 { font-size:17px; color: #000; 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: 'Amsi Pro'; font-size:12px; border-color:#999;}
.emailBackInStock input { width:34%; font-family: 'Amsi Pro'; font-size:12px; border-color:#999;}
.emailBackInStock button { width:26%; background:#000; 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;  }
.section.prodDescription { }
.section.prodDescription .inner { max-width:1400px; }
.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 #000 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:10px auto;}
.accessories h3 { margin: 10px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; text-align: center; border:1px #ddd solid;  padding:10px 0px;}
.accessories form { padding:10px 0px;position: relative; margin-bottom: 10px;}
.accessories img {  width: 100%; }
.accessories p { margin:5px 0px; line-height: normal; text-transform: uppercase; letter-spacing: 0.03em; font-size: 14px;}
.accessories p a { color: #000 }
.accessories p span { display: block; font-size: 16px; color: #77202B; font-weight: 700; }
.accOption .btn { margin:0px; width: 100%; border:0px; background:#fff!important; border:1px #000 solid; color:#000; margin-top: 10px; }
.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;}

.getTheLook {}
.getTheLook h2 { margin:0px; padding-top: 20px; font-size:22px; font-weight: bolder; text-align: center; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.04em; }
.getTheLook .group-item { position: relative; padding:15px;; border:1px #ddd solid; margin-bottom: 10px;  }
.getTheLook .image { float: left; width: 100px; }
.getTheLook .image img { display: block; width: 100%; }
.getTheLook .group-details { float: right; width:calc(100% - 140px); }
.buybox .getTheLook form select { height: 45px; font-size:15px; display: block; border-radius: 0px; width: 48%; float: left; }
.getTheLook p { font-size:15px; font-weight: bold; margin-top: 0px; }
.getTheLook p span { display: block; color:#77202B; }
.getTheLook .btn { background:#10ac84;font-family: 'Amsi Pro'; float: right; width: 48%; margin-top: 0px; height: 45px; line-height: 45px; }
.getTheLook .btn.disabled { background:#ddd; color:#aaa; }
.getTheLook .btn.shoeCareBtn{float:none; width:100%;}

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

.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 ul{list-style: none;}
#bundleInfo ul li { padding:0 0 0 30px; height: 25px; line-height: 25px; position: relative; margin:7px 0;}
#bundleInfo ul li:after { position: absolute; content: '\002714'; left: 0px; top: 0px; width: 25px; font-size:20px; height: 25px; line-height: 22px; text-align: center; border:1px #C47272 solid; border-radius: 100%; color:#C47272; }
#bundleInfo .bundleBox {padding:20px; background:#f9f9f9; border:1px #C47272 dashed; margin:15px 0px;}
.bundleBox h3 { font-size:18px; margin:0px 0px 10px 0; }
#bundleInfo p { font-size:18px; color:#77202B; font-weight: 700; margin:10px 0 0; }
#bundleInfo p strong { color:red; }
#bundleInfo ul li { font-size:16px; }

.buybox-upsell{}
.despatchTimer{ width: 100%; text-align: center; padding:15px; border:1px #ddd dashed; 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:20px;  margin: 0px; color:#222; }
.despatchTimer p { font-size: 14px; margin:0; color:#222;}
.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:28%; line-height: 55px; border:1px #ddd solid; display: inline-block; margin:5px 2px; font-size:25px; color:#777;}
.counterTimer h3{padding:5px!important;}
.counterTimer { padding:20px; }
.counterTimer .timer{float:none; width:100%;}
.counterTimer .text{float:none; width:100%; text-align:center; padding:0;}
.counterTimer { margin-top: 0px; }

p.loyaltyWorth { padding:12px; background:#fff; font-weight: bold; font-size: 16px; margin-bottom: 15px; border:1px dashed #ddd;  color:#333; text-align: center;}
p.loyaltyWorth span { color: #77202B;}

.review{text-align:center; background:#fff; padding:20px 10px; margin:20px 0; color: #77202B; border:1px #77202B solid;}
.review h2{font-size:21px; margin:5px;}
.review p{font-size:15px; }
.review .gold-bg{background:#77202B !important;}

.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}
.theReview .reviewDate {  margin-bottom: 20px; }
.theReview { padding:20px; border:1px #ddd dashed; border-radius:4px; margin:15px 0px; vertical-align: middle; }
.reviewScore #feefoReviewsText { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; color: black; margin-left: 10px; }

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

.prod-section { padding:50px 0px; overflow: hidden;}
.prod-section.grey { background:#F7F8FA; }
.prod-section img.featured { position: absolute;top: -18px; right: 0px; z-index: 9;}
.prod-section p { font-size: 16px; line-height: 30px; }
.prod-section h2 {font-size: 22px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;}
.prod-section h3 {font-size: 18px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;}
.prod-section .details { z-index: 10; position: relative; float: left; width: 60%; }
.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 }

.video-intro { width: 600px; height: 300px; position:relative; background:#eee; margin-top:20px;}
.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; }
.video 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-intro button { border:none; padding:14px 20px; color: #555; font-weight: 900; font-size: 30px; text-transform: uppercase; letter-spacing: 0.03em; cursor: pointer; height:70px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.video-intro button i { position: static; width: auto; font-size: 28px; margin-left: 10px;}

.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; }
.video 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;}

.inner.copy { font-size:15px; line-height: 26px; max-width: 100%; width: 100%; padding:50px 0px; background:#f8f8f8; margin-top: 20px;}
.inner.copy a { color:#555; 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.5); left: 0px; top: 0px; display: none; }


.popupMask { position: fixed; z-index: 100; height: 100%; width: 100%; background:rgba(255,255,255,0.5); left: 0px; top: 0px;}

.secure-btns .btn.paypal{ background: #ffc439; color: #006DB8; }
.secure-btns .btn{ height: 50px; line-height: 50px; padding: 0px 25px; color: #20A3AB;  font-size: 18px; font-weight: 700; letter-spacing: 0.05em; 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;}
.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: 50px; line-height: 45px; width: 60px; text-align: center; }
.secure-btns .btn.card{color: #fff; background:#10ac84; }

.basketOffers h2 { padding:10px 0px; margin:10px 0px; border-bottom: 1px red dashed;font-size:24px; color: red; }

#basketTable p strong { font-size: 16px; text-transform: none; margin-bottom: 20px;  }
.bskQty .item, #removeBTN, #rightInfo form input, #rightInfo form .apply { border-radius: 0px; }
.bskQty .item i { line-height: 35px!important }
.bskQty { display: block; }
#removeBTN { width:30px; background:#fff; clear: none; position: absolute; top: 15px; right: 15px; border:0px; color:#999; border-radius: 100%; height: 30px; line-height: 30px; font-size:16px;}
#removeBTN .fa-times { color:#999; }
.basketPage { padding: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: 15px; }
#basketTable p span { margin:7px 0; }
#basketTable span.red strong { font-size: 14px; margin:0;}
#basketTable span.red { color:rgba(142, 52, 43, 0.8); }
#basketTable span.basketPrice { text-align: left; font-size: 14px; margin:10px 0; }
#basketTable span.basketPrice strong { font-size:16px; font-weight: bold; color:#77202B; }
#basketTable .section.basket-item {margin-bottom: 20px; position: relative; border-bottom: 1px #ccc dashed; background:#fff; border-radius:0; 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; }
#basketTable .stars { margin:5px 0px; }
#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: #C47272; color: #C47272; }
#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 #C47272 solid; color:#C47272; }
.bskQty .item { border:1px #eee solid; background:#fff; }
#basketTable select { display: block;padding: 10px; height: 40px; font-size:14px; border:1px #000 solid; width: 100% }
#basketTable h3 { font-size:14px; background:#fff; color:#000; border:1px #000 solid; height:40px; line-height: 40px; }
.tabs { text-align: center; border-bottom: 1px #ddd solid; }
.tabs a {float:left; font-size: 15px; font-weight: 400; color:#777; padding:15px 20px; text-transform: uppercase; letter-spacing: 0.03em; border-top: 1px transparent solid; cursor: pointer;}
.tabs a.active { color: #000; font-weight: 900; background:none; border-color: #000}
.tabContent { background:none; padding:0; display: block; margin:20px auto; font-size: 16px; line-height: 26px; float: left; width: 78%;}
.tabContent.full { float: none; width: 100%; }
.tabContent h2 {font-size:18px;}
.tabContent ul {margin:18px;}
.tabContent table.aTable{width:50%; background:#eee; border-collapse: collapse;}
.tabContent table.aTable th{background:#000; color:#fff;}
.tabContent table.aTable th p{margin:10px 0;}
.tabContent table.aTable td p{margin:10px 0; padding:0 10px;}
.tab { display: block; font-size:18px; font-weight: bold; height: 60px; line-height: 60px; border-bottom:1px #ddd solid; padding:0px; margin:0px 0px 10px 0; position: relative; cursor: pointer; }
.tab i { position: absolute; top: -1px; right: 0px; height: 60px; line-height: 60px; width: 50px; text-align: center; font-size: 16px; }
.tabDetails { display: none; padding:20px 0px 20px 0px; margin: 0px 0px 10px 0px;}
.tabDetails .closer { height: 45px; background:#000; color:#fff; font-size:15px; font-weight: 700; line-height: 45px; padding:0px 15px; position: absolute; top: 0px; left: 0px; width:100%; cursor: pointer; display: none }
.tabDetails .closer i { font-size:18px; margin-right: 20px; }
.tabDetails.active { display: block; }
.tabDetails h2 { margin-top: 0px; font-size: 18px;}
.basketStuff { width:64%; }
#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; border-radius: 3px; }
#rightInfo form input { font-size:12px; padding:0px 5px; height: 35px; line-height: 35px; border-radius: 3px; }
div.prodBox.hidden{display:none}

#rightInfo p { font-size: 14px; }
#rightInfo #shippingMethods { padding:15px;background:rgba(0, 0, 0, 0.02); margin:20px 0px; border:0; border-radius: 0; }
#rightInfo #shippingMethods p {  margin-bottom: 15px; }
#rightInfo h3 { font-size:14px; }
#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 strong { display: inline-block; }
#rightInfo #shippingMethods button:before { display: none}
#rightInfo #shippingMethods button.active { border-color: green; background:rgba(0, 255, 0, 0.1); color: green; }
#rightInfo select { padding:10px; border:1px #ddd solid; width:100%; border-radius: 3px; margin:0px 0px 15px 0px; font-size:14px; font-weight: bold; }
#loyaltyBox { padding: 0px 15px 15px; border:1px #000 solid; margin:20px 0px; background:#fff; }
#activeCode p { border-radius: 0px; background:#fff; color:#C47272; border:1px #C47272 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: #C47272; 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, #voucherDiscount p {border-bottom:1px red dashed; color: red; padding:5px 0; margin:10px 0px;}
a.mmLink { display: block; margin-bottom: 10px; padding:5px 0px; color:#777; }
div.eac-item img {vertical-align:text-top; width:50px;}
div.eac-item {line-height:12px; font-size:12px; text-align:left;}
.search .easy-autocomplete{width:100%!important; max-width: 600px;}


.birdLibrary{background: url('/images/94/bird-library/redpoll.jpg') no-repeat 50% 30%; background-size: auto auto; background-size: cover; padding: 20px 25px; border-radius:5px; min-height:150px; width:49.2%;}
.birdLibrary h2{color: #fff; margin: 0px; font-size: 28px; text-shadow: 1px 1px 5px rgba(0,0,0,0.6); line-height:110px;}
.hintsTips{background: url('/images/94/bird-library/wren.jpg') no-repeat 50% 40%; background-size: auto auto; background-size: cover; padding: 20px 25px; border-radius:5px; min-height:150px; width:49.2%;}
.hintsTips h2{color: #fff; margin: 0px; font-size: 28px; text-shadow: 1px 1px 5px rgba(0,0,0,0.6); text-align:right; line-height:110px;}
.homeLoyalty{background: url('/images/94/home-loyalty.jpg') no-repeat 50% 50%; background-size: auto auto; background-size: cover; padding: 20px 25px; border-radius:5px; min-height:150px;}
.homeLoyalty h2{color: #fff; margin: 0px; font-size: 38px; text-shadow: 1px 1px 5px rgba(0,0,0,1); line-height:110px;}

.btn.inline { display: inline-block; padding:0px 20px;}
.btn.inline: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:#000; color: #fff; border-color: #000;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.btn.orange { background:#77202B!important; }
.btn.clear { width:100%; padding:0px 0px;  display: none; border:0px; color: #aaa; background:none; text-transform: none; font-size: 12px; margin: 0px 0px 15px 0px; text-align: right; height: auto; line-height: normal;}
.btn.clear .fa-times { color:red; }
.btn.clear.show { display: block; }

#insClicker label { font-size:12px; }
p#collectPlus {  font-size:12px;  }

.addpop  { box-shadow: 0px 10px 70px rgba(0,0,0,0.15); background:#fff; padding:30px; z-index: 9999; position: absolute; top: 85px;width:450px; right: 0px; }
.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: green; font-size: 15px; margin:0; padding:15px 15px 15px 60px; border:1px green dashed; text-align: left; position: relative; }
.addpop p.message i { display: block; height: 35px; width: 35px; line-height: 35px; font-size:14px; color:#10ac84; border:2px green solid; margin:0px auto 10px auto; border-radius: 100%; text-align: center; position: absolute; left: 15px; top: 15px;}
.addpop p.discountUpsell { margin:5px 0px; color:#10ac84; padding:5px; text-transform: none; font-size:16px; text-align: left;}
.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 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: 14px; font-weight: 700 }
.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;}

.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 280px; 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:350px; width:620px; z-index: 9999; display:none;transition:0.2s all; }
.basketPop h2 { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 24px; color: #000; color:red;}
.basketPop p { margin:10px 0px;color: #000; font-size: 15px;}
.basketPop p strike { color:#999; margin-top: 10px; }
.basketPop p strong.price { color:red; font-size:18px; }
.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:350px;}
.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; }

.loyaltyContent{padding-top:10px!important;}
.loyaltyContent .loyalty{padding:20px 0!important;}
.loyaltyContent .loyalty .content{text-align:center; width:100%;}
.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;}

table.deliveryGuide{border: 1px solid #CCC; border-collapse: collapse; border-spacing: 0; width: 100%; border-collapse: collapse; border-spacing: 0;}
.deliveryGuide .Tleft{text-align:left;}
.deliveryGuide th{background-color: #333; color: #fd0; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #333;}
.deliveryGuide td{padding: 6px 4px; margin: 3px; border: 1px solid #777; text-align: center;}

.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: 1400px; min-height: auto }
h2.heading { border-radius: 0px; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 800; font-size: 20px; background:none; border:1px #000 solid; margin:0px 0px 5px 0; height: 60px; line-height: 60px;}
h2.heading.processed { background:none; border-color: #99b141; color:#99b141; }
h2.heading.processed::before { background:none; border:0px; color:#99b141; font-size: 40px; content: '\002714' }
.addressBook.default .abcenter::before { border:0px;font-size: 40px; content: '\002714'; color:#99b141;  }
.addressBook.default .abcenter:hover::before { border:0px;content: '\002714'; color:#99b141;  }
.sep { height:2px;}
.step { padding:30px; background:#f8f8f8; border:1px #000 solid; border-radius: 0px; }
.step label { font-size: 18px; margin-top: 0px; }
.step input, .step select { border-color: #999; font-size: 16px; border-radius: 0px; padding:15px; height: 55px; margin-bottom: 10px;}
.step h3 { font-size: 18px; }
.step p { font-size: 14px; }
.orderSummary h2 { border:0px;background:#f1f1f1;}
.orderSummary { border-radius: 0px; border:0px; }
.summary { background:#f8f8f8 }
.step .btn { height: 55px; line-height: 55px; }
.step .confirmShipping button { padding:0px 20px; }
.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: #000; border:2px #000 solid;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.btn.#C47272 {background:#99b141; border-color: #99b141}
.btn.#C47272: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:none; border:1px #000 solid; color:#000; font-size:22px; text-transform: uppercase; }
.summary { border:1px #000 solid; margin:5px 0 }
.summary p { font-size:16px; line-height: 24px; }
.orderSummary p.totals { font-size:18px; }
.inner.checkout h1 { font-size:32px; }

.votedFor{margin-top:0; color:#77202B; font-weight:700; font-size:16px;}
.suppieWinner{margin:20px 0;}
.suppieWinner h2{border-bottom:1px solid #666;}
.Simage{float:left; width:25%; text-align:center;}
.Sinfo{float: left; width: 75%; padding-left: 10px;}
.Sinfo a{font-size:18px; color:#77202B;}
a.copyLinks{font-size:14px;}
a.suppieRunnerUp{display:block; font-size:14px; line-height:26px;}

.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; }

.slick-slide { opacity: 0.8;  }
.brandSlide{margin: 30px auto 0 auto;}

.slick-slide.slick-active { opacity: 1; }
.custImages .slick-slide {opacity: 1;}
/*.slick-list { overflow: visible; }*/
.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; }
.brandSlide .slide img { max-height: 100px; max-width: 100px; display: block; margin:0px auto; }

.trendingProds .slick-slide { padding: 0 10px; }
.trendingProds { padding:50px 0px; }
.slick-prev::before, .slick-next::before { color:#000; font-size: 28px;} 
.slick-prev { left:auto; right: 40px;  z-index: 99;}
.slick-next { right: 5px; z-index: 99; }
.slick-next, .slick-prev { height: 30px; width: 30px }
.homeprods { padding:15px 0px; }
.homeprods h1.lead { margin: 0px; font-size: 26px; position: relative; }
.homeprods h1.lead:after { content: ''; height: 2px; width:100px; background:#77202B; position: absolute; bottom:-10px; left: 0px; right: 0px; margin:auto; }

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

.express { width: 64%; }
.express.full { width: 100%; }
.orderSummary { width: 34%; }

.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; }

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

.inner.confirmation h1 {color:#fff; background:#000;}
.inner.confirmation h2 {font-size:22px;}
.inner.confirmation p {font-size:15px;}

.col.quarter.landing-static-box { position: relative; display: inline-block; float: none; width: 22%; margin:1%; }
.landing-static-box img { display: block; width: 100%; }
.landing-static-box p { text-align: left; font-size:18px!important; color:#000!important; margin-bottom: 0px!important; letter-spacing: 0.03em;}
.landing-static-box span.shopnow { display: block; color:#666; text-align:left; font-size: 14px; letter-spacing: 0.03em }
#counterHead.landing { padding:20px 0px; background: #f8f8f8; }

/* PROTEIN CALCULATOR */
.proteinCalcPage #counterHead { padding:15px 0; margin-bottom:20px; }
.proteinCalcPage #counterHead h1 { text-align:center!important; }
.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:1400px!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:#77202B;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;}

/* BRANDS PAGE */
.brands {margin-bottom:20px;}
.brandBox {border:1px solid #ddd; min-height:200px;}


.headStars { position: absolute; top: 10px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 20px; width: 180px; }
.headStars .stars { display: inline-block; vertical-align: top; margin:0 10px 0;}
.headStars .stars img { display: inline-block; vertical-align: top; }

table.sizeGuideNew { border-collapse: collapse; width:100%; margin:40px 0;}
table.sizeGuideNew .conv{ display:block!important;}
table.sizeGuideNew tr th{background:none; font-weight: bold; min-width:150px;}
table.sizeGuideNew tr {pointer-events: none;}
table.sizeGuideNew tr td {pointer-events: auto; text-align: center; border:1px #f7f7f7 solid; min-width:70px;}
table.sizeGuideNew tr:hover td {background: #eee; color:#000}
table.sizeGuideNew th, table.sizeGuideNew td { font-size: 12px; padding: 10px;}

.sizeTabsSubsNew{display:none; border: 1px #ddd dashed;   border-bottom: 0px; border-radius: 5px 5px 0 0; float: left; border-right: 0px;}
.sizeTabsSubsNew span {float: left; height: 40px; line-height: 40px; min-width: 80px; text-align: center; padding: 0px 6px; color: #999; font-size: 14px; border-right: 1px #ddd dashed;}
.sizeTabsSubsNew span:hover, .sizeTabsSubNew span.active {cursor: pointer;color: #000;}
.sizeTabsSubsNew.current{display:block;}

table.sizeGuide { border-collapse: collapse; width:100%;}
table.sizeGuide th, table.sizeGuide td { font-size:12px; padding:10px;}
table.sizeGuide th { background:#f7f7f7; font-weight: bold; min-width:150px; }
table.sizeGuide th.sub { background:#fff; font-weight: bold; min-width:150px;  border:1px #f7f7f7 solid;}
table.sizeGuide td { text-align: center; border:1px #f7f7f7 solid; min-width:70px; }
table.sizeGuide td.head { background:#f7f7f7; }
table.sizeGuide span.conv { display: none; }
table.sizeGuide span.active { display: block; }

.sizeTabs {border:1px #ddd dashed; border-bottom: 0px; border-radius: 5px 5px 0 0; float: left; border-right: 0px;}
.sizeTabs span { float: left; height:40px; line-height: 40px; min-width: 80px; text-align: center; padding:0px 10px; color:#999; font-size:14px; border-right: 1px #ddd dashed; }
.sizeTabs span:hover,.sizeTabs span.active { cursor: pointer; color:#000; }
.sizeBox {padding:25px; border:1px #ddd dashed; margin:0 0 20px 0; display: none;}
.sizeBox.active {display: block;}
.sizeBox h2 { margin:0px 0px 10px 0px; }
.sizeBox h3 { margin:15px 0px; font-size:18px; padding:0px 0px 15px 0px; border-bottom: 1px #ddd dashed; font-weight: bold; }
.sizeDesc { font-size:14px; line-height: 26px; margin:15px 0px; padding:15px 0px 15px 0px; border-bottom: 1px #ddd dashed; }

.suitSizeBox h3 { margin:30px 0px 15px 0px; font-size:18px; padding:0px 0px 15px 0px; border-bottom: 1px #ddd dashed; font-weight: bold; }
.subSuitSizeBox{margin:10px 0;}

.conversion { border-radius: 5px; border:1px #777 solid; display: inline-block; overflow: hidden; cursor:pointer;}
.conversion span { display: inline-block; height: 40px; line-height: 40px; padding:0px 15px; text-transform: uppercase; }
.conversion span.active { background:#777; color:#fff; }

.specialOffers .col:hover { border-color: #fff; }

.freeGifts .image { width: 50px; }
.freeGifts .col { border-radius: 0px; padding-top: 10px }
.freeGifts.incentives .col:hover { border-color:#aaa; }
.freeGifts button.optionBTN { box-shadow: 0px 5px 10px rgba(0,0,0,0.1)}
.freeGifts .col.disabled { background:#f8f8f8; opacity: 0.7;}
.progress { margin:0; position: absolute; top: 0px; right: 20px; bottom: 0px; margin:auto; width: 160px; background:#ddd; border-radius: 100px;height: 8px; }
#basketTable .freeGifts p { margin: 0; font-size:14px; }
#basketTable .freeGifts p span { font-size:12px; margin: 0; }
#basketTable .freeGifts strike { display: inline-block; color: red;  margin-right: 10px;}
.progress span { position: relative; background:#000; 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:#000; color: #fff; }
.freeGifts form { position: absolute; right: 20px; bottom: 0px;  height: 50px; top: 20px; margin:auto; }

.freeGifts p { font-size:14px; }
.freeGifts p span { padding:3px 0px; }

.search .easy-autocomplete-container { width: 350px; z-index: 99 }
.search .easy-autocomplete-container ul li div { position: relative; min-height: 40px; padding-left: 40px; }
.search div.eac-item img { position: absolute; left: 0px; top: 0px; max-width: 30px; }
.search .eac-item span {position: absolute;top: 0px;/* left: 0px; */right: 0px;bottom: 0px;margin: auto;height: 15px;width: 100%;padding-left: 40px; font-size:12px;}
.search .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: -1px;padding: 10px;box-shadow: 0px 20px 90px rgba(0,0,0,0.2);}
.search .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { border:0px; padding:4px 0; }
.search .easy-autocomplete-container ul li.selected { background: none; color:#aaa; }

/*SUMMER SALE HOMEPAGE*/
.singleBanner{background-image: url(/images/73/sw-summer-sale-main-bg.jpg); background-size:cover;}
.singleBanner .banner-group h1 {color: #fff; font-size: 78px; margin: 0px 0px; text-transform: uppercase; font-weight: 700; font-family: 'Amsi Pro', sans-serif; line-height: 66px;}
.singleBanner .banner-group h1 span {display: block; font-size: 180px; line-height: 170px;}
.singleBanner .banner-group h2 {font-family: 'Amsi Pro'; color: #fff; font-size: 60px; font-weight: 500; text-transform: uppercase; margin-bottom:20px;}
.singleBanner .banner-group .btn {display: inline-block; width: 49%; font-size: 20px; font-weight: 400; border: 0px; border-radius: 0px !important; background: #fff; margin: 4px 2px; text-transform: none; text-align: center; padding: 0px 12px; position: relative; color: #000; height:55px; line-height:55px; text-transform:uppercase;}
.singleBanner .banner-group .btn:hover{opacity:1; color: #6F131E;}
/*SUMMER SALE HOMEPAGE END*/

.blueLightSection{display:flex; background: #eee; margin: 30px 0;}
.blueLightSectionImage{flex:2}
.blueLightSectionImage img{width:100%; display:block;}
.blueLightSectionContent{flex: 3; align-self: center; padding: 20px; text-align:center;}
.blueLightSectionContent h1{margin: 0 auto; width: 70%; font-size: 26px; text-transform: uppercase;}
.blueLightSectionContent p{font-size: 14px; line-height: 26px;}


@media only screen and (max-width: 1400px){
	.products .col {margin: 15px 0; width: 33.33%; }
	.aboutShoesVid{width:100%;}
}

@media only screen and (max-width: 1100px){
	body.noScroll { overflow: hidden;}
	.navCloser.fa-times { color:#000; display: block; padding:0 0 0 30px; height: 50px; line-height: 50px;}
	.toggle { display: block; }
	#usp{display:none;}
	.counterTimer { display: none; }
	.content {float:none; width:100%;}
	.logo, .icons { width:auto; }
	.nav { z-index:990;position: fixed; height:100%; top: 0px; left: -400px; margin-right:0px; width: 95%; max-width:400px; z-index: 999;background:rgba(255,255,255,0.98); overflow: auto; transition:all 0.2s; padding-bottom: 20px; box-shadow: 0px 0px 30px rgba(0,0,0,0.2)}
	.menu ul { text-align: left;}
	.menu ul li { display: block;}
	.menu ul li a { height: 45px; line-height: 45px; font-size: 12px; padding:0px 0px 0px 30px; }
	.menu ul li.head.active a:before { display: none; }
	.menu ul li .sub { position: static; box-shadow: 0px 0px 0px; background:#f5f5f5; padding:0; border:0px; border-top: 1px}
	.menu ul li .sub li.col { display: block; width: 100%; margin:0; }
	.menu ul li .sub li a { font-weight: normal; font-size: 12px; padding:0px 0px 0px 30px; height: 50px; line-height: 50px; border-bottom: 1px #ddd solid; }
	.menu ul li ul.sub h2 { margin: 0px; color:#000; font-size:16px; text-transform: uppercase; font-weight: bold; padding:0 0 0 30px;height: 50px; line-height: 50px; border-bottom: 1px #ddd solid;  }
	.open .nav { transition:all 0.2s; left: 0px;}
	.wrapper.open .filter { content: ''; position: fixed; height: 100%; width:100%; background:rgba(0,0,0,0.6); z-index: 999; top: 0px;left: 0px;}
	.wrapper.open { transition: .2s; position: relative; }
	.menuItems{width:100%; float:none; margin:0;}
	.menu ul li ul.sub .menuHide{display:none!important;}
	.header { border-bottom:1px #000 solid; position: fixed; top: 0px; left: 0px; z-index: 998; width: 100%; background:#fff; padding: 0 }
	.buybox-upsell { position: static; width: 100%; margin-top: 15px; }
	p.loyaltyWorth { font-size: 12px;  }
	.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; }
	div.sidemenu {top:auto; width:100%; height: 87%; position: fixed; left: 0px;right: 0px; bottom: -95%; z-index: 999; background: #fff; box-shadow: 0px 0px 40px rgba(0,0,0,0.6); display: block; transition:all 0.2s; overflow: scroll;}
	div.sidemenu.open { transition:all 0.2s; bottom:0px;}
	div.sidemenu.open .filterClose { display: block; cursor:pointer;}
	#reviewdivnew{display:none;}
	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%; width: 200px; }
	div#sortBar { padding: 0; background:#f7f7f7; }
	div#sortBar label { display: none; }
	div#sortBar select { width: 79%; margin:0; text-align: center; font-size: 12px; height: 40px; line-height: 40px; display:inline-block;}
	div#sortFilter { width: 100%; }
	div#sortFilter #sortForm { width: 100%; }
	div#sortFilter #sortForm label{ display: inline-block; width: 19%; text-align: center;}
	.filterBTN { width: 100%; height: 40px; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: center; display: block; float: left; cursor: pointer; background:#eee;}
	#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;}
	.suppiesContent{width:100%;}
	.products .col { padding-bottom: 50px; }
	.products .col .btn { opacity: 1; bottom: 10px;}
	.products .col:hover { border-color: #fff}
	.products .col:hover .btn { bottom: 10px; }
	.products .col p.hsp { font-size: 11px; height: 30px; }
	.prodimage{position:relative;}
	.topbar {display:none;}
	.header .inner { width: 95% }
	.feature{margin:15px 0px; background:none;}
	.prodimage .thumbs {float:none; width: 100%;}
	.prodimage .thumbs span { float: left; width: 50px; margin:8px 8px 8px 0;}
	.prodimage .thumbs span img {  display: block; width: 100%;}
	.prodimage .mainImage { max-width:700px; float:none; width: 100%;}
	.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; width: 90%; margin:10px auto;}
	div.accessories form { width:240px; margin:10px auto; }
	.keyBullet { font-size: 12px; }
	p.perServing { text-align: center; font-size: 16px;}
	button.add { margin-top: 10px; }
	.product .social { display: none; }
	.tab { font-size: 16px; height: 50px; line-height: 50px; text-transform: uppercase; border-radius: 0px;}
	.tab i { height: 50px; line-height: 50px; display: block;}
	.tabContent { padding:0; position: relative; }
	.tabContent img { max-width: 250px; }
	.tabDetails .closer { display: block; }
	.tabDetails { padding:65px 20px 20px; position: fixed; top: 0px; right:0px; max-width:600px; z-index: 999; height: 100%; width:100%; background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); display: none; border:0; overflow: auto; font-size:14px;}
	.tabDetails ul { padding-left: 20px; }
	.tabDetails.active { display: none; }
	.search{display:none; position:fixed; background:#fff; width:100%; top:61px; left: 0px; margin:0 auto; box-shadow: 0px 20px 20px rgba(0,0,0,0.1); border-bottom:none; padding:0px 15px;}
	.src{display:block;}
	.search form{width:85%;}
	.orderDetail .col .btn {font-size:12px;}
	.navImage{display:none;}
	.uspBar .uspBox{width:100%; margin:1% 0;}
	.logo { margin:0; position: static; float: left; width: auto; }
	.logo img { height: 30px; margin-top: 10px;}
	.icons a, .icons i, .icons a span { height: 45px; line-height: 45px; }
	.toggle { height: 45px; line-height: 45px; }
	#counterHead { background:none!important; }
	.banners{  min-height: auto }
	.margin-top { height:50px; }
	.homeLinks p { height: auto!important; }
	.homeLinks h4{font-size:18px;}
	.crumbs { background:none; padding:15px 0px; margin: 0; text-align:center; width: 100%; z-index: 5 }
	.social{width: 32.26%;}
	.newsletter{width: 66.13%; text-align:right;}
	.sizeTabs{float:none;}
	.sizeTabs span{display:block; width:100%; float:none; border-bottom:1px #ddd dashed; height:50px; line-height:50px;}
	table.sizeGuide th{min-width:auto;}
	table.sizeGuide td{min-width:auto;}
	.sizeBox{overflow:scroll;}
	.suitSizeBox{overflow:scroll;}
	#requestForm{width:100%!important; margin:15px 0;}
	.aboutShoesImage img{width:100%;}
	.video-intro {width: 100%;}
	table.sizeGuide th, table.sizeGuide td{padding:6px;}
	table.sizeGuideNew th{min-width:auto;}
	table.sizeGuideNew td{min-width:auto;}
	table.sizeGuideNew th, table.sizeGuideNew td{padding:6px;}
	.quickMessage{position:relative; top:50px;}
	div#pagination { padding:10px 0px; background:#fff; width: 100%; align-items: center; justify-content: center;}
}

@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;}
	.loyaltyContent .loyalty{padding:10px 0!important;}
	.loyaltyContent .loyalty .loyaltyBox{width:100%;}
	.homeLinks { width: 100%!important; margin:2% 0!important; }
	.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; margin:20px 0;}
	#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}
	.orderDetail .col.third {width:32.26%; margin:1% 0 1% 1.6%}
	.products .col .quickBuy .optionSlider button.optionBTN { font-size:11px!important; }
	.uspBox{display:none;}
	.uspMob{display:block; border:none;}
	.uspBar .inner{width:100%;}
	.mobileUspBox{display:block;}
	.email-pop-new{width:90%; max-width: 600px;}
	.email-signup #myForm #email{width:100%; margin-bottom:10px;}
	.email-signup #myForm #join{width:100%;}
	.readmore { display: block; }
	.hide-text { height:68px; overflow:hidden; }
	.col.quarter.landing-static-box.first {  }
	.col.quarter.landing-static-box { width: 47%; margin:1%; }
	.blueLightSectionContent h1{font-size: 22px; width: 100%;}
}

@media only screen and (max-width: 880px) {
	.brands .brandGrid .col { width:48%; margin:1%; }
	.mobile-banner{display:block;}
	.banner{display:none;}
	.slide { cursor: pointer;}
	.custImages .slide { min-height: auto!important }
	.products .col { width:50%; margin:10px 0;}
	#counterHead.counter h1 { font-size: 22px; text-align: center; margin:0; }
	#counterHead.counter p { font-size: 13px; padding:0px 20px;}
	.prodStars { margin:10px auto 0px auto; }
	.prodimage{float:none; width:100%;}
	.prod-lead h1{padding-right:0;}
	.chosenStock p.inStock{}
	.buybox{float:none; width:100%; }
	.prod-section .details{float: none; width:100%;}
	.inner.small {max-width: 100%; width: 100%;}
	.inner.counter { width:100%; max-width: 100%; }
	.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:0 auto;}
	a.securePay{padding:0px 10px;}
	.addressBook{width:100%; margin:10px 0}
	.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 {  }
	.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:0px 0; }
	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; }
	.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;}
	.emailBackInStock { position: fixed; top: 0px; left: 0px; width:100%; height: 100%; overflow: auto; padding:20px; z-index: 999; margin:0px; background:#fff;}
	.emailBackInStock h3 { font-size:17px; color: #000; margin-top: 0px; }
	.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { background:#f7f7f7; font-size:14px;display:block; border:1px #ddd solid; padding:15px; height:auto; width: 100%; -moz-appearance:none; -webkit-appearance:none; margin:10px 0px; border-radius: 5px; }
	.emailBackInStock button { background:#000; color:#fff; text-transform: uppercase; font-size:14px; font-weight: 900; cursor:pointer;}
	.loyaltyContent .title h1{font-size:20px;}
	.suppiesContent{margin:10px 0;}
	.suppieWinner{margin:40px 0;}
	.Simage{float:none; width:100%; text-align:center;}
	.Sinfo{float: none; width: 100%; padding-left: 0px;}
	.orderDetail, .orderLines {padding:10px 15px;}
	.prodimage { margin-bottom: 0px; }
	.buybox { background:none; padding:0; }
	.switchContent { padding:0; }
	.social,.newsletter{text-align:center;}
	.prodimage img {  width: 100%;}
	.inner.product { padding:0px;}
	.contactFormContent{border-right:none; padding-right:0;}
	/*SUMMER SALE HOMEPAGE*/
	.singleBanner .banner-group h1{font-size: 74px;}
	.singleBanner .banner-group h1 span{font-size: 134px; line-height: 120px;}
	.singleBanner .banner-group h2{font-size:24px;}
	/*SUMMER SALE HOMEPAGE END*/

}

@media only screen and (max-width: 720px){
	.prod-lead { margin:0;padding:10px 0;}
	.prod-lead h1 { font-size:22px;}
	p.brandLink {}
	.prodStars { text-align: left; position: relative; top: 0; left: 0; margin:2px 0; width:100%; }
	.prodStars .reviewText { display: block; padding: 0;margin: 10px 0 0px; }
	.col.full-btn{width:100%!important;}
	.prodQty{width:100%!important;}
	.started .col{height:auto!important;}
	.started .text{position:relative; margin:10px auto; width:90%; text-align:center; left:0;}
	.started .text h2{margin:0;}
	.started .dropDown{right:0; width:90%; margin:10px auto; position:relative;}
	.started .selectGender{z-index:99;}
	.started .selectGoal{z-index:98;}
	.started .goalBTN{position:relative; right:0; margin-bottom:20px; width:90%; z-index:1;}
	.despatchTimer{width:100%;}
	.despatchTimer p span{margin:5px;}
	.orderDetail .col.third { width:100%; margin:1% 0%; }
	.addressBook .manage span { width:100%; padding:10px 0px; font-size: 12px;  }
	.addressBook .manage { bottom: -50px; }
	.accountStuff .btn { width:100%; }
	.delBtns .btn, .billBtns .btn  { display:block;margin-left:0;}
	button.optionBTN, button.optionBTN:disabled, button.optionBTN[disabled] ,button.disabledBTN { font-size: 14px!important; }
	.accountStuff .orderDetail .section .col { margin:1% 0%; }
	.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;}
	.prodBox.col.quarter { width: 50%; margin:1% 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"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {cursor: pointer;position: relative;padding: 10px 10px 10px 35px;border: 1px #ddd solid; background:#fff;}
	.products .specialOffers{padding-bottom:20px;}
	.products .specialOffers .col { width:100%; margin:1% 0;}
	.custImages .slide img, .custImages .slide { height: 300px; }
	#rightInfo { background:none; padding:0px; margin:0;}
	#footerSignUp  { padding:25px 0px; }
	#footerSignUp strong { font-size: 18px; }
	#removeBTN { top: auto; bottom: 15px; 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:20px; margin:18px 5px;}
	.stockMessage span { font-size: 12px; }
	.prod-details .offerTerms{height:auto;}
	.products .col .btn { display: block; }
	.orderDetail .col.third, .orderDetail .col .btn {display:block; width:100%;}
	.orderDetail .col.third {margin:1% 0%;}
	.icons a span { display: none; }
	.icons a { margin:0px;}
	.icons i { font-size:20px; width:40px; text-align: right;}
	.icons a { display:none; height: 50px; line-height: 50px; }
	.icons a.basketIcon { display:block; }
	.icons a.myAccount { display:block; }
	.basketIcon span { right:-10px; }
	.icons a.src { display: block; }
	.landingBox p{min-height:34px;}
	.blueLightSection{flex-direction:column;}
}

@media only screen and (max-width: 600px) {
	#options.hide{display:none;}
	.mobProdOptions{position:fixed; bottom:0; width:100%; height:50px; display:block; z-index:999; left:0; background:#C47272; box-shadow: 0px 0px 40px rgba(0,0,0,0.6);}
	.mobProdOptions:hover{opacity:1;}
	#options .price { display: block; }
	.btn.clear{width:100%;}
	#footerSignUp .social{text-align:center;}
	#footerSignUp .social a{padding:10px;}
	#footerSignUp .newsletter{margin:0;}
	#footerSignUp p { font-size:14px; display:block; width:90%; text-align:center; margin:0 auto;}
	#footerSignUp input#footerEmail { width:90%; display:block; margin:0 auto;}
	#footerSignUp #joinBTN, .inlineBTN{display:block; width:90%;}
	.orderLines .col.quantity {text-align:center;}
	.homeLinks { margin-bottom: 15px; }
	.addpop .btn { width: 100%; float: none; display: block; margin:10px 0px; font-size:13px; height: 45px; line-height: 43px; }
	.basketPage h1 {font-size:18px;}
	.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; }
	.fa-star, .fa-star-half-alt { font-size:14px; }
	.fa-star.lrg { font-size:14px;}
	.fa-star.empty { font-size:12px; }
	.fa-star.lrg.empty { font-size:14px; }
	.threeBoxes h2 { font-size: 20px; }
	label.optLabel.ticksLabel{ font-size:13px; width: 100%; display: block!important; padding-left: 30px; }
	.freeGifts form { position: static; width: 100%; clear: both }
	.freeGifts .text { width: 60% }
	.freeGifts select { border:1px #ddd solid; margin:10px 0px; width: 100%; }
	.step button.btn { float: none; width: 100%; }
	.findAddress .col.third, .findAddress .col.two-third { float: none; width: 100%; margin:5px 0px; }
	.landingBox{width:48%; margin:1%;}
	.landingBox p{font-size:14px;}
	/*SUMMER SALE HOMEPAGE*/
	.singleBanner .banner-group .btn{width:80%; margin:10px auto; display:block;}
	/*SUMMER SALE HOMEPAGE END*/
}

@media only screen and (max-width: 460px) {
	.products .col { width: 50%; margin:1% 0; }
	.header.secure .logo {width:30%;}
	.header.secure .logo img {position:unset;}
	.brands .brandGrid .col { width:48%; margin:1%; }
	.brands .brandGrid .col {background-size:75%!important;}
	#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%;}
	.products .col p.discountUpsell { height:55px; }
	.header { padding:0px 10px;}
	.nav { padding-top: 0px; }
	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; }
	.search form input{height:50px; line-height:50px; width:100%;}
	.search button{height:50px; line-height:50px; text-align: right;}
	.search .easy-autocomplete{width:298px!important;}
	.tab { font-size:12px; }
	.chooser { font-size:14px; }
	.chooser span { font-size:12px; }
	.chooser i { font-size:16px; font-weight: 700 }
	.header.secure .logo img, .header.secure .logo{height:30px;}
	.navCloser{display:block;}
	.buybox .details form{padding:0; background:none;}
	.logo img { height:22px; margin-top: 15px;}
	.homeLinks.small{padding:10px 0;}
	.homeLinks.small p{height:auto;}
	.homeLinks .image{min-height:195px;}
	.homeLinks h4{font-size:20px;}
	#requestForm .titleBTN{padding:5px 15px; width:65px;}

	button.optionBTN, button.disabledBTN{min-width:100%; margin:8px auto;}
	.getTheLook select, .getTheLook .btn { float: none; width: 100%; margin:5px 0; }
	/*SUMMER SALE HOMEPAGE*/
	.singleBanner .banner-group h1{font-size: 56px; line-height:40px;}
	.singleBanner .banner-group h1 span{font-size: 100px; line-height: 100px;}
	.singleBanner .banner-group h2{font-size:20px;}
	.singleBanner .banner-group .btn{height:46px; line-height:46px; font-size:18px;}
	.singleBanner{margin-bottom:0;}
	.inner.copy{margin-top:0;}
	/*SUMMER SALE HOMEPAGE END*/
}