*, *:before, *:after {
    box-sizing:border-box;
}
.row-spacing-medium {
    margin-bottom:8px;
}
.row-spacing-large {
    margin-bottom:12px;
}
.row-spacing-xlarge {
    margin-bottom:16px;
}
.row-spacing-xxl {
    margin-bottom:24px;
}
.centered {
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:translate(-50%,-50%);
    z-index:900;
}
@font-face {
    font-family:'LushHandwritten';
    src:url("fonts/lushhandwritten_wlat_bd-webfont.eot");
    src:url("fonts/lushhandwritten_wlat_bd-webfont.eot?#iefix")format("embedded-opentype"),
        url("fonts/lushHandwritten_wlat_bd-webfont.woff2")format("woff2"),
        url("fonts/lushHandwritten_wlat_bd-webfont.woff")format("woff"),
        url("fonts/lushHandwritten_wlat_bd-webfont.ttf")format("truetype");
    font-weight:normal;
    font-style:normal;
}
.font-lh {
    font-family:'LushHandwritten', Helvetica, sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    color:#000;
    font-weight:bold;
}
.h-hero {
    font-size:72px;
    line-height:74px;
}
h1, .h1 {
    font-size:72px;
    line-height:78px;
    margin-top:1em;
}
h2, .h2 {
    font-size:44px;
    line-height:50px;
}
h3, .h3 {
    font-size:24px;
    line-height:30px;
}
h4, .h4 {
    font-size:16px;
    line-height:20px;
}
h5, .h5 {
    font-size:14px;
    line-height:18px;
}
h6, .h6 {
    font-size:12px;
    line-height:16px;
}
.copy {
    font-size:18px;
    line-height:22px;
}
.copy a {
    font-weight:bold;
    text-decoration:underline;
}
.copy.copy-center {
    text-align:center;
}
.copy-sm {
    font-size:12px;
    line-height:11px;
}
.copy-xs {
    font-size:9px;
    line-height:13px;
}
.btn {
    background-color:#000;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    line-height:1.7em;
    padding:16px 32px;
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
    font-weight:700;
}
.btn__find-store {
    display:inline-block;
    font-weight:normal;
    text-align:center;
    margin-top:12px;
    border-radius:0!important;
}
.btn__find-store-wrap {
    display:inline-block;
    text-align:center;
}
.btn__find-store-wrap div:first-of-type {
    font-size:14px;
    font-style:italic;
    letter-spacing:0;
    margin-bottom:4px;
    text-transform:none;
}
.btn__find-store-wrap div:last-of-type {
    font-size:18px;
}
.btn.btn-fullwidth {
    display:block;
}
a {
}
a.btn {
    display:inline-block;
    text-decoration:none;
}
a.btn:hover {
    color:#fff;
    text-decoration:none;
}
a.btn-white:hover {
    color:#000;
}
.btn-white {
    background-color:#fff;
    color:#000;
}
.btn-white:hover {
    color:#000;
}
.fr_CA .btn {
}
.fr_CA .btn__find-store .lush-icon-storelocator {
    margin-bottom:-2px;
}
.fr_CA .btn__find-store div:first-of-type, .fr_CA .btn__find-store div:last-of-type {
    font-size:12px;
}
.modal-open {
    overflow:hidden;
}
.modal {
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling:touch;
    outline:0;
}
.modal.modal__no-controls .modal__prev, .modal.modal__no-controls .modal__next {
    display:none;
}
.modal.fade .modal-dialog {
    -webkit-transition:-webkit-transform 0.3s ease-out;
    -o-transition:-o-transform 0.3s ease-out;
    transition:transform 0.3s ease-out;
}
.modal-open .modal {
    overflow-x:hidden;
    overflow-y:auto;
}
.modal-dialog {
    position:relative;
    width:auto;
    margin:10px;
}
.modal-content {
    border:1px solid #c5c5c5;
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    outline:0;
}
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000;
}
.modal-backdrop.fade {
    opacity:0;
    filter:alpha(opacity=0);
}
.modal-header {
    padding:15px;
    border-bottom:1px solid #e5e5e5;
}
.modal-header .close {
    margin-top:-2px;
}
.modal-title {
    margin:0;
    line-height:1.42857143;
}
.modal-body {
    position:relative;
    padding:24px 32px;
}
.modal-footer {
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left:5px;
    margin-bottom:0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left:-1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left:0;
}
.modal-scrollbar-measure {
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll;
}
.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content:" ";
    display:table;
}
.clearfix:after, .modal-header:after, .modal-footer:after {
    clear:both;
}
.center-block {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.modal {
}
.modal__nav button {
    background-color:#c5c5c5;
    border:none;
    border-radius:100%;
    color:#fff;
    height:40px;
    width:40px;
    margin-top:-20px;
    position:absolute;
    top:50%;
}
.modal__nav button .icon {
    position:relative;
    top:2px;
}
.modal__nav button .lush-icon-arrowleft {
    left:-1px;
}
.modal__nav button .lush-icon-arrowright {
    right:-1px;
}
.modal__prev {
    left:12px;
}
.modal__next {
    right:12px;
}
.ui-dialog.newsletter-signup-modal {
    height:100%;
    width:100%;
    background-color:rgba(0,0,0, 0.87);
}
.ui-dialog.newsletter-signup-modal .ui-widget-header {
    min-height:60px;
}
.ui-dialog.newsletter-signup-modal .ui-widget-content {
    color:#FFFFFF;
}
.ui-dialog.newsletter-signup-modal .close-button {
    border:0;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:30px;
    line-height:18px;
    color:#000000;
    text-decoration:none;
    text-align:center;
    background-image:url('https://mediacdn.espssl.com/5904/Shared/Modal/closeX.png');
    background-size:contain;
    background-color:#ffffff;
    padding:5px;
    border-radius:0;
    cursor:pointer;
    vertical-align:middle;
    float:right;
    width:60px;
    height:60px;
}
.ui-dialog.newsletter-signup-modal .ui-button-text {
    display:none;
}
.ui-dialog.newsletter-signup-modal .content-container, .ui-dialog.newsletter-signup-modal .success-container {
    width:100&;
    margin:auto;
    text-align:center;
}
.ui-dialog.newsletter-signup-modal .check-error {
    text-align:center;
    margin-top:25px;
    color:#900;
}
.ui-dialog.newsletter-signup-modal .sticker {
    margin:20px 0;
    float:right;
}
.ui-dialog.newsletter-signup-modal h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:52px;
    font-weight:bold;
    margin:0;
    padding:0 0 5px;
}
.ui-dialog.newsletter-signup-modal p {
    font-family:Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    margin:0;
    padding:10px 0 0;
}
.ui-dialog.newsletter-signup-modal p.small {
    font-size:11px;
    line-height:16px;
    padding:15px 0 5px;
}
.ui-dialog.newsletter-signup-modal a {
    color:#FFF;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
}
.ui-dialog.newsletter-signup-modal a:hover {
    text-decoration:none;
}
.ui-dialog.newsletter-signup-modal .field:first-child {
}
.ui-dialog.newsletter-signup-modal input.textbox {
    color:#ffffff;
    background-color:transparent;
    font-size:18px;
    font-weight:normal;
    width:100%;
    border:2px solid #ffffff;
    border-radius:0;
    padding:15px;
    vertical-align:middle;
    box-sizing:border-box !important;
    -moz-box-sizing:border-box !important;
    -webkit-box-sizing:border-box !important;
    float:left;
    display:block;
    height:60px;
}
.ui-dialog.newsletter-signup-modal .checkbox-container {
    font-size:16px;
    text-align:left;
    margin-top:25px;
}
.ui-dialog.newsletter-signup-modal .checkbox-container input[type=checkbox] {
    opacity:0 !important;
}
.ui-dialog.newsletter-signup-modal .checkbox-container input[type=checkbox]:checked + label:before {
    content:"\2713";
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:20px;
}
.ui-dialog.newsletter-signup-modal .checkbox-container label {
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding-left:35px;
    margin-right:15px;
    font-size:16px;
}
.ui-dialog.newsletter-signup-modal .checkbox-container label:before {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:10px;
    position:absolute;
    left:0;
    bottom:-1px;
    border:2px solid #ffffff;
    background-color:transparent;
}
.ui-dialog.newsletter-signup-modal form {
    margin:40px 0 10px;
}
.ui-dialog.newsletter-signup-modal .buttons {
    margin-top:20px;
}
.ui-dialog.newsletter-signup-modal input[type=submit] {
    width:100%;
    height:60px;
    background-color:#ffffff;
    border-radius:0;
    cursor:pointer;
    border:none;
    color:#211a1b;
    font-size:24px;
    font-weight:bold;
    padding:10px 25px;
    text-decoration:none;
    vertical-align:middle;
    -webkit-appearance:none !important;
    background-image:none !important;
    box-sizing:border-box !important;
    -moz-box-sizing:border-box !important;
    -webkit-box-sizing:border-box !important;
    display:block;
}
.ui-dialog.newsletter-signup-modal .no-thanks {
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
    margin-top:15px;
    padding:10px;
}
.ui-dialog.newsletter-signup-modal .success-container {
    display:none;
}
.ui-dialog.newsletter-signup-modal .footer {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    padding:30px;
    line-height:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
}
    
