@font-face { font-family: 'icons'; src: url(/_iconfont/font/icons.woff2?v5) format('woff2'), url(/_iconfont/font/icons.woff?v5) format('woff'), url(/_iconfont/font/icons.ttf?v5) format('truetype'); font-weight: normal; font-style: normal }

/* = Global
----------------------------------------------------------------------------------------------------------------- */
body { font-family: 'Nunito Sans', sans-serif; font-size: 14px; }
.lock-scroll { overflow: hidden; }

#nav ul ul li.member-benefits{display:none;}
#nav ul ul li.subscriber-benefits{display:none;}


/* = Search box / header
----------------------------------------------------------------------------------------------------------------- */
.anthem-tagline { background: transparent; color: #000; font-weight: 400; font-size: .9em; padding: 10px 0; }
.anthem-tagline .welcome { display: inline-block; }
.anthem-tagline .anthemHotline { float: right; font-weight: 600; }
.anthem-tagline .custServiceLabel { display: inline; }
.anthem-tagline a,
.anthem-tagline a:hover { color: #000; }
.anthem-tagline .custServiceLabel .callPrompt { color: #00a89d; }

.copyrightNEW { padding: 8px 15px; background: #000; font-size: .9em; }
.copyrightNEW p { color: #fff; }
.copyrightNEW p:last-child { margin: 0; }

@media screen and (max-width: 700px) {
    .anthem-tagline .welcome { display: none; }
    .anthem-tagline .anthemHotline { display: block; float: none; text-align: right; }
}

@media screen and (max-width: 480px) {
    .anthem-tagline { font-size: .8em; }
}

@media screen and (max-width: 360px) {
    .anthem-tagline { font-size: .7em; padding: 10px 14px; }
}

.bannerHolder .banner img { width: 100%; }

/* ---------------- search box ---------------- */
#search { font-size: 1.1em; padding: 30px; margin-bottom: 40px; background-color: #000; color: #fff; }
#search .white_box { padding: 30px; border: 4px solid #7f7f7f; background: #fff; }
#search ul { list-style: none; margin: 0; padding: 0; }

#search label { display: none; }

#search .webForm > div { position: relative; }
#search .webForm .btn { position: absolute; top: 0; right: 0; width: 220px; }
#search .webForm input.text { width: calc(100% - 220px); border-color: #fff; }

#search .filter { text-align: center; }
#search .filter li { margin: 0 5px 10px; display: inline-block; background: #f3f3f3; }
#search .filter li a { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; }
#search .filter li a.disabled { opacity: 0.2; }
#search .filter li a:hover { background: #FFE600; color: #000; }

#search .magazine_list { overflow: hidden; margin-bottom: 10px; }
#search .magazine_list li { width: 50%; float: left; margin: 0px; padding-top: 4px; }
#search .magazine_list li a:hover { color: #111; text-decoration: underline; }

#browse h3 { color: #fff; }

@media screen and (max-width: 800px) {
    #search .webForm .btn { height: 35px; padding: 4px 16px; }
    #search .filter { text-align: left; }
}

@media screen and (max-width: 600px) {
    #search .magazine_list li { width: 100%; float: none; }
    #search .webForm .btn,
    #search .webForm input.text { width: 100%; position: relative; }
}

@media screen and (max-width: 480px) {
    #search { padding: 30px 20px; }
    #search .white_box { padding: 25px 20px; }
    #search .webForm { margin-bottom: 22px; }
}

@media screen and (max-width: 380px) {
    #search { font-size: 1em; }
    #search .filter li { margin: 0 10px 10px 0; }

    #search .filter li a { width: 28px; height: 28px; line-height: 28px; }
}

@media screen and (max-width: 350px) {
    #search .filter li a { width: 26px; height: 26px; line-height: 26px; }
}

/* = Theme
----------------------------------------------------------------------------------------------------------------- */
#wrap { min-height: 100vh; }

/* = Typography
-------------------------- */
h1, h2, h3, h4, h5, h6 { color: #00a89d; }
h1, h2 { font-size: 28px; font-weight: 300; }
h3 { font-weight: 700; }
h4 { font-weight: 400; }

a { color: #009ee3; }
a:hover { color: #00a89d; }
hr { border-top: 1px solid #ccc; }
.highlight { color: #00a89d; }
.marked { color: #fff; background: #00a89d; }
.meta { color: #666; }

blockquote:before { color: #00a89d; }
blockquote p span:before { color: #00a89d; }

#mainContent p > a:not(.btn),
#mainContent .passwordReset { color: #009ee3; }
#mainContent p > a:not(.btn):hover,
#mainContent .passwordReset:hover { text-decoration: underline; }

/* = Buttons
--------------------------- */
.btn { font-size: 1.1em; color: #fff; border: 1px solid #009ee3; background-color: #009ee3; padding: 10px 15px; font-weight: 700; }
.btnImpact { background-color: #fff; color: #000; }
.btnAlt { background-color: #D1D3D4; border-color: #D1D3D4; color: #000; }

.btn:hover { color: #fff; background-color: #00a89d; border-color: #00a89d; }
.btnAccent { border-color: #009ee3; background-color: #009ee3; }

.loginOptions .btn { padding: 4px 14px; }

.colRemove .btn:hover { background: url(/_img/remove.svg) no-repeat center center; }

.coCCBtn, .coChequeBtn, .coPaypalBtn { background: #fff; }
.coCCBtn:hover, .coChequeBtn:hover, .coPaypalBtn:hover { background: #00a89d; border-color: #00a89d; }
.coCCBtn .btn, .coChequeBtn .btn, .coPaypalBtn .btn { background: none; border-color: #009ee3; color: #fff; }

.coCCBtn .btn:hover, .coChequeBtn .btn:hover, .coPaypalBtn .btn:hover { color: #fff; border-color: #00a89d; }

.coCCBtn { background: #009ee3; }

.coPaypalBtn:hover { background: none; border-color: transparent; }

.coCCBtn:before { color: #fff; }
.coChequeBtn:before { color: #009ee3; }

.coCCBtn:hover:before,
.coChequeBtn:hover:before { color: #fff; }

.hamburger span { background: #5D5E60; height: 2px; }
.hamburger span::before,
.hamburger span::after { background-color: #5D5E60; height: 2px; }

@media screen and (max-width: 600px) {
    .loginOptions .btn { display: none; }
    .hamburger { top: 12px; }
}

/* = Lists
-------------------------- */
.paging ul li a { color: #fff; background: #00a89d; }
.paging ul li a:hover { background: #454545; }
.paging ul li a.on { background: #080808; }

/* = Tables
-------------------------- */
th { border: none; border-bottom: 1px solid #D1D3D4; background: transparent; color: #000; }
td { border-bottom: 1px solid #D8D9DB; font-weight: 600; }
th.colItem, td.colImage { display: none; }
th.colImage, td.colItem { padding-left: 0; text-align: left; }
.rowItemStandout td { background: #a1c897; }

/* = Screen Messages
-------------------------- */
/*.msgImp { color: #fff; background: #8ec3d9; }
.msgImp a { color: #fff; }
.msgError { color: #fff; background: #e84d54; }
.msgSuccess { color: #fff; background: #a1c897; }
.msgSuccess h3 { color: #fff; }
.msgSuccess a { color: #fff; }
.msgAssist { background-color: #fff0bc; }*/

.msgImp { color: #000; background-color: #FFDA66; }
.msgImp a { color: #fff; }
.msgError { color: #fff; background-color: #E63312; }
.msgSuccess { color: #fff; background-color: #65B32E; }
.msgSuccess h3 { color: #fff; }
.msgSuccess a { color: #fff; }
.msgAssist { color: #000; background-color: #a8cceb; }

.broadcast-message { margin:30px 0; }
.broadcast-message:first-child { margin-top: 0;} 
.broadcast-message:last-child { margin-bottom: 0;} 

/* = Tabs
--------------------------- */
.tabs ul li a { color: #222; }
.tabs ul li a:hover { color: #666; }
.tabs ul li a.on { color: #111111; }
.tabs ul li a:hover:after { background: #666; }
.tabs ul li a:after { background: #fff; }
.tabs ul li a.on:after,
.tabs ul li a.on:hover:after { background: #00a89d; }
.tabs .dropdownPrompt { background: #f7f7f7; border: 1px solid #ddd; color: #000; }
.tabs .dropdownPrompt:after { border-color: #444 transparent transparent transparent; }
.tabs .dropdown.showOptions { border: 1px solid #ddd; }
.tabs .dropdown.showOptions li a:hover { color: #fff; background: #00a89d; }
.tabs .dropdown.showOptions a.on,
.tabs .dropdown.showOptions a.on:hover { background-color: #009ee3; color: #fff; }

/* = Accordion
--------------------------- */
.accordion > h3 { color: #00a89d; border: 1px solid #00a89d; }
.accordion > h3:hover { background: #f3f3f3; border: 1px solid #00a89d; }
.accordion > h3.on { color: #fff; background: #00a89d; }

/* = Forms
----------------------------*/
.select:after { border-color: #444 transparent transparent transparent; }

.formList label:before,
.checkbox:before,
.check:before { border: 1px solid #ddd; }

.radList label.checked:after,
.formListRadio label.checked:after { background: #00a89d; }

.checkList label.checked:after,
.formList:not(.radList):not(.formListRadio) label.checked:after,
.checkbox.checked:after,
.check.checked:after { border: solid #00a89d; border-width: 0 2px 2px 0; }

/* = Framework > Header items
------------------------------- */
.logo-actions-wrap { padding: 30px 0 25px; }

/*Replace logo, and change height to match exact logo height*/
.logo > a { background: url(/_img/logo-mobile.png) no-repeat 0 50%; background-size: contain; height: 69px; }

.miniBasket .item { font-weight: 600; }
.miniBasket .item:before { font-size: 17px; color: #009ee3; padding-right: 10px; }
.miniBasket .price { font-weight: 600; }
.miniBasket .btn { color: #000; border-color: #009ee3; background: none; }
.miniBasket .btn:before { background: #00a89d; }
.miniBasket .btn:hover, .miniBasket .btn:focus, .miniBasket .btn:active { color: #fff; border-color: #00a89d; }

#miniBasket > .btn { position: relative; width: auto; height: auto; }  

.no-csstransforms3d .miniBasket .btn:hover,
.no-csstransforms3d .miniBasket .btn:focus,
.no-csstransforms3d .miniBasket .btn:active { background: #111; border-color: #111; }

.basket-geo-wrap .miniBasket { margin-top: 0; height: auto; }

.loginOptions > span { margin-left: 12px; }

@media screen and (max-width: 800px) {
    .logo-actions-wrap { padding: 35px 0 25px; }
    .logo a { background-image: url(/_img/logo-mobile.png); background-position: 0 50%; margin: 0 auto; }

    .header-actions { margin-top: 30px; }
}

@media screen and (max-width: 700px) {
    .logo-actions-wrap { padding: 32px 0 25px; }
    .header-actions .headBanner > div { display: none; }
}

@media screen and (max-width: 620px) {
     .basket-geo-wrap .miniBasket { background: transparent; /* border: 1px solid #009ee3; */  } 
}

@media screen and (max-width: 600px) {
    .header-actions .headBanner { top: 25px; }
    .logo-actions-wrap { padding: 29px 0; }
    .logo { margin-top: 0; padding-right: 38px; }
    .logo > a { height: 47px; }
    .btnRenew { display: none; }

    .header-actions .headBanner > .loginOptions, .header-actions .headBanner > .loginOptions > span { margin-left: 0; margin-right: 0; }
    .header-actions .headBanner > .loginOptions { margin-top: 57px; }
    .header-actions .headBanner > .loginOptions b { display: inline; }
}

/* @media screen and (max-width: 360px) {
    .logo { margin-top: 0; }

    .logo-actions-wrap { padding: 19px 0; }

    .header-actions { margin-top: 15px; }
} */

/* = Footer
----------------------------- */
#footer { border-top: none; margin-top: 0; padding-top: 0; }
#footer > .cols { background: #D1D3D4; padding: 30px; }
#footer h3 { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }
#footer ul { list-style: none; margin: 0; }
#footer ul li { font-weight: 400; margin-bottom: 0; }
#footer .footerMenu3 ul { overflow: hidden; }
#footer .footerMenu3 li { width: 50%; float: left; }

.productCardIcons { float: left; margin: 0 2% 0 0; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 74%; }
.productCardIcons .inline { margin-bottom: 0;}
.productCardIcons ul li { margin: 0 15px 15px 0; display: inline-block; }

.copyrightNEW { background: #fff; float: left; padding: 0; text-align: right; width: 24%; }
.copyrightNEW p { color: #000; }

@media screen and (max-width: 800px) {
    #footer .footerMenu1, #footer .footerMenu2 { float: left; width: 49%; }
    #footer .footerMenu1 { margin-right: 2%; }

    .productCardIcons { float: none; text-align: center; -webkit-transform: scale(1); transform: scale(1); width: 100%; }
    .productCardIcons ul li { width: 8vw; }
    .productCardIcons ul li.ssl-seal { width: 100%; margin-top: 15px; margin-bottom: 0; }

    .copyrightNEW { float: none; text-align: center; width: 100%; }
}

@media screen and (max-width: 600px) {
    .productCardIcons ul li { width: 11vw; }
}

@media screen and (max-width: 480px) {
    #footer .footerMenu1, #footer .footerMenu2, #footer .footerMenu3 li { width: 100%; float: none; }

    .productCardIcons {margin:25px 0; }
    .productCardIcons ul li { width: 12vw; margin: 0 12px 12px 0; }
    .productCardIcons ul li.ssl-seal { width: 50%; }
}

/* = Popup message
---------------------------- */
#popup .ClosePopup { background: #FFE600; }
#popup .ClosePopup:hover { background: #111; }

/* = Stock promo popup message 
---------------------------- */

.stockpromo-container {
    border: 2px solid #D1D3D4;
    overflow: auto;
    padding: 20px;
}

.stockpromo-image, .stockpromo-popup .close-popup span {
    cursor: pointer;
}

.stockpromo-image {
    float: left;
    margin-right: 4%;
    overflow: auto;
    position: relative;
    width: 48%;
}

.stockpromo-image .show-popup {
    background: #009ee3 url(/_img/icons/magnifying-glass.svg) no-repeat center/70% auto;
    bottom: 0;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 40px;
}

.stockpromo-image:hover .show-popup {
    background-color: #00a89d;
}

.stockpromo-summary {
    float: left;
    width: 48%;
}

.stockpromo-container h4 {
    font-weight: 700;
    margin: 0;
}

@media screen and (max-width: 800px) {
    .stockpromo-image, .stockpromo-summary {
        float: none;
        width: 100%;
    }

    .stockpromo-image {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .stockpromo-image {
        max-width: 100%;
    }
}

.stockpromo-overlay {
    cursor: pointer;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.stockpromo-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    width: 80%;
    max-width: 960px;
    height: 80%;
    overflow: hidden;
}

.close-popup {
    background: #e6e6e6;
    border-bottom: 1px solid #D1D3D4;
    cursor: default;
    left: 0;
    padding-bottom: 59px;
    position: absolute;
    top: 0;
    width: 100%;
}

.close-popup span {
    background: #00a89d url(/_img/icons/cross.svg) no-repeat center/20px auto;
    display: block;
    font-size: 0;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}

.stockpromo-popup .stockpromo-inner {
    bottom: 40px;
    left: 0;
    overflow: auto;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 100px;
}

.stockpromo-popup .stockpromo-inner > *:last-child {
    margin-bottom: 0;
}

.stockpromo-popup .stockpromo-image {
    cursor: default;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    text-align: center;
    width: 100%;
}

.stockpromo-popup hr {
    border-color: #D1D3D4;
    border-width: 2px;
    margin: 20px 0;
}

.stockpromo-popup h5 {
    color: #222;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    .stockpromo-popup .stockpromo-inner .stockpromo-image {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .stockpromo-popup {
        width: 100%;
    }

    .close-popup {
        padding-bottom: 39px;
    }

    .close-popup span {
        height: 40px;
        width: 40px;
    }

    .stockpromo-popup .stockpromo-inner { 
        bottom: 30px;
        padding: 0 30px;
        top: 70px; 
    }
}


/* = Menu
---------------------------- */
#nav { background: #00a89d; }
#nav ul .liHasChildren { position: relative; }
#nav ul li a { color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 1px; transition: none; }
#nav ul li.liOn > a, #nav ul li.liOn ul a { background: #009ee3; color: #fff; }
#nav ul ul { background: #009ee3; display: none; left: 50%; padding: 5px 0; position: absolute; top: 100%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 200px; z-index: 2; }
#nav ul ul li { display: block; text-align: center; }
#nav ul ul li a, #nav .liOn ul li a { font-size: 12px; font-weight: 400; padding: 5px 10px; }

#nav .home { width: 62px; position: relative; }
#nav .home a span { visibility: hidden; }

#nav .home a:before { font-family: "esco"; font-style: normal; font-weight: normal; speak: none; display: inline-block; vertical-align: baseline; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#nav .home a:before { font-size: 22px; position: absolute; content: '\e816'; }
#nav ul li.logout { display: none; }

#nav .icon--chevDown { color: #fff; cursor: pointer; display: none; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; z-index: 1; }
#nav .subOn > .icon--chevDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#nav .icon--chevDown::after { color: #fff; content: '\e804'; display: inline-block; font-family: "icons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 45px; speak: none; text-align: center; text-decoration: none; text-transform: none; }

@media screen and (min-width: 801px) {
    #nav ul li:hover > a, #nav ul li a:hover { background: hsl(198, 100%, 45%); color: #fff; }
    #nav ul ul li a:hover, #nav .liOn ul li a:hover { text-decoration: underline; }
}

@media screen and (min-width: 1281px) {
    #nav .liHasChildren:hover ul { display: block; }
}

@media screen and (max-width: 1280px) {
    #nav ul .liHasChildren > a { padding-right: 45px; }
    #nav .icon--chevDown { display: block; }
    #nav .subOn ul { display: block; }
}

@media screen and (max-width: 960px) {
    #nav ul li a { font-size: 14px; padding: 12px; }
    #nav .home { width: 47px; }
}

@media screen and (max-width: 800px) {
    .main-nav-wrap { background: #00a89d; }
    #nav { background: none; }
    #nav ul li { border-bottom: 1px solid #92D4CC; }
    .shopHotline { background: #D1D3D4; color: #00a89d; }
    #nav .home { display: none; }
    #nav ul li a { padding: 10px 20px; }
    #nav ul li.liOn:hover > a { background: #009ee3; }
    #nav ul li:hover > a, #nav ul li a:hover, #nav ul li.home.liOn a, #nav ul ul li.liOn > a, #nav ul ul li.liOn:hover > a { background: transparent; }
    #nav ul li.logout { display: block; }
    #nav ul ul { background: transparent; padding: 0 0 15px; position: static; -webkit-transform: none; transform: none; width: auto; }
    #nav ul ul li { border-bottom: none; text-align: left; }
    #nav ul ul li a, #nav .liOn ul li a { background: transparent; color: #fff; padding: 5px 20px; }
    #nav ul li.liOn ul a { background: transparent; }

    #nav .icon--chevDown { height: 41px; line-height: 41px; width: 41px; }
    #nav .icon--chevDown::after { line-height: 41px; }

}

@media screen and (max-width: 340px) {
    #nav { background: none; }
}

/* =  Menu > submenu
-------------------------------- */
/* #subNav { background: #D1D3D4; }
#subNav ul { padding: 0; padding-left: 0; }
#subNav ul li { display: block; }
#subNav ul li:first-child { padding-left: 12px; }
#subNav ul li a { color: #009EE3; font-size: 16px; }
#subNav ul li a:hover { color: #00A89D; text-decoration: none; }

.submenuTrigger { color: #fff; background: #00a89d; text-transform: uppercase; }
.submenuTrigger .hamburger span { background: #fff; }
.submenuTrigger .hamburger span:before, .submenuTrigger .hamburger span:after { background-color: #fff; }
.submenuTrigger .hamburger.is-active span { background: none; }

@media screen and (max-width: 800px) {
    #subNav { background: #92D4CC; }
    #subNav ul li, #subNav ul li:first-child, #subNav ul li:last-child { padding: 10px 15px; padding-left: 15px; }
    #subNav ul li a { color: #000; }
} */

/* = Product list
--------------------------------*/
.prodImages { float: left; }
.productList ul li .price { color: #333; }
.productList ul li h4 { color: #000; margin-bottom: 20px; text-transform: uppercase; }

.productList ul li { padding: 0 15px 10px; }
.productList ul li header,
.productList ul li footer { display: block; width: 100%; position: relative; text-align: center; }
.productList ul li header img { width: 100%; max-width: 100%; margin-bottom: 20px; }
.productList ul li .price { display: none; }
.productList ul li .btn { width: 100%; font-size: 1.1em; letter-spacing: 0; text-transform: uppercase; }

/* Products > Four wide wide*/
.productListFourWide ul li { float: left; width: 23.5%; margin: 0 2% 3% 0; }
.productListFourWide ul li:nth-child(3n+3) { margin-right: 2%; clear: none; }
.productListFourWide ul li:nth-child(3n+1) { clear: none; }
.productListFourWide ul li:nth-child(4n+4) { margin-right: 0; clear: right; }
.productListFourWide ul li:nth-child(4n+1) { clear: left; }

#mainContent .geoSwitcher > span { font-weight: 400; }
#mainContent .geoSwitcher > span,
#mainContent .geoSwitcher > .select { margin-right: 10px; display: inline-block; vertical-align: baseline; }

#mainContent .geoSwitcher { width: calc(100% - 240px); margin-bottom: 35px; }
#mainContent .geoSwitcher .select,
#mainContent .geoSwitcher select { width: 250px; border-color: #D1D3D4; float: none; font-weight: 600; }

.prodStockTitle b { color: #cc0000 }
a.prodStockTitle b { color: #cc0000 }

.stockList li { border-bottom: 1px solid #D1D3D4; }
.stockList li:first-child { border-top: 1px solid #D1D3D4; }



.stockList li .prodStock { display: flex;align-items: center; }
.stockList li .prodStock > *{ order:1;}
.stockList li .prodStock .prodStockSelection { margin-left: auto;     width: auto; }


.stockList li .prodStock .prodStockSaving { color:#009ee3;}
.stockList li .prodStock .prodStockPricing { margin:0; width:auto; order:0; padding: 5px 15px 5px 5px;   display: flex; flex-direction: column; align-items: center;  }
.stockList li .prodStock .prodStockPricing .prodStockPrice { font-size: 1.35em;}
.stockList li .prodStock .prodStockPricing .prodStockSaving { white-space: nowrap;     letter-spacing: -0.5px;     font-weight: 600;}

.stockList li .prodStock .prodStockTitle { width: auto; font-weight: 600; line-height: 1.15em;  text-wrap: balance; display: inline-flex; align-items: center; }
.stockList li .prodStock .prodStockPreviousPrice { float: left;  font-size: 100%; font-weight: 400;     margin: 0; }
.stockList li .prodStock .prodStockSelection .btn { font-weight: 700;  text-transform: uppercase; white-space: nowrap; }

.stockList li .stockicon--bogof .prodStockTitle { min-height: 45px; padding-left: 60px;  background: url(/_img/icons/bogof-circle.svg) no-repeat 0 50%; background-size:45px; }
.stockList li .prodStock.prodStockSubscription .prodStockTitle { padding-left: 0; background: none;     min-height: 0;}


.prodStockPromo { background: #e6e6e6; }
.prodStockPromo > span { font-weight: 600; }
.prodStockPromo .prodStockPromoForm input[type="submit"] { background: #00a89d; border-color: #00a89d; color: #fff; }
.prodDetail { border-color: #D1D3D4; }
.prodDetail p, .prodDetail li { font-weight: 400; }
.prodRelated ul li span { font-weight: 600; text-transform: uppercase; }

.msg p > img.msgpromo-image {width:auto}


@media screen and (min-width: 921px) {
    .stockList li .prodStock .prodStockSelection { width: 170px; }
    /* .stockList li .prodStock .prodStockPricing { width: 200px; } */
}

@media screen and (max-width: 920px) {
   .stockList li .prodStock {
        flex-wrap: wrap;
    }

    .stockList li .prodStock .prodStockTitle { padding-right: 0; order:0; flex: 0 0 100%; width: 100%; }
    .stockList li .prodStock .prodStockPricing { position: relative; top: 0px; margin: 0; text-align: right; }
    .stockList li .prodStock .prodStockPreviousPrice { margin: 0; float: none; display: inline-block; }
}

@media screen and (max-width: 400px) {
.stockList li .stockicon--bogof .prodStockTitle {  background-size:40px;     padding-left: 55px; }

.productList ul li .btn { font-size: 1.05em;  }

.stockList li .prodStock .prodStockPricing .prodStockPrice { font-size: 1.25em;}
}

/* .afdLookup { background: #f7f7f7; border: 1px solid #e5e5e5; margin-bottom: 40px; padding: 25px 40px; text-align: left; } */

/* = Out of stock
--------------------------------*/
.soldout img { position: relative; opacity: 1; }
.soldout header:after { content: 'OUT OF STOCK'; background-color: #d93e4d; color: #fff; font-size: 20px; padding: 18px 32px; position: absolute; display: block; width: 150px; height: 24px; bottom: 40px; left: -10px; -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.2); box-shadow: 0px 3px 15px rgba(0,0,0,0.2); }

/* .soldout .btn { background-color: #bac6d8; border-color: #bac6d8; } */


/* = Bogof over listing
--------------------------------*/
.multibuy {position: relative;}
.multibuy:after  { content:''; width:60px;height: 60px; position: absolute; top:20px; right: 20px; background: url(/_img/icons/bogof-circle.svg) no-repeat 0 50%; background-size:60px; border-radius: 50%;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 1080px) and (min-width: 951px)  {
 .multibuy:after  {  width:50px;height: 50px;  background-size: 50px; }
}

@media screen and (max-width: 850px)   and (min-width: 701px) {
    .multibuy:after  {  width:50px;height: 50px;  background-size: 50px; }
   }

   @media screen and (max-width: 480px)   {
    .multibuy:after  {  width:50px;height: 50px;  background-size: 50px; top:15px; right:15px; }
   }

   @media screen and (max-width: 400px)   {
    .multibuy:after  {  width:40px;height: 40px;  background-size: 40px; top:12px; right:12px; }
   }


/* = Product lists
--------------------------------*/
@media screen and (max-width: 1080px) {
    .soldout header:after {  padding: 15px 30px;  font-size: 18px;width: 130px;     height: 20px; }

}

@media screen and (max-width: 1024px) {
    .productListFourWide ul li:nth-child(3n+3),
    .productListFourWide ul li:nth-child(3n+1),
    .productListFourWide ul li:nth-child(odd) { clear: none; }
    .productListFourWide ul li:nth-child(3n+3) { margin-right: 2%; }
    .productListFourWide ul li:nth-child(2n+2) { margin-right: 2%; clear: none; }

    .productListFourWide ul li:nth-child(4n+4) { margin-right: 0; clear: right; }
    .productListFourWide ul li:nth-child(4n+1) { clear: left; }
}

@media screen and (max-width: 950px) {
    .productListFourWide ul li { padding: 0 10px 10px; width: 32%; margin: 0 2% 3% 0; }
    .productListFourWide ul li:nth-child(4n+4),
    .productListFourWide ul li:nth-child(4n+1) { clear: none; margin-right: 2%; }

    .productListFourWide ul li:nth-child(3n+3) { margin-right: 0; clear: right; }
    .productListFourWide ul li:nth-child(3n+1) { clear: left; }
}


@media screen and (max-width: 700px) {
    .productListFourWide ul li { padding: 0 10px 20px; width: 49%; margin: 0 2% 4% 0; }

    .productListFourWide ul li:nth-child(3n+3),
    .productListFourWide ul li:nth-child(3n+1),
    .productListFourWide ul li:nth-child(4n+4),
    .productListFourWide ul li:nth-child(4n+1),
    .productListFourWide ul li:nth-child(odd) { margin-right: 2%; clear: none; }

    .productListFourWide ul li:nth-child(2n+2),
    .productListFourWide ul li:nth-child(even) { margin-right: 0; clear: right; }

    .productListFourWide ul li:nth-child(odd) { clear: left; }

    #mainContent .geoSwitcher > span,
    #mainContent .geoSwitcher > .select,
    #mainContent .geoSwitcher select { width: 100%; display: block; }

    #mainContent .geoSwitcher > .select { margin-top: 10px; }
}

@media screen and (max-width: 600px) {
    .prodImages { float: none; }
    .productList ul li:last-child { margin-bottom: 35px; }

    #mainContent .geoSwitcher { margin: 30px 0 15px; float: none; width: 100%; }

    .soldout header:after { font-size: 14px; width: 110px; padding: 12px;  }
}


@media screen and (max-width: 480px) {
    .productListFourWide ul li { width: 48%; margin: 0 4% 4% 0; padding: 0; font-size: .9em; }

    .productListFourWide ul li:nth-child(3n+3),
    .productListFourWide ul li:nth-child(3n+1),
    .productListFourWide ul li:nth-child(4n+4),
    .productListFourWide ul li:nth-child(4n+1),
    .productListFourWide ul li:nth-child(odd) { margin-right: 4%; }

    .productListFourWide ul li:nth-child(2n+2),
    .productListFourWide ul li:nth-child(even) { margin-right: 0; clear: right; }


    .productListFourWide ul li:nth-child(odd) { clear: left; }
}

@media screen and (max-width: 400px) {
    .productListFourWide ul li { font-size: .8em; }
    .productListFourWide ul li h4,
    .productListFourWide ul li header img { margin-bottom: 15px; }

    .soldout header:after { padding: 8px; width: 110px;  height: auto;  }
}

@media screen and (max-width: 360px) {
    .productListFourWide ul li { font-size: .75em; }
    .productListFourWide ul li h4,
    .productListFourWide ul li header img { margin-bottom: 12px; }
    /* .productListFourWide ul li .btn { font-size: 1.3em; } */
}

/* = Checkout proccess
----------------------------------------------------------------------------------------------------------------- */
.loginWizard1 { margin-bottom: 20px; }
.checkoutProgress li a { background: #D1D3D4; color: #000; }
.checkoutProgress li a:after { border-color: transparent transparent transparent #D1D3D4; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; }
.checkoutProgress li a:hover:after { border-color: transparent transparent transparent #00a89d; }

.checkoutProgress li a.btnDisabled:hover { background: #00a89d; color: #fff; }
.checkoutProgress li a.btnDisabled:hover:after { border-color: transparent transparent transparent #00a89d; }

.checkoutProgress .progressActive a,
.checkoutProgress .progressComplete a { background: #009ee3; color: #fff; }

.checkoutProgress .progressActive a:after,
.checkoutProgress .progressComplete a:after { border-color: transparent transparent transparent #009ee3; }

.checkoutProgress .progressActive a:hover:after,
.checkoutProgress .progressComplete a:hover:after { border-color: transparent transparent transparent #009ee3; }

.pcSearchButtons .btn[value="Enter address manually"] { background-color: #fff; border-color: #009ee3; }
.pcSearchButtons .btn[value="Enter address manually"]:hover { background-color: #009ee3; border-color: #009ee3; }

.colHasSummary .tableWrap:last-child .tableScroll { margin-bottom: 0; }

@media screen and (max-width: 900px) {
    .checkoutProgress .progressActive:first-child a:after { border-color: #009ee3; }

    .checkoutProgress li.progressComplete:first-child a:after,
    .checkoutProgress li.progressComplete:first-child a:hover:after { border-color: transparent #009ee3 transparent transparent; }
}

#mainContent { position: relative; }
.page-loading { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: #fff url(/_img/loader_big.gif) no-repeat center 200px; z-index: 999; -webkit-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; -webkit-transition-delay: 0s, .3s; transition-delay: 0s, .3s; }
.async-hide .page-loading { visibility: visible; opacity: 1; }

@media screen and (max-width: 980px) {
    .colsHalf.checkoutBackContinue .col:first-child { width:200px; margin-right: 20px;} 
   .colsHalf.checkoutBackContinue .endCol {     margin-top: 0; width:calc(100% - 220px); clear: none; } 

   .colsHalf.checkoutBackContinue  .coCCBtn {margin-right: 0;}

   .colsHalf.checkoutBackContinue .coPaypalBtn,
   .colsHalf.checkoutBackContinue .coChequeBtn  {    margin-top: 0; margin-right: 0; text-align: right;}

}

@media screen and (max-width: 800px) {
    .page-loading { background-size: 40px 40px; background-position: center 100px; }
}

@media screen and (max-width:750px) {
    .colsHalf.checkoutBackContinue  .coCCBtn { float:right;  clear:both; } 

    .colsHalf.checkoutBackContinue .coPaypalBtn,
    .colsHalf.checkoutBackContinue .coChequeBtn  {  float:right; clear:both;       margin: 25px 0 0;}
}

@media screen and (max-width: 520px) {
    .colsHalf.checkoutBackContinue  .coCCBtn {margin-bottom: 0;}
}

@media screen and (max-width: 480px) {
    .colsHalf.checkoutBackContinue .coCCBtn {float:none;}

.colsHalf.checkoutBackContinue .endCol { width:100%; }
.colsHalf.checkoutBackContinue .coPaypalBtn, 
.colsHalf.checkoutBackContinue .coChequeBtn { float:none; text-align: center;}

}

@media screen and (max-width: 400px) {
    .page-loading { background-size: 34px 34px; }
}

@media screen and (max-width: 360px) {
    .page-loading { background-position: center 80px; background-size: 32px 32px; }
}

/* = News
----------------------------------------------------------------------------------------------------------------- */
.news ul { list-style: none; margin: 0; padding: 0; }
.news > ul li { float: left; width: 23.5%; margin: 0 2% 3.5% 0; }
.news > ul li h3 { color: #000; margin-bottom: 10px; }
.news > ul li h4 { margin: 12px 0; }
.news > ul li a { font-weight: 600; }
.news > ul li img { width: 100%; }
.news > ul li:nth-child(4n+4) { margin-right: 0; clear: right; }
.news > ul li:nth-child(4n+1) { clear: left; }

.news .paging { clear: left; }

.newsview h1 { margin-bottom: 15px; color: #111; font-size: 1.8em; }
.newsview:after { content: ""; display: table; clear: both; }

.newsview + div { margin-top: 40px; overflow: hidden; }

@media screen and (max-width: 950px) {
    .news ul li { padding: 0 10px 10px; width: 32%; margin: 0 2% 3% 0; }
    .news ul li:nth-child(4n+4),
    .news ul li:nth-child(4n+1) { clear: none; margin-right: 2%; }

    .news ul li:nth-child(3n+3) { margin-right: 0; clear: right; }
    .news ul li:nth-child(3n+1) { clear: left; }
}

@media screen and (max-width: 700px) {
    .news ul li { padding: 0 10px 20px; width: 49%; margin: 0 2% 4% 0; }

    .news ul li:nth-child(3n+3),
    .news ul li:nth-child(3n+1),
    .news ul li:nth-child(4n+4),
    .news ul li:nth-child(4n+1) { margin-right: 2%; clear: none; }

    .news ul li:nth-child(2n+2) { margin-right: 0; clear: right; }
    .news ul li:nth-child(odd) { clear: left; }
}

@media screen and (max-width: 380px) {
    .news ul li { padding: 0; width: 100%; margin: 0 0 25px; }

    .news ul li:nth-child(3n+3),
    .news ul li:nth-child(3n+1),
    .news ul li:nth-child(4n+4),
    .news ul li:nth-child(4n+1) { margin-right: 0; clear: none; }
}

/* = Our promise
----------------------------------------------------------------------------------------------------------------- */
.ourPromise { background: #00a89d; padding: 30px 60px; }
.ourPromise h2, .ourPromise h3, .ourPromise p { color: #fff; text-align: center; }
.ourPromise h2 { font-size: 40px; font-weight: 300; }
.ourPromise h3 { font-size: 16px; font-weight: 700; margin-bottom: 0; }
.ourPromise .cols { margin-bottom: 0; }
.ourPromise .colsThird .col { float: left; margin-right: 5%; width: 30%; }
.ourPromise .colsThird .endCol { margin-right: 0; }

@media screen and (max-width: 1024px) {
    .ourPromise { padding: 30px; }
    .ourPromise .colsThird .col { float: left; margin-right: 5%; width: 30%; }
    .ourPromise .colsThird .endCol { margin-right: 0; }
}

@media screen and (max-width: 480px) {
    .ourPromise .colsThird .col { float: none; margin-right: 0; width: 100%; }
}

/* = Slider Defaults
----------------------------------------------------------------------------------------------------------------- */
.slider-wrap { margin:0; padding: 0; position: relative; }

.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 0; }
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 0; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 1; }
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }

/* Pager */
.lSPager { list-style: none; margin: 0; padding: 0; }
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; }
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; margin: 0 2px; }
.lSSlideOuter .lSPager.lSpg > li a { opacity: 0.8; background-color: transparent; display: inline-block; height: 12px; width: 12px; border: 1px solid #333; border-radius: 50%; overflow: hidden; text-indent: -999em; position: relative; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; z-index: 1; }
.lSSlideOuter .lSPager.lSpg > li.active a { background-color: #333; }

/* Slider actions */
.lSAction > a { position: absolute; color: #fff; background-color: #333; opacity: 0.2; width: 36px; height: 40px; line-height: 40px; font-size: 40px; top: 50%; margin-top: -20px; display: block; cursor: pointer;  -webkit-transition:opacity .3s ease; transition:opacity .3s ease; z-index: 1; }
.lSAction > a:hover { opacity: 0.45; color:#fff }
.lSAction > a:before { width: auto; vertical-align: top; }

.lSAction > .lSPrev { left: 0; }
.lSAction > .lSNext { right: 0; text-align: right; }
.lSAction > .lSPrev:after { content:'\F104'; width: 34px; line-height: 38px; } 
.lSAction > .lSNext:after { content:'\F105'; width: 34px; line-height: 38px; } 

/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; }
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }

@-webkit-keyframes rightEnd {
    0% { left: 0; }
    50% { left: -15px; }
    100% { left: 0; }
}

@keyframes rightEnd {
    0% { left: 0; }
    50% { left: -15px; }
    100% { left: 0; }
}

@-webkit-keyframes leftEnd {
    0% { left: 0; }
    50% { left: 15px; }
    100% { left: 0; }
}

@keyframes leftEnd {
    0% { left: 0; }
    50% { left: 15px; }
    100% { left: 0; }
}

.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

@media screen and (max-width: 1320px) {
    .slider-wrap { padding: 0 50px; }
    .slide-prev { left: 0; }
    .slide-next { right: 0; }
}

@media screen and (max-width: 850px) {
    .slider-wrap { padding: 0 45px; }
    .slider-controls span,
    .lSAction > a { width: 32px; height: 34px; line-height: 34px; font-size: 34px; margin-top: -17px;  }
    .lSAction > .lSPrev:after,
    .lSAction > .lSNext:after  {width: 32px;  line-height: 32px; }

    .lSAction > a,
    .lSAction > a:hover { opacity: 0.15; }
}

@media screen and (max-width: 440px) {
    .lSAction > a,
    .lSAction > a:hover { opacity: 0.1; }

    .lSSlideOuter .lSPager.lSpg > li { padding: 0 4px; }
    .lSSlideOuter .lSPager.lSpg > li a {  height: 11px; width: 11px; }
}

/* = Slider Master
----------------------------------------------------------------------------------------------------------------- */
.slider-wrap { margin:60px 0; padding: 0; position: relative; }

h2 + .slider-wrap,
h3 + .slider-wrap ,
h4 + .slider-wrap ,
h5 + .slider-wrap,
.slider-wrap:first-child  {margin-top:0; }

.slider-wrap:last-child {margin-bottom: 0;}

.lSSlideOuter { margin: 0; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 30px 0; }
.lightSlider:last-child {margin-bottom: 0;}
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 0; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 1; }
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }


/* Pager */
.lSPager { list-style: none; margin: 0; padding: 0; }
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; }
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; margin: 0 2px; }
.lSSlideOuter .lSPager.lSpg > li a { opacity: 0.8; background-color: transparent; display: inline-block; height: 12px; width: 12px; border: 1px solid #bbb; border-radius: 50%; overflow: hidden; text-indent: -999em; position: relative; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; z-index: 1; }
.lSSlideOuter .lSPager.lSpg > li.active a { background-color: #bbb; }
/* End of pager */

/* slider actions */
/*.slider-controls span,
.lSAction > a { position: absolute; opacity: 0.2; width: 40px; height: 40px; line-height: 40px; font-size: 40px; top: 50%; margin-top: -20px; display: block; cursor: pointer; color: #0C5245; -webkit-transition:opacity .3s ease; transition:opacity .3s ease; z-index: 1; }

.slider-controls span:hover,
.lSAction > a:hover { opacity: 0.45; }

.slider-controls span:before,
.lSAction > a:before { width: auto; vertical-align: top; }

.lSAction > .lSPrev { left: 0; }
.lSAction > .lSNext { right: 0; text-align: right; }

.slide-prev { left: -60px; }
.slide-next { right: -60px; text-align: right; }*/

/* Rtl */
/*.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; }
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }

.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }*/

@media screen and (max-width: 1320px) {
    .slide-prev { left: 0; }
    .slide-next { right: 0; }
}

@media screen and (max-width: 850px) {
    .slider-controls span,
    .lSAction > a { width: 34px; height: 34px; line-height: 34px; font-size: 34px; margin-top: -17px; opacity: 0.4; }
}

@media screen and (max-width: 600px) {
    .slider-controls span,
    .lSAction > a { width: 30px; height: 30px; line-height: 30px; font-size: 30px; margin-top: -15px; opacity: 0.5; }
}

@media screen and (max-width: 480px) {
    .slide-prev { left: -8px; }
    .slide-next { right: -8px; }

    .slider-controls span,
    .lSAction > a { width: 24px; height: 24px; line-height: 24px; font-size: 24px; margin-top: -12px; opacity: 0.6; }
}

@media screen and (max-width: 400px) {
    .slider-controls span,
    .lSAction > a { width: 22px; height: 22px; line-height: 22px; font-size: 22px; margin-top: -11px; }
    .lSSlideOuter .lSPager.lSpg > li a { height: 9px; width: 9px; }
}

/* = Slider quotes
----------------------------------------------------------------------------------------------------------------- */
.slider-wrap--quotes { padding-top:45px; background: url(/_img/icons/speechmarks.svg) center top no-repeat;}
.slider-wrap--quotes .lSAction { display: none;}

.slider { list-style: none; padding: 0; }
.slider--quotes { margin: 0  auto 35px; max-width: 768px; text-align: center; }
.slider--quotes:last-child { margin-bottom: 35px; }
.slider--quotes li { font-size: 22px; line-height: 1.5em; font-weight: 600; }
.slider--quotes li cite {display: block; margin:10px 0 0; font-weight: 300; font-size: .9em;}

@media screen and (max-width: 480px) {
    .slider--quotes li { font-size: 20px; }
}

@media screen and (max-width: 400px) {
    .slider--quotes li { font-size: 19px; }
}


/* = Modal
----------------------------------------------------------------------------------------------------------------- */
.modal { display: none; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; }
.modal.on { display: block; }
.modal .modal-inner { max-width: 900px; width: 90%; max-height: 100vh; left: 50%; top: 45%; padding: 45px 40px 40px; margin: 0 auto; background: #fff; display: block; float: none; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; -webkit-transition: top .3s ease-in-out; transition: top .3s ease-in-out; }
.modal.on .modal-inner { top: 50%; }
.modalClose { cursor: pointer; text-decoration: none;     top: -36px;  right: 0; width: 36px; height: 36px; color: #fff; background: #00a89d; overflow: hidden; position: absolute; text-align: center; line-height: 1.2; z-index: 1; }
.modalClose:after { content: '\e800'; font-family: "esco"; font-style: normal; line-height: 34px; font-size: 20px; text-align: center; }
.modal-content { background: url(/_img/loader_big.gif) center no-repeat; background-size: 36px; -webkit-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; }
.modal-content p:last-child { margin-bottom: 5px; }

.modal--magPreview .modal-inner {     max-height: calc(100vh - 80px); overflow: unset; padding:30px; }
.modal--magPreview.on .modal-inner  { top: calc(50% + 17px); }
.modal--magPreview .modal-content {  max-height: calc(100vh - 145px);overflow: auto;}

@media screen and (max-height: 800px)  and (min-width: 601px) {
    .modal--magPreview .modal-inner {  max-width: 800px; }
}

@media screen and (max-height: 700px) and (min-width: 601px) {
    .modal--magPreview .modal-inner {   max-width: 700px; padding:20px; }
    .modal--magPreview .modal-content {   max-height: calc(100vh - 115px); }

    .modalClose {   top: -34px;   width: 34px; height: 34px; }
    .modalClose:after { line-height: 34px; font-size: 17px; }
}

@media screen and (max-height: 650px) and (min-width: 601px) {
    .modal--magPreview.on .modal-inner { top: 50%; max-height: calc(100vh - 40px); }

    .modalClose {   top: 0;   width: 32px; height: 32px; }
    .modalClose:after { line-height: 32px; font-size: 16px; }
}

@media screen and (max-height: 600px) and (min-width: 601px) {
    .modal--magPreview .modal-inner {   max-width: 650px;  padding:10px;   }
    .modal--magPreview .modal-content {   max-height: calc(100vh - 90px); }
}

@media screen and (max-height:560px) and (min-width: 601px) {
    .modal--magPreview .modal-inner {   max-width: 600px;  }
    .modal--magPreview .modal-content {   max-height: calc(100vh - 80px); }
}

@media screen and (max-height:540px) and (min-width: 601px) {
    .modal--magPreview .modal-inner {   max-width: 550px;  }
    .modal--magPreview .modal-content {   max-height: calc(100vh - 70px); }
}

@media screen and (max-width: 600px) {
    .modal--magPreview .modal-inner { left:0; width:100%; max-width: 100%; height: 100%; max-height: 100%;  transform:none;      padding: 45px 0 0; } 
    .modal--magPreview.on .modal-inner  { top:0; }
    .modal--magPreview .modal-content {  max-width: 480px;  margin:0 auto;  max-height: 100%;  display: flex;  flex-direction: column;   width: 100%; height: calc(100vh - 45px); justify-content: flex-end; }

    .modalClose {   top: 0;   width: 32px; height: 32px; }
    .modalClose:after { line-height: 31px;  }
}

/* = Membership pages
----------------------------------------------------------------------------------------------------------------- */
#mainContent.template-member { padding: 0 0 50px; }

.template-member h2 { color: #00a89d; line-height: 1.25em; font-weight: 700; }

.top-split { position: relative; font-size: 16px; color: #464646; }
.top-split .ts-left { float: left; width: calc(58% - 70px);  margin: 85px 40px 50px 30px; }
.top-split .ts-right { float: left; width: calc(42% - 40px); margin-top: -60px; margin-bottom: 50px; margin-right: 40px; padding: 40px; border-radius: 6px; background-color: #F4F6F9; border: 1px solid #fff;   box-shadow: 0px 3px 28px rgba(0, 0, 0, 0.16);}

.ts-left .cols {margin-bottom: 0;}
.ts-left .cols .col { float: left; margin-bottom: 0; }
.ts-left .cols .col:first-child { width: calc(60% - 30px); margin-right: 30px; }
.ts-left .cols .col:last-child { width: 40%; }

.ts-right .cols .col { width: 48%; float: left; margin-right: 4%; }
.ts-right .cols .endCol { margin-right: 0; }

.top-split h1 { font-weight: 700; color: #00a89d; }
.top-split h4 { font-weight: 600; color: #00a89d; }
.top-split .ts-left .leader { font-size: 24px; font-weight: 600; line-height: 1.4em; color: #009EE3; }
.top-split .ts-right h2 { margin: 12px 0; font-weight: 700; color: #009ee3; line-height: 1.15em; }
.top-split p:last-child { margin-bottom: 5px; }

.btn--chevRight { text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; width: 100%; text-align: center; border-radius: 3px; }
.btn--member { margin-top: 5px; }

.bottom-content h2:first-child { margin-top: 0; }

.banner-strip { position: relative; }
.banner-strip > img { width: 100%; }
.banner-overlay { display: block; position: absolute; bottom: -53px; left: 40px; max-width: calc(50% - 40px); }

.banner-overlay { width: 526px; max-width: 44%; }
.banner-overlay--magOnly {      bottom: -60px;  width: 370px; max-width: 31%; }

.list-chevrons,
.list-ticks,
.list-mixed { list-style: none; margin: 30px 0; padding: 0; font-weight: 600; }

.list-chevrons:last-child,
.list-ticks:last-child,
.list-mixed:last-child  { margin-bottom: 5px; }

.list-chevrons li { position: relative; font-size: 18px; margin: 0 0 30px; padding: 0 0 0 30px; background: url(/_img/icons/chevron.svg) 0 center no-repeat; }
.list-ticks li { position: relative; font-size: 16px; font-weight: 700; line-height: 1.25em; margin: 0 0 15px; padding: 0 0 0 35px; background: url(/_img/icons/tick.svg) 0 center no-repeat; }
.list-mixed li { position: relative; font-size: 16px; font-weight: 600; margin: 0 0 25px; padding: 0 0 0 36px;  }

.list-tick { background: url(/_img/icons/tick.svg) 0 center no-repeat;}
.list-cross { background: url(/_img/icons/bullet-cross.svg) 0 center no-repeat;     color: #918c8c;}
.list-strikethrough { text-decoration: line-through;     color: #918c8c;}


.list-colourBullets { list-style: none; font-size: 18px;  }
.list-colourBullets  li {font-weight: 600; margin: 0 0 25px; } 
.list-colourBullets li:before {content: "\2022";position: absolute;color: #00a89d;font-weight: 700;display: inline-block;width: 10px;margin-left: -19px;}

.list-chevrons li:last-child,
.list-ticks li:last-child,
.list-colourBullets li:last-child,
.list-mixed  li:last-child { margin-bottom: 8px; }

.circle-graphic { margin: -50px auto 0; max-width: 230px; display: block; }

.icon-chevron { display: inline-block; margin-left:15px; width:12px; height: 12px; background: url(/_img/icons/chevron-white.svg) 0 0 no-repeat; background-size:contain;}

.circle-text { width: 100%; height: 0; padding-top: 100%; border-radius: 50%; background-color: #009EE3; position: relative; box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.15); }
.circle-text span { position: absolute; display: block; padding: 45px 40px 0; font-size: 21px; line-height: 1.25em; color: #fff; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; }
.circle-text--run { margin-top: -55px; background: #009EE3 url(/_img/icons/runner-small.svg) top 20px center no-repeat; -webkit-transform: scale(0.95); transform: scale(0.95); }

.mb--product {margin-bottom: 30px;}
/*.mb--product  .mb--title-summ {float:left; width: calc(66% - 30px); margin-right:30px; }*/
.mb--product  img { float:left; width:34%; }
.mb--product .member--summary  {font-size: 18px; line-height: 1.5em;}

.mb--geo  {margin:0 0 15px;}
.mb-promobox { display: none; margin: 0 0 14px; position: relative; }
.mb-promobox input[type=text] { width:100%; padding: 10px 12px; padding-right: 100px; } 
.mb-promobox .btn { position: absolute; right:0; top:0; }

.mb__mag-promo { display: flex; align-items: flex-start; gap:20px; margin: 25px 0; } 
.mb__mag-promo-img { flex:0 0 200px; }
.mb__mag-promo .mb--promo { margin:0 0 30px; flex: 1; }

    .mb__mag-promo-txt p { margin-left: 5px; }

@media screen and (max-width: 600px) {
    .mb__mag-promo { display: block;}
    .mb__mag-promo-img { text-align: center; margin-bottom: 30px; }
    .mb__mag-promo-img img { margin:0 auto; max-width: 240px; width: 100%; }
    .mb__mag-promo-txt p { margin-left: 0; }
}

#mainContent .mb--geo .geoSwitcher { float:none; width:100%; font-size: 16px; margin: 0;  } 
#mainContent .mb--geo .geoSwitcher > span { display: inline-block; margin:9px 0; width: 180px; font-weight: 600; } 
#mainContent .mb--geo .geoSwitcher .select { width: calc(100% - 190px); margin: 0; float: right;  }
#mainContent .mb--geo .geoSwitcher select { width:100%; font-weight: normal; font-family: 'Nunito Sans', sans-serif;}

.logo-callout-strip {margin: 20px 0;  } 
.logo-callout-strip h3 { margin-right: 25px; font-size: 24px; font-weight: 600;  display: inline-block; vertical-align: middle;} 
.logo-callout-strip img  { display: inline-block; vertical-align: middle; max-width: 200px; } 

.mb--promo { margin:20px 0; padding:5px 20px; background: #ebebeb; border-radius: 4px; }
.mb--promo .mb-promotoggle  {     padding: 10px 25px 10px 0; font-weight: 700; position: relative;  cursor: pointer; text-wrap: balance;} 
.mb--promo .mb-promotoggle:after { content: ""; position: absolute; right:0;     top: 50%;  margin-top: -7px; width:14px; height:14px; background: url(/_img/icons/toggle.svg) 0 0 no-repeat;  }  
.mb--promo.on .mb-promotoggle:after  { -webkit-transform:rotate(45deg);  transform:rotate(45deg); }
.mb--promo.on  .mb-promobox  {display: block;}

.mb--pricing  .stockList li { border:none;}
.mb--pricing .stockList li .prodStock { display: table-row;} 

.mb--pricing .stockList li .prodStockPricing {  display: table-cell;  text-align: center; }

.mb--pricing .stockList li .prodStockPricing > span {display: block; float:none; margin: 0; }
.mb--pricing .stockList li .prodStockPricing .prodStockFormat {display: none; }
.mb--pricing .stockList li .prodStock .prodStockSelection {  width: auto; display: table-cell; margin-left: auto;} 
.mb--pricing .stockList li .prodStock .prodStockSelection .btn { min-width: 140px; white-space: nowrap; }
.mb--pricing .stockList li .prodStock .prodStockTitle {     padding-left: 32px; background-size: 24px auto; width: calc(100% - 260px); flex:1; padding-right: 20px; display: inline-flex; align-items: center; }

.mb--pricing .stockList li .prodStock.prodStockSubscription .prodStockTitle { padding-left: 0; background: none;}


#op .top-split .ts-left p ,
#become-member .top-split .ts-left p {font-size: 18px;}

.banner-split { margin:60px 0;  position: relative;}
.banner-split:first-child {margin-top: 0;}
.banner-split:last-child {margin-bottom: 0;}
.banner-split .bs-item { float:left;  width:50%;  height: 0; padding-top: 26%; background-repeat:no-repeat; background-size: cover ;     background-position: center; position: relative; }
.banner-split .bsi-overlay { position: absolute; top: 0;  left: 0; margin: 40px; max-width: 400px; color:#fff;  }
.banner-split .bsi-overlay *   { color:#fff; }
.banner-split .bsi-overlay p {font-size: 18px;}
.banner-split .bsi-overlay p:last-child {margin-bottom: 5px;}
.banner-split h2.large {   line-height: 1.25em;}
.banner-split .bsi-image { position: absolute; bottom: -35px;  right: 35px;  max-height: 85%; }
.banner-split .bs-item + .bs-item {     margin-bottom:20px; }

.package-list {display: flex;  flex-wrap: wrap; list-style: none; margin: 60px 0; padding:0; text-align: center; }
.package-list li {  display: flex; flex-wrap: wrap; flex-direction: column;}

h2 + .package-list, h3 + .package-list, h4 + .package-list, h5 + .package-list {margin-top: 35px;}
.package-list:first-child {margin-top: 0;}
.package-list:last-child {margin-bottom: 0;}

.pl-image {  position: relative;     margin: 0 auto; }
.pl-image img { display: block; max-width: 200px; margin:0 auto;  }
.pl-promo {  position: absolute; bottom:30px; right:-32px; width:64px; height: 64px; font-size: 1.3em;  font-weight: 600; display: flex;flex-direction: column; justify-content: center;  text-align: center;  text-transform: uppercase; border-radius: 50%; background-color: #fff; border:1px solid #00a89d;  }
.pl-promo--top  {bottom:auto; top:30px;}

.pl-promo--free {line-height: 64px;  color:#EE1936; }
.pl-promo span { display: block; font-size: .8em; line-height: 1.2em;}
.pl-promo img { width:100%; border-radius: 50%; }
.pl-content {margin-top: 25px; display: flex; flex-direction: column;  flex-wrap: nowrap;  align-items: flex-start;  text-align: center; align-items: center; width: 100%;  flex: 1 1 auto; }
.pl-content h3 { margin-bottom: 10px; font-weight: 700;}
.pl-content p {font-size: 1.15em;}
.pl-content p:last-child {margin-bottom: 0;     margin-top: auto;} 
.pl-content .btn {    font-weight: 400;  width: 210px; max-width: 100%;  border-radius: 3px; letter-spacing: .5px; text-transform: uppercase; }

.mag-embed { position: relative;  width:100%; height: 0; padding-top:75%; } 
.mag-embed iframe { position: absolute; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%;}

@media screen and (min-width: 651px) {
    .banner-split h2.large {font-size: 34px;  }
}

@media screen and (min-width: 981px) {
    #op .top-split .ts-left,
    #become-member .top-split .ts-left { width: calc(45% - 70px);  }
    #op .top-split .ts-right,
    #become-member .top-split .ts-right { width: calc(55% - 40px);  }

    .package-list li { float:left; width:calc(25% - 30px); margin: 40px 40px 10px 0; }
    .package-list li:nth-child(4n+1) {clear:left; }
    .package-list li:nth-child(4n+4) {clear:right; margin-right: 0;}
    .package-list li:nth-child(-n+4) {margin-top:0; }
}

@media screen and (min-width: 1081px) {
    .top-split h1 { font-size: 30px; }

    .banner-split .bsi-overlay {  margin: 45px 40px; }
}

@media screen and (min-width: 1201px) {
    .top-split h1 { font-size: 32px; }
}

@media screen and (min-width: 1301px) {
    .top-split h1 { font-size: 34px; }
}

@media screen and (max-width: 1200px) {
    .top-split .ts-left { width: calc(58% - 60px); margin: 80px 40px 0 20px; }
    .top-split .ts-right { padding: 35px; }

    .banner-split .bsi-overlay {margin:30px;}
    .banner-split .bs-item {  padding-top: 30%;   }
    .banner-split .bsi-image {  bottom: -30px;  right: 30px; max-height: 75%;  }
}

@media screen and (max-width: 1080px) and (min-width: 981px), screen and (max-width: 600px) {
    .ts-right .cols .col { float: none; width: 100%; text-align: center; margin: 20px 0 0; }
    .ts-right .cols .col:first-child { margin: 0; }
    .top-split .ts-right h2 { margin-top: 0; }
}

@media screen and (max-width: 1080px) and (min-width: 981px), screen and (max-width: 600px) {
    .mb--pricing .stockList li .prodStock { flex-wrap: wrap; } 
    .mb--pricing .stockList li .prodStock .prodStockTitle { padding-right:0; display: inline-flex; width: 100%;         margin: 0 0 5px; flex: 0 0 100%; order: 0; } 
    .mb--pricing .stockList li .prodStockPricing {  display: inline-block;    margin: 0;  }
    .mb--pricing .stockList li .prodStock .prodStockSelection { float:right;    margin-bottom: 0; } 
    .mb--pricing .stockList li .prodStock .prodStockSelection .btn { display: block;  width:100%; margin:0; }
}

@media screen and (max-width: 980px) {
    .top-split h1 { font-size: 32px; }
    .top-split .ts-left { float: none; width: 100%; margin: 80px 0 0; }
    .top-split .ts-right { float: none; width: 100%; margin: 35px 0; }

    #become-member .top-split {display: flex; flex-wrap: wrap;}
    #become-member .top-split  .ts-right  {order:1; margin: 80px 0 0; }
    #become-member .top-split  .ts-left  {order:2;  margin: 35px 0; }

    .ts-right .cols { text-align: center; }
    .circle-graphic { margin: -110px auto 0; max-width: 200px; }

    .banner-split .bs-item {  float:none; width:100%;      padding-top: 0;  height: auto;  min-height: 32vw;  }
    .banner-split .bs-item +  .bs-item  {margin-top:30px;     margin-bottom: 25px; }
    .banner-split .bsi-overlay {margin: 0;    padding: 40px;  position: relative; }
    .banner-split .bsi-image { bottom: -30px; right: 35px;   max-height: 85%; }
}

@media screen and (max-width: 980px) and (min-width: 601px) {
    .package-list li { float:left; width:calc(50% - 20px); margin: 40px 40px 0 0; }
    .package-list li:nth-child(odd) {clear:left; }
    .package-list li:nth-child(even) {clear:right; margin-right: 0;}
    .package-list li:nth-child(-n+2) {margin-top:0; }

}

@media screen and (max-width: 920px) {
    .stockList li .prodStock .prodStockSelection .btn {  margin: 0; }
}

@media screen and (max-width: 800px) {
    #mainContent .mb--geo .geoSwitcher > span {  margin:6px 0; } 
    .mb-promobox .btn { padding: 4px 10px; height: 35px; font-size: .9em;}
}

@media screen and (max-width: 750px) {
    .rc-cover { display: block; margin: 0 auto; max-width: 300px; width: 100%; }

    .circle-graphic { max-width: 180px; margin: -90px auto 0; }
}

@media screen and (max-width: 600px) {
    .ts-left .cols .col:first-child { width: 100%; float: none; margin: 0; }
    .ts-left .cols .col:last-child { width: 100%; float: none; margin: 30px 0 0; }
    .banner-overlay { left: 30px; max-width: 50%; }
    .banner-overlay--magOnly {   max-width: 33%; }

    .mb--pricing .stockList li .prodStockPricing {line-height: 1.4em;   margin-bottom: 0;}
    .mb--pricing .stockList li .prodStock .prodStockSelection {   margin-bottom: 0; } 

    .banner-split .bsi-overlay { padding: 30px; }

    .package-list li {  width:100%; margin: 40px 0 0; }
    .package-list li:first-child {margin-top:0; }
    .pl-image {  position: relative;  max-width: 300px;  margin: 0 auto; }

    .mag-embed { padding-top: 150% }
}

@media screen and (max-width: 530px) {
    .top-split h1 { font-size: 30px; }

    .top-split .ts-left {     margin: 70px 0 0; } 

    #op .top-split h1,
    #become-member .top-split h1 { margin-bottom: 10px;}
    #op .ts-left h1,
    #become-member .ts-left h1 {  padding-top: 10px;  margin-bottom: 5px; text-align: center;}
    .logo-callout-strip {margin: 0 0 20px;  } 
    .logo-callout-strip h3 {display: block;  margin: 0 0 15px; text-align: center; }
    .logo-callout-strip img  { display: block; margin:0 auto; text-align: center;} 

    .mb--product .mb--title-summ {  float: none; width: 100%; margin: 0 0 20px; }
    .mb--product img {  display: block;  margin: 0 auto; max-width: 300px;  width: 100%; float:none;  }
}

@media screen and (max-width: 480px) {
    .top-split h1 { font-size: 28px; }
    .top-split .ts-right { padding: 30px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15); }

    #mainContent .mb--geo .geoSwitcher > span { display: block; margin:0 0 10px; width: 100%;  } 
    #mainContent .mb--geo .geoSwitcher .select { width:100%; margin: 0; float: none;  }

    /* .mb--pricing .stockList li .prodStockPricing {width: calc(100% - 180px); } */
    /* .mb--pricing .stockList li .prodStock .prodStockSelection { width:170px;} */
    /* .mb--pricing .stockList li .prodStock .prodStockSelection .btn { letter-spacing: 0.5px; ; } */

    .banner-split .bsi-image {  bottom: -20px;   right: 25px;max-height: 75%;  }

      .mb--pricing .stockList li .prodStock .prodStockSelection {   flex:0 0 100%; width: 100%; } 
       .mb--pricing .stockList li .prodStockPricing {  flex:0 0 100%; width: 100%; padding-bottom: 10px;}

       .mb--pricing .stockList li .prodStock .prodStockPricing .prodStockPrice { font-size: 1.4em; }
}

@media screen and (max-width: 400px) {
    .top-split h1 { font-size: 26px; }
    .top-split .ts-left .leader {font-size: 22px;}
    .bottom-content h2:first-child { font-size: 26px; }
    .top-split .ts-right { padding: 30px 20px; }

    .list-chevrons li { font-size: 17px; margin: 0 0 25px; padding: 0 0 0 25px; background-size: 14px auto; }

    .mb--promo {  padding: 5px 15px;}
    .mb--promo .mb-promotoggle {font-size: 3.75vw;}

    .banner-split .bs-item + .bs-item {  margin-top: 25px;   margin-bottom: 20px; }
    .banner-split .bsi-overlay { padding: 25px; }
}

/* = Digital Offering landing page
----------------------------------------------------------------------------------------------------------------- */
.offering-intro {max-width: 700px; margin: 70px auto 45px;}

.productListFeatureTwo ul { margin:45px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.productListFeatureTwo ul li {margin-top: 0; margin-bottom: 0; padding:40px;  border-radius: 6px; background-color: #F4F6F9; border: 1px solid #fff;   box-shadow: 0 0 28px rgba(0, 0, 0, 0.18);}
.productListFeatureTwo ul li header a {display: block;}
.productListFeatureTwo ul li header img { max-width: 450px; margin: 10px auto 30px; }

.productListFeatureTwo h2 {font-weight: 600; line-height: 1.2em;}
.productListFeatureTwo .col-summary { font-size: 1.2em;}
.productListFeatureTwo .col-price { font-size: 1.5em;}

.package-list.package-list--bottom { margin: 0 0 50px; }

@media screen and (max-width: 700px) {
    .offering-intro { margin: 75px auto 40px;}
    .productListFeatureTwo ul { margin:40px 0; }
    .productListFeatureTwo ul li {margin-bottom: 40px;}
    .productListFeatureTwo ul li:last-child { margin-bottom: 0;}

    .package-list.package-list--bottom { margin: 0 0 40px; }
}

@media screen and (max-width: 480px) {
    .productListFeatureTwo ul li { padding:35px; }
}

/* = Featured styled cols
----------------------------------------------------------------------------------------------------------------- */

.featured-cols { margin:45px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.featured-cols > div {margin-top: 0; margin-bottom: 0; padding:40px;  border-radius: 6px; background-color: #F4F6F9; border: 1px solid #fff;   box-shadow: 0 0 28px rgba(0, 0, 0, 0.18);}
.featured-cols > div img { max-width: 450px; margin: 15px auto 30px; }

.featured-cols  h2 {font-weight: 600; line-height: 1.2em; }
.featured-cols .col-summary { font-size: 1.2em;}
.featured-cols .col-price { font-size: 1.5em;}

.featured-cols > div { float: left; width: 49%; margin: 0 2% 4% 0; }
.featured-cols > div:nth-child(odd) { clear: left; }
.featured-cols > div:nth-child(even) { clear: right; margin-right: 0; }

.featured-cols .list-colourBullets,
.featured-cols .list-ticks,
.featured-cols .list-chevrons  { font-size: 1em;}

.featured-cols .list-colourBullets li,
.featured-cols .list-chevrons li,
.featured-cols .list-ticks li { font-size: 16px; font-weight: 600; }

@media screen and (max-width: 700px) {
    .featured-cols > div {margin-bottom: 40px;}
    .featured-cols > div:last-child { margin-bottom: 0;}
}

@media screen and (max-width: 700px) {
    .featured-cols > div { float: none; width: 100%; margin: 0 0 35px 0; }
    .featured-cols > div:last-child { margin-bottom: 15px; }
}

@media screen and (max-width: 480px) {
    .featured-cols > div { padding:35px; }
}

@media screen and (max-width: 400px) {
    .featured-cols .list-colourBullets li,
    .featured-cols .list-chevrons li,
    .featured-cols .list-ticks li,
    .featured-cols .list-mixed li  { font-size: 15px;  }
}

/* = My Account reset
----------------------------------------------------------------------------------------------------------------- */
.myAccount {  margin: 0; padding: 0; max-width: 100%; background: transparent; }


/* = Product Colours and Ratings
----------------------------------------------------------------------------------------------------------------- */
.prodColours {margin:30px 0; }
.prodColours:first-child {margin-top: 0;}
.prodColours:last-child {margin-bottom: 0;}
.prodColours + .prodDetail{ margin-top: 30px; } 

.prodColours p { margin: 0 0 10px; }
.prodColours ul { margin: 0; list-style: none; }
.prodColours ul li { display: inline-block;     margin: 0 10px 0 0; }
.prodColours ul li:last-child {margin:0; }
.prodColours ul li span { width: 22px; height: 22px; border: 2px solid #fff; display: inline-block; vertical-align: top; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.prodColours ul li span.selected {  -webkit-box-shadow: 0 0 0 2px #444;; box-shadow: 0 0 0 2px #444; }
.prodColours ul li span:hover { cursor: pointer;  -webkit-box-shadow:  0 0 0 2px #000; box-shadow:  0 0 0 2px #000; }

.prodRating { margin:30px 0;  } 
.prodRating:first-child {margin-top: 10px;}
.prodRating:last-child {margin-bottom: 0;}

.rating  p {margin:0; line-height: 1; }
.rating ul { margin: 0 0 10px; list-style: none; }
.rating ul li { display: inline; }
.rating ul li span { margin-right: 5px; }

.rating .msg { margin:30px 0; display: none; }
.rating .msg:first-child {margin-top:0; }
.rating .msg:last-child {margin-bottom: 0;}

.icoStars { margin: -2px 0 0 8px; background-image: url(/_img/stars.svg); width: 100px; height: 18px; vertical-align: middle;  }
.icoStars1 { background-position: 0 -18px; }
.icoStars2 { background-position: 0 -36px; }
.icoStars3 { background-position: 0 -54px; }
.icoStars4 { background-position: 0 -72px; }
.icoStars5 { background-position: 0 -90px; }
.icoStars05 { background-position: 0 -108px; }
.icoStars15 { background-position: 0 -126px; }
.icoStars25 { background-position: 0 -144px; }
.icoStars35 { background-position: 0 -162px; }
.icoStars45 { background-position: 0 -180px; }


/* = Product Comments and leave rating
----------------------------------------------------------------------------------------------------------------- */
.commentAdd .comments-label { cursor: pointer; display: block; margin: 0; width: 100%; float:none;     padding: 14px 46px 14px 16px; color:#fff; background: #333;     position: relative; } 
.commentAdd .comments-label:after {content: "\E81D";  position: absolute; right: 15px;  top: 50%; -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
.commentAdd.on .comments-label:after {-webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}

.commentAdd .comments-box { display: block;  margin: 0; padding: 20px; width: 100%;  resize: none; }

.commentAdd .lc-box {  display: none; }
.commentAdd.on .lc-box {  display: block;  margin:25px 0 0; width:100%;}

.commentAdd .lc-box label {float:none; display: block;  width: 100%; margin: 0 0 8px; padding: 0; font-weight: bold; }

.commentAdd .formSubmit {display: none;}
.commentAdd.on .formSubmit {display: block; }
.commentAdd .formSubmit label {display: none;}

.commentAdd .leave-rating { margin:25px 0; display: none;}
.commentAdd .leave-rating label  {  width: 100%; display: block; float:none;  margin: 0 0 8px; padding: 0; font-weight: bold; }
.commentAdd .leave-rating .select { width: 100%; display: block; float:none;  }

.commentAdd.on .leave-rating {display: block;}

.leave-rating-stars {overflow: hidden;}
.stars-wrap { display: inline-block; clear:both;} 
.stars-wrap a { float:left; padding:0 4px; } 
.stars-wrap a:first-child {padding-left:0; }
.stars-wrap a:last-child {padding-right:0; }
.stars-wrap .star { display: block; font-size: 0;}

.star:after { content: '\e829';  font-size: 22px;  } 
.star--on {color:#ffc107;}

.star--on:after,
.stars-wrap:hover .star:after { content: '\e828';  }

.stars-wrap a  { color: #b0b0b0; }
.stars-wrap:hover a  { color: #ffc107; }
.stars-wrap a:hover ~ a {   color: #b0b0b0;  }
.stars-wrap:hover a:hover ~ a .star:after { content: '\e829'; } 

.commentAdd .leave-rating-stars label  {margin-bottom: 10px;}

.prodComments {margin:40px 0;}
.prodComments:first-child {margin-top: 0;}
.prodComments:last-child {margin-bottom: 0;}
.prodComments .msg {margin-top:0; }
.prodComments .msg:last-child {margin-bottom: 0;}
.prodComments .commentList .lSSlideWrapper  {background: #f6f6f6;}
.prodComments .commentList ul {list-style: none; margin:0; padding:0; text-align: center;  }

.prodComments .commentList {margin:35px 0;}
.prodComments .commentList:first-child {margin-top: 0;}
.prodComments .commentList:last-child {margin-bottom: 0;}
.prodComments .commentList .medObjs .cont {padding: 45px;}
.prodComments .commentList .medObjs .cont p { max-width: 800px; font-size: 1.25em; margin: 0 auto 15px;}
.prodComments .commentList .medObjs .cont i { color:#666; display: block; font-size: .9em; }
.prodComments .commentList .medObjs  li {margin:0; }

.prodComments .commentList .msg {margin-bottom: 0; text-align: center;}
.prodComments  .lSAction > a  {opacity: 0.15;}

.commentAdd .leave-comment  {margin:25px 0; }
.leave-comment ::-webkit-input-placeholder { color: #a9a9a9; }
.leave-comment ::-moz-placeholder { color: #a9a9a9; }
.leave-comment :-ms-input-placeholder { color: #a9a9a9; }
.leave-comment :-moz-placeholder { color: #a9a9a9; }

@media screen and (min-width: 1201px) {
    .prodComments .commentList .medObjs .cont p {font-size: 1.3em; }
}

@media screen and (max-width: 600px) {
    .prodComments {margin:35px 0; }
    .prodComments .commentList .medObjs .cont p {font-size: 1.2em; }
    .prodComments .commentList .medObjs .cont i {  font-size: .8em; }

    .prodComments .lSAction > a {  opacity: 0.1;  }
}

@media screen and (max-width: 400px) {
    .prodComments {margin:30px 0; }
    .prodComments .commentList .medObjs .cont { padding: 40px 45px;  } 
    .prodComments .commentList .medObjs .cont p {font-size: 1.15em; }

    .commentAdd .comments-box { padding:15px;  }
}


/* = Anthem themed comments and ratings additions
----------------------------------------------------------------------------------------------------------------- */

.bottom-content,
.prodComments { font-size: 18px;}
.commentAdd .comments-label { background-color: #00a89d;} 
.commentAdd.on .comments-label { background-color: #009ee3; } 

.prodComments .commentList .medObjs .cont i { color:#00a89d; }

.prodRating {font-weight: bold;}

.icoStars { background-image: url(/_img/stars-theme.svg); transform: scale(1.1); transform-origin: 0 50%; }

@media screen and (max-width: 400px) {
    .bottom-content,
    .prodComments  { font-size: 17px;}
}


/* = Membership block
----------------------------------------------------------------------------------------------------------------- */
.priority .stockList { overflow: auto; }
.priority .stockList li { background: #fff; margin-bottom: 12px; padding: 8px; border:none; }
.firstPriority .stockList li:nth-child(1), .secondPriority .stockList li:nth-child(2), .thirdPriority .stockList li:nth-child(3), .fourthPriority .stockList li:nth-child(4), .fifthPriority .stockList li:nth-child(5) { background: #009EE3; margin-top: 48px; position: relative; }
.firstPriority .stockList li:nth-child(1)::before, .secondPriority .stockList li:nth-child(2)::before, .thirdPriority .stockList li:nth-child(3)::before, .fourthPriority .stockList li:nth-child(4)::before, .fifthPriority .stockList li:nth-child(5)::before { background-color: #009EE3; color: #fff; content: 'Best Buy!'; display: block; left: 0; font-size: 22px; font-weight: 700; padding: 10px 32px 10px 16px; position: absolute; text-transform: uppercase; top: -36px; }
.priority .stockList li .prodStock { background: #fff; display: flex; flex-wrap:wrap; padding: 8px; }
.priority .stockList li .stockpromo-info { flex:0 0 100%; }

@media screen and (max-width: 1080px) and (min-width: 981px), screen and (max-width: 600px) {
.priority .stockList li .prodStock { flex-wrap: wrap;}
}

@media screen and (max-width: 920px) {
    .firstPriority .stockList li:nth-child(1) .prodStock, .secondPriority .stockList li:nth-child(2) .prodStock, .thirdPriority .stockList li:nth-child(3) .prodStock, .fourthPriority .stockList li:nth-child(4) .prodStock, .fifthPriority .stockList li:nth-child(5) .prodStock { padding: 8px; }
}

/* = Product tabs
----------------------------------------------------------------------------------------------------------------- */
.top-split .ts-right { padding-top: 56px; position: relative; }
.prodTabs { left: 0; position: absolute; right: 0; top: 0; }
.prodTabs ul { background: #fff; list-style: none; margin: 0; overflow: auto; display: flex; }
.prodTabs ul li { background: #fff; float: left; margin-bottom: 0; padding: 10px 0; text-align: center; width: 33.33%; flex:1 1 33.333%; }
.prodTabs ul li.selected { background: #F4F6F9; }
.prodTabs ul li a { display: block; font-weight: 700; }
.prodTabs ul li a .mobileTab { display: none; }

@media screen and (max-width: 480px) {
    .prodTabs ul li a .desktopTab { display: none; }
    .prodTabs ul li a .mobileTab { display: inline; }
}


/* = Product view overrides 27-10-22 - Product image 300px width from breakpoint 961px and up
----------------------------------------------------------------------------------------------------------------- */
.prodView.priority .stockList { overflow: auto; }
.prodView.priority .stockList li { background: #fff; margin-bottom: 12px; padding: 8px; }
.prodView.firstPriority .stockList li:nth-child(1), .prodView.secondPriority .stockList li:nth-child(2), .prodView.thirdPriority .stockList li:nth-child(3), .prodView.fourthPriority .stockList li:nth-child(4), .prodView.fifthPriority .stockList li:nth-child(5) { background: #00a89d; margin-top: 48px; position: relative; }
.prodView.firstPriority .stockList li:nth-child(1)::before, .prodView.secondPriority .stockList li:nth-child(2)::before, .prodView.thirdPriority .stockList li:nth-child(3)::before, .prodView.fourthPriority .stockList li:nth-child(4)::before, .prodView.fifthPriority .stockList li:nth-child(5)::before { background-color: #00a89d; color: #FFF; content: 'Best Buy!'; display: block; left: 0; font-size: 22px; font-weight: 700; padding: 10px 32px 10px 16px; position: absolute; text-transform: uppercase; top: -36px; }
.prodView.priority .stockList li .prodStock { background: #fff; display: flex; padding: 0 8px; }

@media screen and (min-width: 1081px) {    
    .prodImages { width:300px}
    .prodImages img {width: 300px; max-width: 300px; }
    .prodView {   width: calc(100% - 340px); }
}

@media screen and (max-width: 920px) {
    .prodView.firstPriority .stockList li:nth-child(1) .prodStock, .prodView.secondPriority .stockList li:nth-child(2) .prodStock, .prodView.thirdPriority .stockList li:nth-child(3) .prodStock, .prodView.fourthPriority .stockList li:nth-child(4) .prodStock, .prodView.fifthPriority .stockList li:nth-child(5) .prodStock { padding: 8px; }
}