* { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-family: "Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif; }
html { height: 100%; }
body { color: #343434; font-size: 100%; background: #f3f1f2; height: 100%; font-family: "Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif; }
* html .group { height: 1%; }
.tracking-pixel-container img { position: absolute; }
/* BOX SIZING */
h1.info-page-header, .primary-button.fb-login-button, .primary-button.twitter-login-button, .primary-button, .secondary-button, .body-inner-container, .outlet-banner-inner-container, .inner-container, .tab-container, .thankyou, .border-box, .payment-container, .formfield, .left-container, .right-container, .dropdown-skin, .body-container, hgroup, footer, nav.account-navigation a, .subcat-container, .basket-total, .basket-item .quantity-selector input, .basket-item .mini-bag-quantity-selector input, .basket-item .quantity-selector, .basket-item .mini-bag-quantity-selector, .basket-item, .expiry-warning, .main-nav-container ul.basket-item-description, .main-nav-container ul li .menu-dropdown-container.category-menu-dropdown-container .menu-dropdown-inner-container, .main-nav-container ul li .menu-dropdown-container.collection-menu-dropdown-container .menu-dropdown-inner-container, .form-container, .or-container, a.faq-banner p, a.returns-banner p, #tabs div.popup, #tabs div.tracking-popup, .centered-narrow-container, #unsubscribe-container, button, .body-inner-container form label, .sale-item, .slides li, .slide-details, .sub-categories li, .slides li a, #pay-with li, .price-brackets ul li, #main-categories a, .your-evouchers p, .ac-container article {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* HEADER TAGS */
h1.info-page-header { max-width: 975px; margin: 0 auto; padding: 0 0 20px 0; }
h1 { font-family:"AvenirNextLTW01-UltraLi", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 3.25em; letter-spacing: -4px; text-transform: capitalize; }
/* SF exception */
.sf-reset h1 { letter-spacing: normal; }
h2, h3, h4, h5, h6 { font-family:"AvenirNextLTW01-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
.body-inner-container h2:first-of-type { margin-top: 0; }
h2, h3 { clear: both; margin-right: -40px; padding-right: 20px; }
h2 { color: #1aa98d; border-bottom: 2px solid #1aa98d; font-size: 1.9em; margin-top: 32px; padding-bottom: 5px; margin-bottom: 20px;  padding-top: 0; }
h4 { margin-top: 22px; color: #343434; border-bottom: 2px solid #f3f1f2; font-size: 1.4em; padding-bottom: 8px; margin-bottom: 20px; }
h4 { font-size: 1.15em; text-transform: uppercase; border-bottom: 1px solid #f3f1f2; }
h4.lowerc { text-transform: none; }
.left-container.half h3 { margin-right: 0; }
h2.table-title, h3.table-title, h4.table-title { margin-bottom: 0; border-bottom: 0 none; }
h2.table-title { border-bottom: 2px solid #1aa98d; }
section h4 { font-family:"Proxima Nova Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
p { clear: both; max-width: 665px;  }

/* GRID */
.gridblock {
    float: left;
    display: block;
    color: #343434;
    width:100%;
    margin:0 1.5% 15px 0;
    background: #ffffff;
    position: relative;
    transition: all 0.1s ease-in;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#product-listing .gridblock { padding: 0; }
.gridblock:hover { box-shadow: inset 0px 0px 0 2px #1aa98d; }
.gridblock.nohover:hover { box-shadow:none; }

.gridblock a {
    overflow: hidden;
}
#product-listing .gridblock .product-inner-wrap > a { width: 100%; }
.gridblock img {  width: 100%; }
.gridblock-content {
    padding: 10px 10px 35px 10px;
    display: block;
}
.gridblock.two { max-width: 49.222%; }
.gridblock.three { max-width: 32.333%; }
.gridblock.four { max-width: 23.777%; }
.gridblock.five { max-width: 18.8%; }
.gridblock.two:nth-child(even),
.gridblock.three:nth-of-type(3n),
.gridblock.four:nth-of-type(4n),
.gridblock.five:nth-of-type(5n) { margin:0 0 15px 0; }

/* should probably go in text-format.css */
.brand_name {
    font-family: 'Proxima Nova Bold ', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 10px 0;
    float: left;
    width: 100%;
    max-width: 280px;
    font-size: 1em;
    text-transform: uppercase;
    color: #343434;
    border: 0 none;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.description {
    height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* padding: 0 0 5px 15px; */
    color: #000;
    margin:0;
    font-size: 0.85em;
}
.old-price {
    color: #343434;
    margin: 4px 10px 0 0;
    line-height: 22px;
    float: left;
}
.old-price,
.old-price span { text-decoration: line-through; }
.price-wrap { width: 100%; position: relative; height: 26px; margin: 5px 0;}
.price-wrap a { height: 23px; }
.new-price {
    color: #1aa98d;
    font-size: 1.5em;
    float:left;
}
html.firefox .new-price,
html.ie .new-price { padding: 0; }

.padding-s { padding: 10px; }
.block { display: block; }
/* PROMO BANNERS */
.promo-banner { background: #ffffff; width: 100%; clear: both; padding: 20px 0; }
.promo-banner img.mobile-hide { width:100%; max-width: 975px; max-height: 86px; margin: 0 auto; display: block; }

/* IMAGE HEADER */
.image-description { margin-top: 20px; }
.description-links { margin-top: 15px; }
.image-header { position: relative; background: #ffffff; padding: 20px 0; float: left; width: 100%; margin-bottom: 0; }
.image-container { float: left; margin: 10px 0; width: 44.2%; }
.image-container img { float: left; width: 100%; }
.image-header-details { color: #343434; float: right; padding: 20px 30px 40px 68px; width: 55.8%; text-align: center; }
.image-header-details h1 { color: #343434; font-family: AvenirNextLTW01-Regular, "helvetica neue", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 2em; letter-spacing: -1px; margin-bottom: 20px; }
.image-header-details p { margin-bottom: 18px; color: #343434; }
.image-header ul.categories { padding-bottom: 20px; }
.image-header ul.categories li {display:inline; white-space: nowrap; }
.image-header ul.categories li:after { font-size: 1.5em; content:"\002666"; padding: 0 10px 0 10px; color: #646364; }
.image-header ul.categories li:last-child:after { content: ""; padding: 0; }
.image-header ul.categories li a { font-size: 0.9em; line-height: 26px; font-family: "Avenir Next Pro Bold",Arial,Helvetica,sans-serif; color: #343434;
    text-transform: uppercase; letter-spacing: 1px;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
}
.image-header ul.categories li a:hover { color: #1AA98D; }

/* ORDER JOURNEY */
section.order-journey { max-width: 770px; margin: 20px auto 0; float: none; }
.body-container .order-journey-stage { margin-bottom: 30px; float: left; width: 25%; padding: 0 10px; text-align: center; }
.roundel { background: #1aa98d; border-radius: 30px; padding: 10px 0 4px; width: 48px; margin: 0 auto; color: #ffffff; text-align: center; font-size: 1.8em; }
.windows.firefox .roundel { width: 49px; padding: 7px 0; }
.windows.chrome .roundel { width: 46px; }
.body-container .order-journey-stage img { width: 100%; max-width: 135px; margin: 0 auto; display: block; }
.body-container .order-journey-stage:first-of-type img.svg { width: 90px; margin: 27px auto 19px; height: 66px; }
.body-container .order-journey-stage:nth-of-type(2) img.svg { width: 133px; margin: 26px auto 10px; height: 77px; }
.body-container .order-journey-stage:nth-of-type(3) img.svg { height: 90px; width: 69px; margin: 13px auto 11px; }
.body-container .order-journey-stage.lorry img.svg, .body-container .order-journey-stage.lorry img { margin: 26px auto 20px; width: 110px; height: 71px; }
.orders .body-inner-container section .order-journey-stage p:last-of-type { text-align: center; margin-bottom: 0; }

/* BLOCK CONTAINERS & CONTENT LAYOUT */
.body-container { float: none; color: #808080; margin: 0 auto; width: 100%; max-width: 975px; }
footer { width: 100%; float: left; clear: both; }
.body-container.white { background: #ffffff; }
.body-container.dark-grey { background: #e9e8e8; }
.body-inner-container { clear: both; width: 100%; background: #ffffff; padding: 32px 40px 40px; float: left; margin: 0 0 40px; }

.left-container, .right-container { float: left; }
.left-container.half, .right-container.half { width: 50%; }
.left-container.half { padding-right: 20px; }
.right-container.half { padding-left: 20px; }
.left-container.large { width: 70%; }
.right-container.small { width: 26%; margin-left: 4%; }

.white-background { background-color: #fff; }

section { margin-bottom: 20px; width: 100%; }
section.small { width: 100%; max-width: 665px; }
section.half { width: 100%; max-width: 500px; }
section.no-padding { padding-bottom: 0; }
.body-inner-container section p:last-of-type { margin-bottom: 0; }
.body-inner-container section.last { margin-bottom: 0; }
section.no-padding { margin-bottom: 0; }

blockquote, q { quotes: none; }
:focus { outline: 0; }
p, address { margin-bottom: 20px; }
p.last { margin-bottom: 0; }
address { margin-top: 20px; line-height: 1.2em; font-style: normal; }
a { text-decoration: none; color: #1AA98D; }
.affiliates p a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; float: left; margin-bottom: 20px; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
strong { font-family: "Proxima Nova Bold","Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
#overlay { z-index: 1000; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.75; }
.popup_dropdown {font-style: normal !important;} /* FIX FOR IE10 */
.mediaplex { display: none; visibility: hidden; }
.video-container { width: auto; text-align: center; float: left; margin-bottom: 20px; }
.video-container + p { padding-top: 20px; }
.video-container img { max-width: 100%; }
.caveat { font-size: 0.75em; margin-top: 10px; float: left; }
.affiliates .caveat { margin-bottom: 20px !important; }
.or-container { position: relative; width: 100%; max-width: 100%; margin: 26px 0 23px; text-align: center; text-transform: uppercase; letter-spacing: 4px; clear: both; float: left; }
html.windows.firefox .or-container { margin: 26px 0 19px; }
html.windows.firefox .payment-container .or-container { margin: 0px auto 30px; }
html.mac.firefox .or-container { margin: 26px 0 21px; }
html.mac.firefox .payment-container .or-container { margin: 0px auto 30px; }
html.windows.ie10 .or-container, html.windows.ie9 .or-container { margin: 26px auto 22px; }
html.windows.ie8 .or-container { margin: 26px 0 24px; }
.or-container:before { content:""; display: block; margin-left: 0; width: 32%; position: absolute; top: 50%; left: 0; border-bottom: 1px solid #c6c5c1; margin-left: 5%; }
.or-container:after { content:""; display: block; margin-right: 0; width: 32%; position: absolute; top: 50%; right: 0; border-bottom: 1px solid #c6c5c1; margin-right: 5%; }
.body-container img { max-width: 100%; }
.mobile-show,
.secondary-button.mobile-show { display: none; }
.asterisk {color: #1aa98d; font-size: 20px;}


/* TABS */
#tabs { float: left; width: 100%; margin-bottom: 30px; }
#tabs ul { margin-left: 0; list-style: none; }
#tabs ul li.ui-state-default, #tabs ul li.ui-tabs-active { border-top-right-radius: 4px; border-top-left-radius: 4px; margin: 0; display: block; float: left; max-width: 250px; text-align: center; background: #e9e9e9; margin-right: 5px; }
#tabs ul li.ui-state-default a, #tabs ul li.ui-tabs-active a { display: block; padding: 15px; }
#tabs ul li.ui-tabs-active { background: #f3f1f2; }
#tabs ul li a { color: #343434; }
.ui-tabs-panel { width: 100%; float: left; clear: both; padding: 20px; border-radius: 5px; border-top-left-radius: 0; background: #f3f1f2; }

/* LISTS */
ul { list-style: none; max-width: 665px; }
ol { list-style: decimal; margin-top: 0.5em; margin-left: 25px; max-width: 665px; }
.body-inner-container ul { max-width: 665px; margin-left: 15px; margin-bottom: 20px; list-style: disc; }
.body-inner-container ul li, ol li { line-height: 1.3em; margin-bottom: 6px; }
.body-inner-container ul li:last-of-type { margin-bottom: 0; }
dl { padding-bottom: 0; float: left; margin-top: -10px;}
dt { float: left; padding-left: 15px; clear: both; margin-top: 10px; }
dd { float: left; clear: both; padding-left: 30px; margin-top: 5px; }
.body-inner-container ul.terms li { margin-bottom: 15px; line-height: 1.4em; }

/* FUTURE FIFTY */
#futurefifty { padding: 0; float: left; }
#futurefifty img, #futurefifty p { float: left; }
#futurefifty p { width: 42%; clear: right; padding: 8px 0 0 3%; }
#futurefifty img { max-width: 232px; }

/* TABLES */
table { border-spacing: 0; }
.body-inner-container table.no-title th { border-top: 2px solid #f3f1f2; }
.body-inner-container table { border-bottom: 2px solid #f3f1f2; margin-bottom: 30px; width: 100%; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); }
.body-inner-container table th, .body-inner-container table th span { font-weight: normal; text-align: left; font-family: "Proxima Nova Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.body-inner-container table td, .body-inner-container table th { vertical-align: middle; text-align: left; padding: 20px; border-top: 2px solid #f3f1f2; border-left: 2px solid #f3f1f2; }
.body-inner-container table th { border-top: 0 none; }
.body-inner-container table tr.total td { color: #1aa98d; background: #f3f1f2; border-left: 2px solid #ffffff; }
.body-inner-container table tr.total td:first-of-type { border-left: 2px solid #f3f1f2; }
.body-inner-container section table { margin-bottom: 0; }
.align-top td { vertical-align: top !important; }

/* CSS ACCORDIAN */
.ac-container label { position: relative; z-index: 20; display: inline-block; cursor: pointer; font-size: 1.9em; color: #1aa98d; margin-bottom: 0; padding-right: 20px; background-image: url("../../images/png/more-arrow.png"); background-image: url("../../images/svg/more-arrow.svg"), none; background-repeat: no-repeat; background-position: right 11px; background-size: 11px 8px; }
.ie10 .ac-container label, .ie9 .ac-container label { background-size: 35px 9px; padding-right: 27px; background-position: right 15px; }
.ie10 .ac-container label[for=ac-1], .ie9 .ac-container label[for=ac-1] { background-size: 88px 9px; padding-right: 52px; }
.ie10 .ac-container label[for=ac-3], .ie9 .ac-container label[for=ac-3] { background-size: 104px 9px; padding-right: 61px; }
.ie10 .ac-container label[for=ac-4], .ie9 .ac-container label[for=ac-4] { background-size: 37px 9px; padding-right: 28px; }
.ie10 .ac-container label[for=ac-5], .ie9 .ac-container label[for=ac-5] { background-size: 31px 9px; padding-right: 26px; }
.ie10 .ac-container label[for=ac-7], .ie9 .ac-container label[for=ac-7] { background-size: 71px 9px; padding-right: 47px; }
.ac-container input { display: none; }
.ac-container article { overflow: hidden; height: 0px; position: relative; z-index: 10;  width: -webkit-calc(100% + 40px); width: calc(100% + 40px); }
.ac-container input:checked ~ article { height: 100%; border-top: 2px solid #1aa98d; }
.ac-container input:checked + label { background-image: url("../../images/png/less-arrow.png"); background-image: url("../../images/svg/less-arrow.svg"), none; }
.ac-open {height:100% !important;}
/* PASSWORD STRENGTH CHECKER */
.password-strength-checker { float:left; width: 100%; padding: 0 0 20px 0; }
.password-strength-checker p { margin: 10px 10px 10px 0; float:left; }
#pwdMeterBox { text-align: center; float: left; width: 100%; max-width: 270px; margin: 8px 0 0 0; position: relative; background: #ebebeb; }
#pwdMeter { color: #000000; font-size: 12px; padding: 5px; position: relative; z-index: 5; }
#strength { position: absolute; top: 0; left: 0; height: 23px; z-index: 1; transition: all 500ms linear 1ms; }
#pwdMeter.neutral + #strength { background: #ebebeb; width: 100%; }
#pwdMeter.veryweak + #strength { background: #ff000b; width: 10%; }
#pwdMeter.weak + #strength  { background: #ff5400; width: 30%; }
#pwdMeter.medium + #strength  { background: #ffdc00; width: 50%; }
#pwdMeter.strong + #strength  { background: #81ff00; width: 80%; }
#pwdMeter.verystrong + #strength  { background: #00ff4d; width: 100%; }

.hide_ogone {display:none;}

@media screen and (max-width: 1005px) {
    .top-header-container, .main-nav-container, h1.info-page-header, .body-inner-container, .inner-footer-container { padding-left: 20px; padding-right: 20px; float: left; width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .body-inner-container { margin-bottom: 0 !important; }
    h2, h3, h4, .brands_holding { margin-right: -20px; }
    .ac-container article, .body-inner-container table { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); }
    h1.info-page-header { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 985px) {
    .flexslider.carousel .slides li { max-width: 225px; }
}
@media screen and (max-width: 975px) {
    .account-nav { float: left; clear: both; margin-bottom: 25px; margin-top: 29px; margin-left: 0.6em; margin-right: 0; }
}
@media screen and (max-width: 890px) {
    .left-container.large, .right-container.small { width: 100%; margin-left: 0; }
    .right-container.small { margin-top: 40px; }
}
@media screen and (max-width: 875px) {
    .image-container { width: 70%; margin: 30px 15%; position: relative; text-align: center;  }
    .image-header-details { left: 0; right: 0; padding: 30px; width: 100%; position: absolute; background: rgba(255, 255, 255, 0.6); bottom: 50px;}
    .image-header-details h1 { background: rgba(255, 255, 255, 0.8); }
}
@media screen and (max-width: 830px) {
    #tabs ul li a { padding: 1.25em 1.5em; }
}
@media screen and (max-width: 778px) {
    .account-nav, .account-nav.voucher { width: 550px; margin:20px auto; float:none;padding:0 0 20px 0; }
    .social-container, .social-container-empty { display: none; }
    #my-bag > a, #my-bag > a:hover  { background: none; margin-right: 0; }
    .left-container.half, .right-container.half { width: 100%; padding-left: 0; padding-right: 0; }
    .left-container.half { border-right: 0 none; }
    nav.account-navigation a { height: 66px; }
}
@media screen and (max-width: 745px) {
    .main-nav-container > ul li#account { margin-left: 0; }
    .ac-container article { padding-right: 20px; }
}
@media screen and (max-width: 740px) {
    header #logo { float: none; margin: 0 auto; width: 100%; max-width: 236px; }
    .top-header-links { text-align: center; clear: both; padding-top: 20px; float: none; margin: 0 auto; }
    .top-header-links a, .top-header-links a:hover { width: 30%; margin-left: 0; background: none; }
    .top-header-links a.loyalty-link, .top-header-links a.loyalty-link:hover { width: 40%; }
    span.link-title { background-image: url("../../images/png/secondary-diamond.png"); background-image: url("../../images/svg/secondary-diamond.svg"), none; background-repeat: no-repeat; background-position: left top; background-size: 11px 14px;
        -webkit-transition:background 0.5s ease-in;
        -moz-transition:background 0.5s ease-in;
        transition:background 0.5s ease-in;
    }
    .top-header-links a:hover span.link-title { background-image: url("../../images/png/primary-diamond.png"); background-image: url("../../images/svg/primary-diamond.svg"), none; }
    header a#logo {float:none; width:100%;}
    .top-header-links a span { display: inline-block; }
    ol { margin-right: 20px; }
}
@media screen and (max-width: 730px) {
    .body-container .order-journey-stage { width: 50%; }
}
@media screen and (max-width: 710px) {
    .outlet-banner-inner-container h1 { font-size: 1.1em; }
    .flexslider.carousel .slides li { max-width: 178px; }
}
@media screen and (max-width: 670px) {
    header #logo { margin: 50px auto 0; }
    .top-header-container { padding: 35px 0 5px; }
    #menu-link { display: block; width: 100%; height: 40px; color: #ffffff; line-height: 40px; font-family: "Proxima Nova Normal","Helvetica Neue",Arial,Helvetica,sans-serif; text-transform: capitalize; }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .gridblock.three,
    .gridblock.four { max-width: 49.222%; }
    .gridblock.three:nth-of-type(3n),
    .gridblock.four:nth-of-type(3n) { margin: 0 1.5% 15px 0; }
    .gridblock.three:nth-child(even),
    .gridblock.four:nth-child(even) { margin: 0 0 15px 0; }
    .percentage-off { width: 100%; }
}
@media screen and (max-width: 662px) {
    nav.account-navigation a { height: 6em; }
}
@media screen and (max-width: 600px) {
    .main-nav-container ul { margin: 0; max-width: 100%; }
    footer ul { width: 100%; margin-bottom: 2em; margin-right: 0; }
    .body-inner-container form label { width: 100% !important; margin: 20px 0 10px; }
    .body-inner-container form #gender-container label { width: 40% !important; }
    .body-inner-container form .formfield, .secondary-button { width: 100% !important; margin: 0 0 15px 0 !important; }
    .primary-button { width: 100% !important; }
    .button-container a.paypal-checkout-button { float: right; width: 100%; margin-right: 0; }
    .mini-bag-quantity-selector .secondary-button { width: 28% !important; }
    .image-header-details p, ul.categories { display: none; }
    .image-header-details { left: 0; background: transparent; padding: 0; }
    .image-header-details h1 { margin-bottom: 20px; padding: 0; }
    .image-container { width: 100%; margin: 30px 0; padding: 0; }
    .image-container img { width: 100%; }
}
@media screen and (max-width: 568px) {
    .box-container{ border-left: 0 none; border-right: 0 none; }
    header { float: left; }
    .voucher-message { width: 75%; margin-left: 0; float: right; }
    .full-width-image-banner { display: none; }
    footer img { width: 100%; }
    header #logo { margin: 50px auto 10px; }
    .gridblock.two,
    .gridblock.three,
    .gridblock.four  { max-width: 100%; }
}
@media screen and (max-width: 455px) {
    #futurefifty p {width:100%; padding:0;}
}
@media screen and (max-width: 480px) {
    .mobile-show, .secondary-button.mobile-show, .promo-banner img.mobile-show { display: block; }
    .mobile-hide, .promo-banner img.mobile-hide { display: none; }
    .promo-banner img.mobile-show { width: 100%; max-width: 320px; margin: 0 auto; }
}
/* IPAD PORTRAIT ONLY*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .subcat-container { padding: 15px 0 23px 135px; }
}
/* iPhone 5 landscape ONLY*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    #bannerBody { width: 99% !important; }
}

/* Mobile menu feature */
header.new_mobile_menu .main-nav-container ul #mobile ul { top:0; z-index: 10; padding:65px 0 0 0;  }
header.new_mobile_menu .main-nav-container ul #mobile ul#mobile-menu header { position: fixed; width: 100%; margin:0; top:0; }
header.new_mobile_menu .main-nav-container ul #mobile ul#mobile-menu header h2 { margin:0; }
header.new_mobile_menu .main-nav-container ul #mobile { background-image: url('../../images/png/menu.png'); background-image:url('../../images/svg/menu.svg'), none; background-color: #FFF; width: 50px; margin: 5px 0 0 5px; }
header.new_mobile_menu .main-nav-container ul #mobile #menu-link  { text-indent: -999999px; }
header.new_mobile_menu .main-nav-container ul #mobile { background-position: 55% 8px; margin: 10px 0 0 5px;}
header.new_mobile_menu .main-nav-container ul #mobile ul li,
header.new_mobile_menu .main-nav-container ul #mobile ul { background: #FFF; }
header.new_mobile_menu .main-nav-container ul #mobile ul { overflow: hidden; }
header.new_mobile_menu .main-nav-container ul #mobile ul li { border-bottom: solid #e9e9e9 1px; height:auto; }
header.new_mobile_menu .main-nav-container ul #mobile ul li:nth-child(n+9) a { color: #818181; }
header.new_mobile_menu .main-nav-container ul #mobile ul li:last-child { border-bottom: solid #e9e9e9 5px; }
header.new_mobile_menu .main-nav-container ul #mobile ul li a { color: #00b18f; text-transform: capitalize; padding: 20px 10px 20px 20px; font-size: 18px; font-family: "Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif; }
header.new_mobile_menu .main-nav-container ul #mobile ul li div {  margin: 0; }
header.new_mobile_menu .main-nav-container ul #mobile ul h2 { margin-top:10px; color: #000; padding: 10px 0 15px 20px; text-align: left; border-bottom: solid #e9e9e9 1px; width: auto;}
header.new_mobile_menu .main-nav-container ul #my-bag .mini-bag-wrapper h1 { margin:0; font-size: 30.2px; border-bottom: solid #e9e9e9 1px;  }
header.new_mobile_menu .main-nav-container .close-button { display: none; margin: 0; padding: 0; width: 32px; height: 32px; position: absolute; top: 15px; right: 20px; background: #f3f1f2; border-radius: 50%; background-image:url('../../images/png/close.png'); background-image:url('../../images/svg/close.svg'), none; background-repeat: no-repeat; background-position: 10px;  }
header.new_mobile_menu .main-nav-container .close-button:hover { background: #1aa98d; background-position: 10px; background-image:url('../../images/png/close-hover.png'); background-image:url('../../images/svg/close.svg'), none; background-repeat: no-repeat; }
header.new_mobile_menu .main-nav-container ul #mobile:hover { background-size: initial; }
@media screen and (max-width: 670px) {
    header.new_mobile_menu .main-nav-container { background:#FFF; }
    header.new_mobile_menu .main-nav-container > ul li#my-bag { float: right; width:30px; height: auto; margin: 10px 15px 0 0; background-color:#FFF; background-position: 1px 2px;background-image:url('../../images/png/bag-empty.png'); background-image:url('../../images/svg/bag-empty.svg'), none; background-repeat: no-repeat;  }
    header.new_mobile_menu .main-nav-container > ul li#my-bag.empty { background-image:url('../../images/png/bag-empty.png'); background-image:url('../../images/svg/bag-empty.svg'), none; background-color: #FFF; background-repeat: no-repeat;  }
    header.new_mobile_menu .main-nav-container > ul li#my-bag.items { background-image:url('../../images/png/bag-items.png'); background-image:url('../../images/svg/bag-items.svg'), none; background-color: #FFF; background-repeat: no-repeat;  }
    header.new_mobile_menu .main-nav-container > ul li#my-bag.items span#items_in_bag { color: #FFF; }
    header.new_mobile_menu .main-nav-container > ul li#my-bag > a { overflow: hidden; padding:0; text-align: center; height: 35px; }
    header.new_mobile_menu .main-nav-container > ul li#my-bag a.basket-item-remove { padding:8px 10px 6px;}
    header.new_mobile_menu .main-nav-container > ul li#my-bag a.primary-button { padding: 14px 16px 10px; }
    header.new_mobile_menu .top-header-container { padding:20px 0 5px;}
    header.new_mobile_menu a#logo { position: relative; z-index: 5; width: auto; margin: 0 25% 0; }
    body.product-detail header.new_mobile_menu a#logo { margin: -20px 25% 0; display:block!important; }
    header.new_mobile_menu a#logo img.svg,
    header.new_mobile_menu a#logo img { width:100%; }
    header.new_mobile_menu a#logo:after,
    header.new_mobile_menu #my_bag { display: none; }
    header.new_mobile_menu span#items_in_bag { letter-spacing: 5px;  margin: 0 0 0 -14px; font-family: "Proxima Nova Bold","Helvetica Neue",Arial,Helvetica,sans-serif; }
    header.new_mobile_menu #bag { top:0; z-index: 5;  }
    header.new_mobile_menu .main-nav-container ul #mobile ul {display: block; position: relative; height: 470px; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
    header.new_mobile_menu .main-nav-container ul #mobile #mobile-menu-content { display: block; }
    header.new_mobile_menu .main-nav-container ul #mobile #mobile-menu-content { left: -100%; top:0px; z-index: 1000; right:auto; transition: all 0.2s ease-in-out; position: fixed; width:100%;  }
    header.new_mobile_menu .main-nav-container ul #mobile #mobile-menu-content.show { left: 0; }
    header.new_mobile_menu .main-nav-container ul li .menu-dropdown-container { position: fixed; max-height: 530px; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }
    header.new_mobile_menu .main-nav-container ul li .menu-dropdown-container.mini-bag-wrapper {right:-100%; overflow: hidden; transition: all 0.2s ease-in-out; display: none;}
    header.new_mobile_menu .main-nav-container ul li .menu-dropdown-container.mini-bag-wrapper.show { display:block; right:0;}
    header.new_mobile_menu .main-nav-container .close-button { display: block!important; }
    body.basket header.new_mobile_menu,
    body.checkout-address header.new_mobile_menu { padding:20px 0 0 0;}
    body.basket header.new_mobile_menu a#logo,
    body.checkout-address header.new_mobile_menu a#logo { margin:auto; }
    body.product-detail header.new_mobile_menu { padding:20px 0 0;  }
}