#product-card-buy .row{
}
    
#product-card-buy .row.grid-row{
    margin:0 -8px
}

.slick-dots{
}
.ab-active.text-block-2{
    display:none;
}

.c-hero-banner{
    background-color:#000;
    color:#fff;
    display:block;
    position:relative;
    text-align:center;
    max-height:500px;
    overflow:hidden;
    z-index:10;
    margin-bottom:24px
}

.c-hero-banner.content-wrapper-wide {
    margin-bottom:24px;
    background-color:#000;
}

.c-hero-banner__image, .c-hero-banner__video {
    position:relative;
    width:100%;
    z-index:900;
    height:auto;
    min-height:100%;
}

.c-hero-banner__wrapper {
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:translate(-50%, -50%);
    z-index:1000;
}

.c-hero-banner__title {
    color:inherit;
    text-decoration:none;
}

.c-hero-banner__title:hover {
    text-decoration:none;
}

.c-hero-banner__overlay {
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    opacity:0.20;
    background:linear-gradient(to top, transparent, #000);
}

.c-hero-banner__subline {
    font-size:32px;
    line-height:36px;
    margin-bottom:45px;
}

.c-hero-banner__cta {
    color:#000;
    text-decoration:none;
    border:1px solid #fff;
    padding:16px;
    display:inline-block;
    font-size:12px;
    line-height:17px;
    font-weight:500;
    transition:all 0.2s linear 0s;
    text-transform:uppercase;
    background-color:#fff;
    letter-spacing:3px;
    min-width:300px;
}

.c-hero-banner__cta:hover {
    text-decoration:none;
}

.hero-banner--no-image{
    height:450px
}

.c-hero-banner .h-hero{
    color:#fff;
    margin:0 0 25px 0
}
.ab-active.c-hero-banner{
    max-height:275px;
    min-height:200px
}
.ab-active.c-hero-banner .h-hero{
    margin-bottom:14px
}
.ab-active .c-hero-banner__subline{
    margin-bottom:20px
}
.ab-active .c-hero-banner__cta{
    padding:12px 4px
}


.hero-banner{
    background-color:#000;
    height:270px;
    margin-bottom:24px;
    overflow:hidden;
    position:relative;
}


.hero-banner .hero-banner__title{
    color:#fff;
    margin-bottom:24px
}


.hero-banner img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:800
}


.hero-banner.content-wrapper-wide {
    margin-bottom:24px;
}


.hero-banner.content-wrapper-wide img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:auto;
}


.hero-banner.category-banner img {
}


.hero-banner__overlay {
    background-color:#000;
    opacity:0.3;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:900;
}


.hero-banner__content {
    color:#fff;
    position:absolute;
    z-index:950;
    top:50%;
    left:50%;
    text-align:center;
    transform:translate(-50%, -50%);
    width:calc(100% - 32px);
}


.hero-banner__title {
    font-family:"LushHandwritten", Helvetica, sans-serif;
    margin-top:0;
}


.hero-banner__subtitle {
    margin-bottom:12px;
    font-size:32px;
    font-weight:normal;
    line-height:36px;
    margin-bottom:32px;
}
#search-results-grid .hero-banner{
  
 }

.c-hero-banner__cta{
}

.c-hero-banner__cta:hover {
    background-color:#000;
    color:#fff;
    border:1px solid #000;
}

.hero-banner__content > a{
}

.hero-banner__content > a:hover {
    text-decoration:none;
}

.frontpage .hero-banner{
}

.frontpage .hero-banner__title{
    font-family:Arial, sans-serif;
}

.c-hero{
    height:352px;
    color:#fff;
    display:block;
    text-align:left;
    z-index:10;
    margin-bottom:24px
}

.c-hero:hover {
    color:#fff;
    text-decoration:none;
}

.c-hero__inner {
    background-color:#000;
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

.c-hero__image, .c-hero__video {
    position:relative;
    width:auto;
    z-index:900;
    height:100%;
}

.c-hero__image {
    left:-25%;
}

.c-hero__video {
    left:0;
}

.c-hero__wrapper {
    position:absolute;
    top:98px;
    left:15px;
    width:80%;
    z-index:1000;
}

.c-hero__title {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.c-hero__desc {
    font-size:16px;
}

.c-hero__desc a, .c-hero__desc a:hover {
    color:#fff;
}

.c-hero__overlay {
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    opacity:0.20;
    background:linear-gradient(to top, transparent, #000);
}

.c-hero__footer {
    z-index:1000;
    position:absolute;
    bottom:20px;
    left:15px;
    font-size:18px;
    text-decoration:underline;
    font-weight:bold;
}

.c-hero__btn {
    font-size:13px;
    font-weight:400;
    width:80%;
    padding:16px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin:0 auto;
    color:#fff;
    border:2px solid #fff;
    display:block;
    background-color:#000;
    border-color:#000;
}

.c-hero__btn:hover {
    background-color:#fff;
    border-color:#fff;
    color:#000!important;
    text-decoration:none;
}

.c-hero .c-hero__image-container {
    padding:0;
    overflow:hidden;
}

.c-hero__text-container {
    height:100%;
}

.white.c-hero .c-hero{
}

.white.c-hero .c-hero__inner {
    background-color:#fff;
}

.white.c-hero .c-hero__title, .white.c-hero .c-hero__desc {
    color:#000;
}

.white.c-hero .c-hero__desc a, .white.c-hero .c-hero__desc a:hover {
    color:#000;
}

.white.c-hero .c-hero__btn {
    border-color:#000;
    color:#000;
    background-color:#fff;
    border-color:#fff;
}

.white.c-hero .c-hero__btn:hover {
    background-color:#000;
    border-color:#000;
    color:#fff!important;
}

.c-image-text{
    text-align:center;
}

.c-image-text .c-hero__wrapper{
    top:50%;
    left:50%;
    z-index:1000;
    transform:translate(-50%,-50%);
}

.c-catalog{
    text-align:center;
}

.c-catalog .c-hero__wrapper{
    top:50%;
    left:50%;
    z-index:1000;
    transform:translate(-50%,-50%);
}

.c-catalog .c-hero__title{
    margin:0 auto;
}

.c-catalog .c-hero__btn{
    margin-top:24px;
}

.hero-content--no-image .c-hero{
}

.hero-content--no-image .c-hero__btn {
    border-color:#fff;
}

.white.hero-content--no-image .c-hero{
}

.white.hero-content--no-image .c-hero__btn {
    border-color:#000;
}

.c-content-target{
    margin:24px auto;
    font-size:12px;
    border:1px solid #000;
    text-align:center;
    min-width:300px;
    width:30%;
    clear:both;
    letter-spacing:3px;
    text-transform:uppercase;
    position:relative;
    font-weight:500
    
}

.c-content-target__link {
    padding:16px 4px;
    display:block;
}

.c-content-target__link:hover {
    background-color:#000;
    color:#fff;
    text-decoration:none;
}

.error.c-content-target{
    border:none;
}

.error .c-content-target{
}

.error .c-content-target__link {
    background-color:#FFF9F2;
    text-align:center;
    color:#D4403A;
}

.error .c-content-target__link:hover {
    background-color:#FFF9F2;
    color:#D4403A;
}

.c-hero.col-md-6 .c-hero__image{
    left:0;
}

.category .c-hero{
}

.category .c-hero__inner {
    text-align:center;
}

.category .c-hero__wrapper {
    left:0;
    width:100%;
    padding:0 12px;
    top:50%;
    transform:translate(0 -50%);
}

.category .c-hero__title {
    font-size:36px;
    line-height:40px;
    font-family:'LushHandwritten', Helvetica, sans-serif;
}

.category .c-hero__footer {
    left:0;
    right:0;
    font-size:16px;
}

.c-email-hero{
    background-color:#f2f2f2;
    padding:48px;
    margin-bottom:24px
    
     
}

.c-email-hero__inner {
    padding:16px;
}

.c-email-hero__intro {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-top:4px;
}

.c-email-hero__input {
    padding:12px;
    font-size:19px;
    width:100%;
}

.c-email-hero__btn {
    font-size:13px;
    font-weight:normal;
    width:90%;
    padding:16px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.c-email-hero__terms {
    margin-top:12px;
}

.c-email-hero__disclaimer {
    font-size:14px;
    font-weight:normal;
    color:#262626;
    width:88%;
}

.c-email-hero .no-padding{
    padding:0;
}

.e-message{
    color:#000;
    padding:8px 0 0 4px
}

.e-message__title {
    font-size:20px;
    padding:0 0 8px 0;
    margin:0;
}

.e-message__text {
    margin:0;
    font-size:14px;
}

.c-email{
    height:350px;
    color:#fff;
    display:block;
    text-align:center;
    z-index:10;
    margin-bottom:24px
}

.c-email__inner {
    background-color:#000;
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

.c-email__wrapper {
    width:80%;
    margin:30px auto;
}

.c-email__title {
    font-size:24px;
    width:100%;
    min-height:84px;
    text-align:center;
}

.c-email__input {
    padding:12px;
    font-size:19px;
    width:100%;
    margin:25px 0 12px 0;
}

.c-email__btn {
    font-size:13px;
    font-weight:400;
    width:100%;
    padding:16px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin:16px 0 0 0;
    border:2px solid #fff;
}

.c-email__btn:hover {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

.c-email__terms {
    margin-top:12px;
}

.c-email__disclaimer.col-md-10 {
    font-size:14px;
    font-weight:normal;
    text-align:left;
    min-height:32px;
}

.white.c-email{
    color:#000;
}
.white .c-email{
}
.white .c-email__inner {
    background-color:#fff;
}
.white .c-email__btn {
    border-color:#000;
}

.c-email .signuperror, .c-email .e-message{
    position:absolute;
    top:-8px;
    left:0;
    right:0;
    color:#fff;
}

.c-email .e-message{
    top:0;
    background-color:#33803B;
    padding:12px 0
}

.c-email .e-message__title {
    padding:0 0 4px;
}

#product-card-buy .c-email-hero .row{
    margin:0 auto;
}

.c-product-box{
    height:350px;
    color:#fff;
    display:block;
    text-align:center;
    z-index:10;
    margin-bottom:24px
}

.c-product-box:hover {
    color:#fff;
}

.c-product-box__inner {
    background-color:#000;
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

.c-product-box__image, .c-product-box__video {
    position:relative;
    width:auto;
    z-index:900;
    left:-25%;
    height:auto;
}

.c-product-box__video {
    left:-2px;
}

.c-product-box__wrapper {
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:translate(-50%, -50%);
    z-index:1000;
}

.c-product-box__footer {
    z-index:1000;
    position:absolute;
    bottom:0;
    text-align:center;
    left:0;
    right:0;
    padding:8px 0;
    background-color:#000;
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:'LushHandwritten', Helvetica, sans-serif;
}

.c-product-box.col-md-6 .c-product-box__image{
	left:0;
}

.c-product{
    height:352px;
    text-align:center;
    margin-bottom:24px
}

.c-product.single {
}

.c-product__inner {
    position:relative;
    width:100%;
    height:100%;
}

.c-product__wishlist {
    position:absolute;
    top:4px;
    right:4px;
    font-size:30px;
    z-index:100;
}

.c-product__image-container {
    display:block;
    overflow:hidden;
    height:140px;
    margin:0 auto 8px auto;
    position:relative;
    z-index:10;
}

.c-product__image, .c-product__image-swatch {
    max-width:100%;
    height:auto;
    max-height:100%;
    position:absolute;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
}

.c-product__swatch-container {
}

.c-product__swatch-container:hover .c-product__image-swatch {
    visibility:hidden;
}

.c-product__swatch-container:hover .c-product__image {
    visibility:initial;
}

.c-product__badge {
    background-color:#000;
    border-radius:100%;
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-align:center;
    height:48px;
    width:48px;
    position:absolute;
    top:80px;
    right:0;
    z-index:20;
}

.c-product__badge .badge_bkg {
    background-color:#000;
    border-radius:100%;
    height:100%;
    width:100%;
    position:absolute;
}

.c-product__badge .badge-text {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:10;
}

.c-product__badge.bogo-badge {
    width:82px;
    height:82px;
    top:0;
    left:0;
    background-color:#34c4e6;
}

.c-product__badge.bogo-badge .badge-text {
    width:60%;
}

.c-product__badge.bogo-badge .badge_bkg {
    background-color:#34c4e6;
}

.c-product__badge.heart {
    right:15px;
    top:92px;
    width:40px;
    height:40px;
}

.c-product__badge.heart .badge_bkg {
    transform:rotate(-45deg);
    border-radius:0;
}

.c-product__badge.heart .badge_bkg:before, .c-product__badge.heart .badge_bkg:after {
    content:"";
    background-color:#000;
    border-radius:50%;
    height:40px;
    position:absolute;
    width:40px;
}

.c-product__badge.heart .badge_bkg:before {
    top:-19px;
    left:0;
}

.c-product__badge.heart .badge_bkg:after {
    left:19px;
    top:0;
}

.c-product__badge.heart .badge-text {
    top:31%;
}

.c-product__badge-svg {
    position:absolute;
    top:80px;
    right:0;
    z-index:20;
    font-size:60px;
}

.c-product__name-link {
    display:flex;
    justify-content:center;
    flex-direction:column;
    min-height:60px;
}

.c-product__category {
    color:#737373;
    font-size:14px;
    margin-bottom:4px;
}

.c-product__name-link.c-product:hover {
    text-decoration:none;
}

.c-product__name {
    font-family:'LushHandwritten', Helvetica, sans-serif;
    overflow:hidden;
    margin:0 0 4px 0;
    padding:0 5px;
}

.c-product__description {
    color:#737373;
    font-size:14px;
    min-height:32px;
    margin:0;
}

.c-product__buy {
}

.c-product__buy > div.c-product__price {
    padding:0;
}

.c-product__buy > div.col-lg-12.c-product__price {
    padding:0 15px;
}

.c-product__buy > div.c-product__qty {
    padding:0;
}

.c-product__price {
    font-size:12px;
    overflow:hidden;
    height:40px;
}

.c-product__price .product-variations {
    border:1px solid #f2f2f2;
    overflow:hidden;
}

.c-product__price .variant-dropdown {
    width:50%;
    display:inline-block;
}

.c-product__price .variant-dropdown .variation-select {
    border:none;
    box-shadow:none;
    color:#000;
    display:inline-block;
    height:38px;
    width:100%;
    font-size:12px;
    padding-left:0;
    margin-left:3px;
    background-color:transparent!important;
    background-image:none;
    z-index:20;
    position:relative;
    appearance:none;
    -webkit-appearance:none;
}

.c-product__price .icon {
    color:#000;
    font-size:12px;
    margin-top:-5px;
    position:absolute;
    right:6px;
    top:50%;
    z-index:10;
}

.c-product__price .sizeContainer.product-variations {
}

.c-product__std-price {
    padding:13px 0;
    border:1px solid #f2f2f2;
}

.c-product__list {
    margin:0;
}

.c-product__list__divider {
    font-weight:normal;
}

.c-product__list .product-price {
    display:inline-block;
    width:45%;
    text-align:right;
}

.c-product__buy {
}

.c-product__buy.row {
    margin-bottom:0;
}

.c-product__qty label {
    display:block;
    font-weight:normal;
}

.c-product__qty input[type=number]::-webkit-inner-spin-button, .c-product__qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0;
}

.c-product__qty-update {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    position:absolute;
    width:30%;
    height:100%;
    top:0;
    bottom:0;
}

.c-product__qty-update.plus {
    right:16px;
}

.c-product__qty-update.plus .icon {
    position:relative;
    top:50%;
    right:-33%;
    transform:translateY(-50%);
}

.c-product__qty-update.minus {
    left:16px;
}

.c-product__qty-update.minus span {
    background-color:#000;
    border-radius:25%;
    display:block;
    height:2px;
    width:15px;
    position:relative;
    top:50%;
    transform:translate(0) rotate(0.6deg);
}

.c-product__qty-inner {
    border:1px solid #f2f2f2;
    border-left:none;
    height:40px;
}

.c-product__qty-inner input {
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    -ms-appearance:textfield;
    background-color:transparent;
    border:none;
    box-shadow:none;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:11px 0;
    text-align:center;
    width:40%;
}

.c-product__atb {
}

.c-product__atb .add-to-cart.button {
    width:100%;
    font-size:12px;
    font-weight:normal;
    letter-spacing:2px;
    padding:14px 0;
    border:1px solid #000;
    text-transform:uppercase;
}

.c-product__atb .add-to-cart.button.disabled {
    border-color:#635f5f;
    cursor:not-allowed;
}

.c-product__atb .add-to-cart.button:hover {
    background-color:#fff;
    color:#000;
}

.c-product__atb .add-to-cart.button.no-stock {
    cursor:not-allowed;
    text-transform:uppercase;
    border:1px solid #635f5f;
    margin-top:41px;
}

.c-product__atb .add-to-cart.button.discond {
    cursor:not-allowed;
    text-transform:uppercase;
    border:1px solid #635f5f;
    margin-top:41px;
}

.c-product__stars {
}

.c-product__stars .pr-stars img {
    width:40%;
    height:auto;
    min-width:69px;
    margin:0 auto;
}

.c-product .btn {
    width:100%;
}

.c-product .btn:hover, .c-product .btn:focus {
    color:#fff;
}

.product-variations .single-variant{
    cursor:default;
}

.product-variations .single-variant + svg{
    display:none;
}

.product-price{
    display:inline-block;
    font-weight:bold;
}

.double .c-product__buy > div.c-product__price, .double .c-product__buy > div.c-product__qty{
    padding:0 15px
}

.double .c-product__image-container {
    height:100%;
}

.double .c-product__image {
    width:100%;
}

.double .c-product__content {
    position:absolute;
    transform:translate(0,-50%);
    top:50%;
    right:0;
}

.double .c-product__category {
    font-size:16px;
    margin-bottom:24px;
}

.double .c-product__description {
    font-size:16px;
    margin-bottom:16px;
}

.double .c-product__name {
    max-height:84px;
    margin-bottom:24px;
}

.double .c-product__qty-inner {
    border-left:1px solid #f2f2f2;
}

.double .c-product__price .icon {
    font-size:16px;
    margin-top:-8px;
    right:27px;
}

.double .c-product__badge {
    width:80px;
    height:80px;
    font-size:14px;
    top:36px;
}

.double .c-product__badge.heart {
    right:20px;
    top:54px;
    width:60px;
    height:60px;
}

.double .c-product__badge.heart .badge_bkg:before, .double .c-product__badge.heart .badge_bkg:after {
    height:60px;
    width:60px;
}

.double .c-product__badge.heart .badge_bkg:before {
    top:-26px;
}

.double .c-product__badge.heart .badge_bkg:after {
    left:26px;
}

.single.review, .single.teaser{
}

.single.review .c-product__image-container, .single.teaser .c-product__image-container {
    height:170px;
    margin-bottom:12px;
}

.single.review .c-product__category, .single.teaser .c-product__category {
    margin-bottom:8px;
    font-size:14px;
}

.single.review .c-product__description, .single.teaser .c-product__description {
    margin-bottom:4px;
    min-height:36px;
    font-size:14px;
}

.double.review, .double.teaser{
}

.double.review .c-product__image-container, .double.teaser .c-product__image-container {
}

.double.review .c-product__name, .double.teaser .c-product__name {
}

.single.review{
}

.single.review .c-product__stars .pr-stars img {
    max-width:125px;
}

.double.review{
}

.double.review .c-product__stars .pr-stars img {
    width:80%;
}

.single.teaser .c-product__price, .double.teaser .c-product__price{
    font-size:18px
}

.c-hero-text{
    text-align:center;
    padding:24px;
    margin-bottom:24px
}

.c-hero-text__title {
    margin:0 0 10px 0;
}

.c-hero-text__body {
    font-size:20px;
    line-height:26px;
    margin:0;
}

.c-ugc{
    margin-bottom:24px;
}

.c-ingredient{
    height:350px;
    text-align:center;
    margin-bottom:24px
}

.c-ingredient__inner {
    position:relative;
    width:100%;
    height:100%;
}

.c-ingredient__image-container {
    display:block;
    overflow:hidden;
    height:195px;
    margin:0 auto 8px auto;
    position:relative;
}

.c-ingredient__image-container:hover .c-ingredient__image-swatch {
    display:none;
}

.c-ingredient__image {
    max-width:100%;
    height:auto;
    max-height:100%;
    position:absolute;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
}

.c-ingredient__name-link {
    display:block;
}

.c-ingredient__name-link.c-ingredient:hover {
    text-decoration:none;
}

.c-ingredient__name {
    margin:20px 0;
    font-size:16px;
    text-decoration:underline;
    overflow:hidden;
    padding:0 5px;
    font-weight:normal;
}

.c-ingredient__features {
    font-size:21px;
    margin:0;
    font-weight:bold;
    padding:0 5px;
}

.double{
}

.double .c-ingredient__image-container {
    height:100%;
}

.double .c-ingredient__content {
    position:absolute;
    transform:translate(0,-50%);
    top:50%;
    right:0;
}

.double .c-ingredient__features {
    font-size:26px;
}

.double .c-ingredient__name {
    margin-top:0;
    font-size:22px;
}

.t-hero, .content-hero{
    margin-bottom:24px;
}

.t-hero .c-product, .content-hero .c-product{
    width:100%;
}

.t-hero__media-container, .content-hero__media-container {
    height:500px;
    margin-bottom:24px;
    overflow:hidden;
}

.t-hero__media-container-inner, .content-hero__media-container-inner {
    height:100%;
}

.t-hero__picture, .t-hero__video, .content-hero__picture, .content-hero__video {
    display:block;
    overflow:hidden;
    height:auto;
    max-height:500px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.t-hero__picture img, .t-hero__video img, .content-hero__picture img, .content-hero__video img {
    margin:0 auto;
}

.t-hero__text-block, .content-hero__text-block {
    height:150px;
    text-align:center;
    font-size:14px;
    line-height:18px;
    overflow:hidden;
}

.t-hero__text-block-inner, .content-hero__text-block-inner {
    background-color:#f2f2f2;
    padding:15px;
}

.content-hero{
}

.content-hero__text-block {
    height:500px;
    font-size:18px;
    line-height:28px;
}

.content-hero__text-block-inner {
    background-color:transparent;
    padding:15px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.content-hero__cta.button {
    font-weight:normal;
    width:270px;
    display:block;
    margin:34px auto 0 auto;
    text-transform:uppercase;
    font-size:12px;
}

.jnav{
    overflow:hidden
}

.jnav__link-container {
    margin-bottom:24px;
}

.jnav__link {
    padding:15px 5px;
    font-size:14px;
    background-color:#fff;
    color:#000;
    font-weight:normal;
    border:1px solid #757575;
    width:100%;
    display:block;
    text-align:center;
}

.jnav__link:hover {
    background-color:#000;
    color:#fff;
    text-decoration:none;
}

.c-text{
    height:352px;
    text-align:center;
    margin-bottom:24px
}

.c-text__body {
    background-color:#f2f2f2;
    display:flex;
    justify-content:center;
    flex-direction:column;
    font-size:24px;
    font-weight:600;
    line-height:1.4;
    height:100%;
    width:100%;
    position:relative;
    padding:30px;
}
.comingsoon-email .c-email-hero{
	margin-bottom:0;
}
.comingsoon-email form.c-email-hero{
	padding-bottom:0;
}
.comingsoon-email .content-wrapper-wide.c-email-hero__inner{
	border-bottom:1px solid #dadada; 
	margin-bottom:0;
}
.comingsoon-email button[type=submit]:hover{
    background-color:#fff;
    color:#000;
    border:#000;
}
.c-product__price .variant-dropdown .variation-select{
	padding:5px;
}  
.wishlist-toggle:hover{
	position:relative;
	top:-1px;
}


.odometer {
    height:1em;
    margin:0;
    display:inline-block;
}


.digit {
    display:inline-block;
    height:1.2em;
    width:0.8em;
    overflow:hidden;
    padding:0 0.15em;
    margin-left:0.15em;
    border-radius:5px;
    background:#333;
    color:#fff;
    text-align:center;
}


.digit:first-child {
    border-left:none;
    margin-left:0;
}


.digit-container {
    line-height:1.2em;
    animation:slide infinite linear;
}


.digit-one {
    animation-duration:3000ms;
    animation-delay:-2400ms;
}


.digit-ten {
    animation:slide-delay10 infinite linear;
    animation-duration:30000ms;
    animation-delay:-14400ms;
}


.digit-hundred {
    animation:slide-delay100 infinite linear;
    animation-duration:300000ms;
    animation-delay:-164400ms;
}


.digit-thousand {
    animation:slide-delay1000 infinite linear;
    animation-duration:3000000ms;
    animation-delay:-464400ms;
}


.digit-tenthousand {
    animation:slide-delay10000 infinite linear;
    animation-duration:30000000ms;
    animation-delay:-18464400ms;
}


.digit-hundredthousand {
    animation:slide-delay100000 infinite linear;
    animation-duration:300000000ms;
    animation-delay:-168464400ms;
}


.digit-million {
    animation:slide-delay1000000 infinite linear;
    animation-duration:3000000000ms;
    animation-delay:-1068464400ms;
}


.digit-tenmillion {
    animation:slide-delay1000000 infinite linear;
    animation-duration:30000000000ms;
    animation-delay:-13068464400ms;
}


@keyframes slide {
    0% {
        transform:translateY(-12em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay10 {
    0%, 9% {
        transform:translateY(-12em);
    }
    10%, 19% {
        transform:translateY(-10.8em);
    }
    20%, 29% {
        transform:translateY(-9.6em);
    }
    30%, 39% {
        transform:translateY(-8.4em);
    }
    40%, 49% {
        transform:translateY(-7.2em);
    }
    50%, 59% {
        transform:translateY(-6em);
    }
    60%, 69% {
        transform:translateY(-4.8em);
    }
    70%, 79% {
        transform:translateY(-3.6em);
    }
    80%, 89% {
        transform:translateY(-2.4em);
    }
    90%, 99% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay100 {
    0%, 9.9% {
        transform:translateY(-12em);
    }
    10%, 19.9% {
        transform:translateY(-10.8em);
    }
    20%, 29.9% {
        transform:translateY(-9.6em);
    }
    30%, 39.9% {
        transform:translateY(-8.4em);
    }
    40%, 49.9% {
        transform:translateY(-7.2em);
    }
    50%, 59.9% {
        transform:translateY(-6em);
    }
    60%, 69.9% {
        transform:translateY(-4.8em);
    }
    70%, 79.9% {
        transform:translateY(-3.6em);
    }
    80%, 89.9% {
        transform:translateY(-2.4em);
    }
    90%, 99.9% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay1000 {
    0%, 9.99% {
        transform:translateY(-12em);
    }
    10%, 19.99% {
        transform:translateY(-10.8em);
    }
    20%, 29.99% {
        transform:translateY(-9.6em);
    }
    30%, 39.99% {
        transform:translateY(-8.4em);
    }
    40%, 49.99% {
        transform:translateY(-7.2em);
    }
    50%, 59.99% {
        transform:translateY(-6em);
    }
    60%, 69.99% {
        transform:translateY(-4.8em);
    }
    70%, 79.99% {
        transform:translateY(-3.6em);
    }
    80%, 89.99% {
        transform:translateY(-2.4em);
    }
    90%, 99.99% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay10000 {
    0%, 9.999% {
        transform:translateY(-12em);
    }
    10%, 19.999% {
        transform:translateY(-10.8em);
    }
    20%, 29.999% {
        transform:translateY(-9.6em);
    }
    30%, 39.999% {
        transform:translateY(-8.4em);
    }
    40%, 49.999% {
        transform:translateY(-7.2em);
    }
    50%, 59.999% {
        transform:translateY(-6em);
    }
    60%, 69.999% {
        transform:translateY(-4.8em);
    }
    70%, 79.999% {
        transform:translateY(-3.6em);
    }
    80%, 89.999% {
        transform:translateY(-2.4em);
    }
    90%, 99.999% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay100000 {
    0%, 9.9999% {
        transform:translateY(-12em);
    }
    10%, 19.9999% {
        transform:translateY(-10.8em);
    }
    20%, 29.9999% {
        transform:translateY(-9.6em);
    }
    30%, 39.9999% {
        transform:translateY(-8.4em);
    }
    40%, 49.9999% {
        transform:translateY(-7.2em);
    }
    50%, 59.9999% {
        transform:translateY(-6em);
    }
    60%, 69.9999% {
        transform:translateY(-4.8em);
    }
    70%, 79.9999% {
        transform:translateY(-3.6em);
    }
    80%, 89.9999% {
        transform:translateY(-2.4em);
    }
    90%, 99.9999% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


@keyframes slide-delay1000000 {
    0%, 9.99999% {
        transform:translateY(-12em);
    }
    10%, 19.99999% {
        transform:translateY(-10.8em);
    }
    20%, 29.99999% {
        transform:translateY(-9.6em);
    }
    30%, 39.99999% {
        transform:translateY(-8.4em);
    }
    40%, 49.99999% {
        transform:translateY(-7.2em);
    }
    50%, 59.99999% {
        transform:translateY(-6em);
    }
    60%, 69.99999% {
        transform:translateY(-4.8em);
    }
    70%, 79.99999% {
        transform:translateY(-3.6em);
    }
    80%, 89.99999% {
        transform:translateY(-2.4em);
    }
    90%, 99.99999% {
        transform:translateY(-1.2em);
    }
    100% {
        transform:translateY(0);
    }
}


.stickyCounter #main-full-screen {
    padding-bottom:150px;
}


.stickyCounter .counter {
    position:fixed;
    bottom:0;
}


.stickyCounter iframe#launcher {
    z-index:959 !important;
}


.stickyCounterFooter .counter {
    position:absolute;
    bottom:0px;
}


.counter {
    position:absolute;
    left:0;
    right:0;
    z-index:960;
    color:#fff;
    font-size:45px;
    text-transform:uppercase;
    background:#000;
    margin-top:-24px;
    font-family:'NeueHelveticaPro-69CmMd', Arial, Helvetica, sans-serif;
}


.counter a {
    display:inline-block;
    justify-self:center;
    align-self:center;
    padding:10px 20px;
    font-size:30px;
    text-align:center;
    color:#fff;
    border:3px solid #fff;
    border-radius:8px;
    background:#cb2229;
}


.counter a:hover {
    text-decoration:none;
    color:#fff;
}


.counter > div {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-column-gap:10px;
    grid-row-gap:10px;
    max-width:960px;
    position:relative;
    margin:0 auto;
    padding:15px 10px;
}


.odometer {
    grid-column:1 / 1;
    grid-row:1 / 1;
    justify-self:center;
    align-self:center;
}


.odometer + span {
    display:block;
    grid-column:1 / 1;
    grid-row:2 / 2;
    justify-self:center;
    align-self:center;
    text-align:center;
}


.odometer + span + span {
    grid-column:2 / 2;
    grid-row:1 / 1;
    justify-self:center;
    align-self:center;
    text-align:center;
}


.counter-placeholder {
    height:150px;
}


.odometer-formatting-mark {
    display:none;
}

    .campaign-healthy-oceans .c-hero-banner img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:800
}

    .campaign-healthy-oceans .c-hero-banner h2{
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:24px
}

    .campaign-healthy-oceans .c-hero-banner h3{
    margin-bottom:24px;
    font-weight:400;
}

    .campaign-healthy-oceans .c-hero-banner p{
    font-size:18px;
    max-width:800px;
    margin:36px auto 0;
    outline:none;
    letter-spacing:0.5px
}

    .campaign-healthy-oceans .c-hero-banner__cta-wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
}

    .campaign-healthy-oceans .c-hero-banner__cta {
    flex-basis:30%;
    max-width:300px;
    min-width:250px;
    font-size:16px;
    font-weight:700;
}
   
   .campaign-healthy-oceans--fr .c-hero-banner{
       height:450px
   }
   
   @media screen and (max-width: 768px) {
    .h-hero {
        font-size:32px;
        line-height:36px;
    }
    h1, .h1 {
        font-size:56px;
        line-height:62px;
    }
    h2, .h2 {
        font-size:36px;
        line-height:42px;
    }
    h3, .h3 {
        font-size:16px;
        line-height:20px;
    }
    .btn {
        font-size:10px;
        letter-spacing:2px;
        padding:8px 16px;
    }
    #product-card-buy .row > div {
        padding:0;
    }
    #product-card-buy .row.grid-row {
        margin:0;
        padding:0 16px;
    }
    .hero-banner .hero-banner__title {
        font-size:36px;
        line-height:40px;
    }
    .hero-banner__subtitle {
        font-size:18px;
        line-height:24px;
        margin-bottom:24px;
    }
    .c-hero__footer {
        font-size:inherit;
    }
    .c-email-hero {
        padding:16px 16px 0 16px;
    }
    .c-email-hero label {
        display:block;
        margin:0 0 16px 0;
        padding:0;
        text-align:left;
    }
    .c-product {
        height:auto;
    }
    .c-product.single {
        min-height:352px;
        padding:0 8px;
    }
    .c-product__description {
        display:none;
    }
    .c-product__price {
        margin-bottom:14px;
    }
    .c-product__price .product-variations {
        border:none;
        height:auto;
    }
    .c-product__price .variant-dropdown .variation-select {
        font-size:14px;
        height:auto;
        margin:0;
        padding:0;
    }
    .c-product__std-price {
        border:none;
        font-size:14px;
        padding:0;
    }
    .c-product__list .product-price {
        font-size:14px;
        margin-top:0;
        display:inline-block;
        height:auto;
        padding:0;
        width:calc(50% - 8px);
    }
    .c-product__qty-inner {
        height:48px;
        border-left:1px solid #f2f2f2;
    }
    .c-product__qty-inner input {
        font-size:16px;
        padding:15px 0;
    }
    .c-product__atb .add-to-cart.button.no-stock {
        margin-top:104px;
    }
    .c-product__atb .add-to-cart.button.discond {
        margin-top:104px;
    }
    .double .c-product__buy > div.c-product__price, .double .c-product__buy > div.c-product__qty {
        padding:0;
    }
    .stickyCounter #main-full-screen {
        padding-bottom:106px;
    }
    .stickyCounterFooter .counter {
        bottom:-50px;
    }
    .counter a {
        grid-row:2 / 2;
        grid-column:1 / span 2;
        padding:7px 20px;
        letter-spacing:1px;
        font-size:18px;
    }
    .odometer {
        grid-column:1 / 2;
        grid-row:1 / 1;
        font-size:24px;
        justify-self:right;
    }
    .odometer + span {
        grid-column:2 / 2;
        grid-row:1 / 1;
        font-size:20px;
        justify-self:left;
    }
    .odometer + span + span {
        display:none;
    }
    .counter-placeholder {
        height:106px;
    }
    .campaign-healthy-oceans .c-hero-banner__cta-wrapper {
        flex-direction:column;
    }
}
   
   @media screen and (max-width: 480px) {
    h1, .h1 {
        font-size:48px;
        line-height:54px;
    }
    h2, .h2 {
        font-size:28px;
        line-height:34px;
    }
    #search-results-grid .hero-banner {
        height:155px;
    }
}
   
   @media screen and (max-width: 450px) {
    .btn {
        padding-right:4px;
        padding-left:4px;
    }
}
   
   @media screen and (max-width: 500px) {
    .modal-body {
        padding:12px;
    }
    .c-email__title {
        font-size:20px;
    }
    .c-ingredient__features {
        font-size:16px;
    }
    .odometer {
        font-size:20px;
    }
    .counter-placeholder {
        height:105px;
    }
}
   
   @media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin:30px auto;
    }
    .modal-sm {
        width:300px;
    }
}
   
   @media (min-width: 992px) {
    .modal-lg {
        width:900px;
    }
}
   
   @media screen and (max-width:767px) {
    .ui-dialog.newsletter-signup-modal .ui-widget-header {
        background:none;
        min-height:0;
        height:0;
        overflow:visible;
        z-index:99999;
    }
    .ui-dialog.newsletter-signup-modal .ui-widget-content {
        height:auto !important;
    }
    .ui-dialog.newsletter-signup-modal .close-button {
        height:40px;
        width:auto;
        position:absolute;
        right:0;
        color:#fff;
        font-size:12px;
        background:none;
    }
    .ui-dialog.newsletter-signup-modal .close-button .ui-button-text {
        display:block;
    }
    .ui-dialog.newsletter-signup-modal .check-error {
        margin-top:5px;
    }
    .ui-dialog.newsletter-signup-modal h1 {
        display:none;
    }
    .ui-dialog.newsletter-signup-modal .field:first-child {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
    }
    .ui-dialog.newsletter-signup-modal input.textbox {
        grid-column:1 / span 2;
        background-color:#fff;
        height:50px;
        color:#333;
        border:1px solid #bfc1c0;
    }
    .ui-dialog.newsletter-signup-modal .checkbox-container input[type=checkbox] {
        position:absolute;
        height:1px;
        width:1px;
    }
    .ui-dialog.newsletter-signup-modal .checkbox-container label:before {
        bottom:0;
    }
    .ui-dialog.newsletter-signup-modal .checkbox-container label {
        margin-left:0;
        font-size:15px;
        padding-left:28px;
        line-height:20px;
    }
    .ui-dialog.newsletter-signup-modal .checkbox-container {
        margin-top:5px;
    }
    .ui-dialog.newsletter-signup-modal form {
        margin:0;
    }
    .ui-dialog.newsletter-signup-modal input[type=submit] {
        background:#000;
        font-size:12px;
        color:#fff;
        height:50px;
    }
    .ui-dialog.newsletter-signup-modal .footer {
        display:none;
    }
    .ui-dialog.newsletter-signup-modal {
        top:auto !important;
        bottom:0;
        max-height:33%;
        background-color:#ae8ea3;
        z-index:999999;
    }
    .ui-dialog.newsletter-signup-modal .mobile {
        text-align:left;
        padding-top:0;
    }
    .ui-dialog.newsletter-signup-modal .desktop, .ui-dialog.newsletter-signup-modal .ui-dialog-title {
        display:none;
    }
    .ui-widget-overlay {
        display:none;
    }
}
   
   @media screen and (min-width:767px) {
    .ui-dialog.newsletter-signup-modal .mobile {
        display:none;
    }
    .ui-dialog.newsletter-signup-modal .content-container, .ui-dialog.newsletter-signup-modal .success-container {
        width:588px;
        margin:auto;
        text-align:center;
    }
    .ui-dialog.newsletter-signup-modal input.textbox {
        display:inline-block;
        width:65%;
        border-right:none 0;
    }
    .ui-dialog.newsletter-signup-modal input[type=submit] {
        width:35%;
        display:inline-block;
    }
}
   
   @media screen and (max-width:768px) {
    .slick-dots {
        position:relative;
        margin:5px auto 25px auto;
        bottom:0;
    }
    .c-hero-banner__subline {
        font-size:18px;
        margin-bottom:24px;
        line-height:22px;
        font-weight:bold;
    }
    .c-hero-banner__cta {
        padding:8px 12px;
        font-size:12px;
        min-width:250px;
    }
    .hero-banner--no-image {
        height:350px;
    }
    .c-hero-banner .h-hero {
        font-size:36px;
        line-height:40px;
        margin-bottom:10px;
    }
    .ab-active.c-hero-banner {
        max-height:200px;
        min-height:175px;
    }
    .ab-active.c-hero-banner .h-hero {
        margin-bottom:7px;
    }
    .ab-active .c-hero-banner__subline {
        margin-bottom:14px;
    }
    .ab-active .c-hero-banner__cta {
        padding:8px 4px;
    }
    .c-hero__image, .c-hero__video {
        left:0;
        margin-left:auto;
        margin-right:auto;
    }
    .c-hero__btn {
        width:100%;
        padding:12px 6px;
    }
    .c-content-target {
        border:none;
        clear:none;
        height:306px;
        min-width:auto;
    }
    .c-content-target__link {
        color:#000;
        position:absolute;
        top:50%;
        left:50%;
        width:80%;
        transform:translate(-50%, -50%);
        font-weight:bold;
        font-size:16px;
        text-decoration:underline;
    }
    .c-product-box__image, .c-product-box__video {
        left:0;
        margin-left:auto;
        margin-right:auto;
    }
    .double .c-ingredient__image-container {
        height:195px;
    }
    .double .c-ingredient__content {
        position:relative;
        transform:none;
        top:0;
    }
    .double .c-ingredient__features {
        font-size:21px;
    }
    .double .c-ingredient__name {
        margin:24px 0 24px 0;
        font-size:16px;
    }
    .t-hero__media-container, .content-hero__media-container {
        height:auto;
        max-height:500px;
    }
    .t-hero__media-container-inner, .content-hero__media-container-inner {
        height:auto;
        padding-bottom:100%;
        overflow:hidden;
    }
    .t-hero__picture, .t-hero__video, .content-hero__picture, .content-hero__video {
        position:absolute;
        left:0;
        right:0;
        margin:0 15px;
    }
    .t-hero__text-block, .content-hero__text-block {
        height:auto;
        margin-bottom:24px;
    }
    .content-hero__text-block {
        margin-bottom:0;
        font-size:14px;
        line-height:23px;
    }
    .content-hero__text-block-inner {
        transform:none;
        top:0;
    }
    .c-text__body {
        font-size:16px;
        padding:15px;
    }
}
   
   @media screen and (max-width:620px) {
    .c-hero-banner__image, .c-hero-banner__video {
        width:auto;
    }
}
   
   @media screen and (max-width:960px) {
    .c-hero-banner {
}
    .c-hero-banner__picture {
        display:flex;
        align-items:center;
        background-color:#fff;
    }
    .hero-banner--no-image {
        height:400px;
    }
}
   
   @media screen and (min-width: 376px) {
    .hero-banner {
        height:270px;
    }
}
   
   @media screen and (min-width: 769px) {
    .hero-banner {
        height:450px;
    }
    #search-results-grid .hero-banner {
        height:330px;
    }
}
   
   @media screen and (min-width: 1490px ) {
    .hero-banner img {
        position:static;
        transform:none;
        top:0;
        left:0;
        width:100%;
    }
}
   
   @media screen and (min-width: 1455px ) {
    .hero-banner.category-banner img {
        position:static;
        transform:none;
        top:0;
        left:0;
        width:100%;
    }
}
   
   @media screen and (max-width: 375px) {
    .frontpage .hero-banner {
        height:270px;
    }
}
   
   @media screen and (max-width:480px) {
    .c-hero__desc {
        font-size:13px;
    }
    .category .c-hero__title {
        font-size:24px;
        line-height:30px;
    }
    .c-product__price .sizeContainer.product-variations {
        padding:0;
        margin:0;
    }
}
   
   @media screen and (max-width:520px) {
    .c-image-text .c-hero__image-container {
        display:none;
    }
    .c-image-text .c-hero__text-container {
        width:100%!important;
    }
    .c-product__badge.bogo-badge {
        width:57px;
        height:57px;
        font-size:8px;
    }
}
   
   @media screen and (max-width: 767px) {
    .c-email-hero__inner {
        padding:0;
    }
}
   
   @media screen and (max-width: 991px) {
    .c-email-hero__intro {
        margin-bottom:24px;
        width:100%;
    }
    .c-email-hero__btn {
        width:100%;
    }
    .c-product__qty-update.plus .icon {
        font-size:14px;
    }
    .c-product__qty-update.minus span {
        height:2px;
        width:14px;
    }
}
   
   @media screen and (max-width:991px) {
    .c-product__image-container {
        height:134px;
    }
    .c-product__badge {
        top:70px;
    }
    .c-product__badge.heart {
        top:85px;
    }
    .c-product__badge-svg {
        top:70px;
    }
    .c-product__category {
        margin-bottom:4px;
        font-size:12px;
    }
    .c-product__description {
        font-size:12px;
        min-height:auto;
        margin-bottom:8px;
    }
    .c-product__price .icon {
        top:4px;
        right:0;
        margin-top:0;
    }
    .single.teaser .c-product__price, .double.teaser .c-product__price {
        margin-top:24px;
    }
}
   
   @media screen and (max-width:992px) {
    .double .c-product__image-container {
        height:134px;
    }
    .double .c-product__image {
        width:auto;
    }
    .double .c-product__content {
        position:relative;
        transform:none;
        top:0;
    }
    .double .c-product__category {
        font-size:12px;
        margin-bottom:4px;
    }
    .double .c-product__description {
        font-size:12px;
        margin-bottom:8px;
        min-height:auto;
    }
    .double .c-product__name {
        min-height:38px;
        margin-bottom:4px;
    }
    .double .c-product__badge {
        height:50px;
        width:50px;
        top:70px;
        font-size:11px;
    }
    .double.review .c-product__image-container, .double.teaser .c-product__image-container {
        height:165px;
    }
    .double.review .c-product__name, .double.teaser .c-product__name {
        min-height:56px;
        margin-bottom:8px;
    }
}
   
   @media screen and (max-width: 320px) {
    .odometer {
        font-size:18px;
    }
}
   
   @media screen and (min-width: 1492px) {
    .campaign-healthy-oceans .c-hero-banner img {
        position:static;
        transform:none;
        top:0;
        left:0;
        width:100%;
    }
}
   
   @media screen and (max-width: 959px) {
    .campaign-healthy-oceans .c-hero-banner h2 {
        margin-bottom:10px;
        font-size:34px;
    }
    .campaign-healthy-oceans .c-hero-banner__cta {
        margin-bottom:8px;
        min-width:200px;
    }
}
   
   @media screen and (max-width: 769px) {
    .campaign-healthy-oceans .c-hero-banner h2 {
        font-size:28px;
        line-height:1;
    }
    .campaign-healthy-oceans .c-hero-banner p {
        font-size:16px;
        margin-top:8px;
    }
    .campaign-healthy-oceans--fr .c-hero-banner h2 {
        font-size:22px;
    }
    .campaign-healthy-oceans--fr .c-hero-banner p {
        font-size:16px;
    }
}