.offer-page-sale-item {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    position: relative;
}

.offers-page-offers-wrapper {
    background: transparent;
}

.offer-page-sale-item--category {
    border-right: 1px solid #183B7E;
    border-bottom: 1px solid #183B7E;
}

.offer-page-sale-item--category:after {
    content: '';
    display: block;
    position: absolute;
    background: #183B7E;
    left: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 2;
}

.offer-page-sale-item--right-border {
    position: absolute;
    right: -1px;
    height: 100%;
    width: 1px;
    top: 0;
    background: #183B7E;
}

.offer-page-sale-item--top-border {
    position: absolute;
    width: calc(100% + 2px);
    top: -1px;
    left: -1px;
    height: 1px;
    background: #183B7E;
}

.offer-page-sale-item.__color-blue:before {
    content: '';
    display: block;
    position: absolute;
    background: #183B7E;
    left: -1px;
    bottom: -1px;
    width: -webkit-calc(100% + 1px);
    width: -moz-calc(100% + 1px);
    width: calc(100% + 1px);
    height: 1px;
    z-index: 2;
}

.offers-page-sale-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 1px solid #E6E6E6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sale-category-item {
    padding: 30px;
    font-size: 36px;
    color: #fff;
    font-family: 'CronosPro-Bold';
    background: #183B7E;
    height: 310px;
    line-height: 40px;
}

.sale-promo-item {
    height: 310px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1281px) {
    .offer-page-sale-item--size3 .sale-promo-item {
        background-size: cover;
        background-color: #fff;
        background-position-x: right;
    }
}


@media screen and (min-width: 1071px) and (max-width: 1280px) {
    .offer-page-sale-item--size3 .sale-promo-item {
        background-size: contain;
        background-color: #fff;
        background-position-x: right;
    }
}

@media screen and (min-width: 901px) and (max-width: 1070px) {
    .sale-promo-item {
        background-size: cover;
        background-color: #fff;
        background-position-x: right;
    }
}

@media screen and (max-width: 900px){
    .sale-promo-item {
        height: 38vw;
    }
}

@media screen and (max-width: 615px){
    .sale-promo-item {
        height: 79vw;
    }
}

.sale-promo-item--auto-bg {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.sale-promo-item__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sale-category-item span {
    display: block;
    color: #E41E24;
    font-size: 24px;
    margin-top: 20px;
}

.offer-page-sale-item .item .img {
    height: auto !important;
}

.offer-page-sale-item .item .text {
    top: 180px !important;
}

.offers .offer-page-sale-item .item {
    height: 310px;
}

.offers .item .text .title {
    color: #242E41;
    font-size: 15px !important;
}

.offers .item .text .desc {
    font-size: 12px !important;
}

/* HEADER */

.op-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    position: relative;
}

.op-header__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.op-header__row--padded {
    padding: 20px 0;
}

.op-header__cat-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #F4F4F4;
    padding: 0 8px 0 20px;
    height: 42px;
    font-size: 16px;
    font-family: 'brandontext';
    color: #242E41;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* override global */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.op-header__cat-item--active {
    background-color: #242E41;
    color: #fff;
}

.op-header__cat-item-counter {
    background-color: #E51E25;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 26px;
    width: 26px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[class*='op-header__col'] {
    padding: 0 9px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.op-header__col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 100%;
}

.op-header__col--filters {
    margin: 15px 0;
}

.op-header__col-3-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.op-header__col-12-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.op-header__col-search {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 9px 0 0;
}

.op-header__col-shop {
    -webkit-flex-basis: 175px;
    -ms-flex-preferred-size: 175px;
    flex-basis: 175px;
    max-width: 175px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 0 0 9px;
}

.op-header__col-9-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.op-header__col-2-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.op-header__col-7-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.op-header__container {
    max-width: 1248px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 auto;
}

.op-offers__title {
    display: none;
}
.op-offers > .op-header__container:first-child {
    margin-top: 40px;
}
/*fixes MAX-1720 issue that nav button is disappearing on iOS.*/
.op-header__container--upper {
    background: #ffffff;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.op-header__cat-selector {
    background-color: #183B7E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 0 15px;
    height: 42px;
    font-size: 16px;
    font-family: 'brandontext-med';
    font-weight: 500;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* override global */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.op-header__cat-selector-arrow {
    width: 14px;
    height: 14px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.op-header__cat-selector-arrow > svg {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out, -moz-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -moz-transform 200ms ease-in-out, -o-transform 200ms ease-in-out;
}

.op-header__cat-selector--active .op-header__cat-selector-arrow > svg {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.op-header__search {
    position: relative;
}

.op-header__search-results {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    font-family: 'brandontext';
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px 20px;
    -webkit-box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
    box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
}

.op-header__search-results-category {
    color: #004a90;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.op-header__search-results-category-item {
    margin-bottom: 10px;
    cursor: pointer;
}

.op-header__search-results-category-item:first-child {
    margin-top: 5px;
    cursor: pointer;
}

.op-header__search-results-category-item:last-child {
    margin-bottom: 5px;
}

.op-header__search-results-heading {
    padding:  0 0 10px 0;
    color: #797979;
    font-size: 12px;
    line-height: 17px;
}

.op-header__search-results-data {
    color: #242E41;
}

.op-header__search-results-data-item {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer;
    background-image: url(/images/front/icons/sale_search_bullet.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
    padding: 5px 0 5px 10px;
}

.op-header__search-results-data-item:hover {
    text-decoration: underline;
}

/* !importants because we try to globals */
.op-header__search-input {
    border: 1px solid #E4E4E4 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    padding: 0 55px 0 55px !important;
    height: 42px !important;
    background-color: #F4F4F4 !important;
    background-image: url(/images/front/offerpage/offer-search-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    -o-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
}

.op-header__search-input--has-items {
    border-color: #FFFFFF !important;
    border-bottom: 1px solid #E4E4E4 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
    -moz-box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
    box-shadow: -1px 1px 7px 0 rgba(0,0,0,0.14);
    background-color: #FFFFFF !important;
}

.op-header__cat-selector--white {
    border: 1px solid #EEEEEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #CECECE;
}

.op-header__cat-selector--shops span,
.op-header__cat-selector--mob-shops span {
    color: #797979;
    font-size: 14px;
    font-family: 'brandontext';
    line-height: 15px;
    text-align: center;
}

.op-header__cat-selector--shops span {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
}

.op-header__button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.op-header__button-group--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.op-header__button-group--vertical .op-header__button {
    margin-bottom: 10px;
}


.op-header__button-group .op-header__button:not(:last-child) {
    margin-right: 10px;
}

.op-header__button-group--vertical .op-header__button:not(:last-child) {
    margin-right: 0;
}

.op-header__button {
    border: 1px solid #EEEEEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* override globals */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 20px;
    height: 42px;
    font-size: 15px;
    color: #656565;
}

.op-header__button--centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.op-header__button--blue {
    background-color: #183B7E;
    color: #ffffff;
    border-color: #183B7E;
}
.offer-campaign-pages {
    padding-top: 0;
    padding-bottom: 20px;
}
.offer-campaign-pages .products-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
.offer-campaign-pages .products-categories .op-header__button:nth-child(2n) {
    margin: 0 10px 15px;
}
@media(max-width: 475px) {
    .offer-campaign-pages .products-categories {
        margin: 0px -40px 20px;
    }
    .offer-campaign-pages .products-categories .op-header__button:nth-child(2n) {
        margin: 0 5px 15px;
    }
}

.op-header__button--filter {
    font-family: 'brandontext-med';
}

.op-header__button--filter.op-header__button--active {
    background-color: #183B7E;
    color: #ffffff;
    border-color: #183B7E;
}

.op-header__button--disabled {
    opacity: 0.5;
    cursor: initial;
}

.op-header__button--active {
    border: 2px solid #183B7E;
}

.op-header__button--tiny-text {
    font-size: 14px;
    font-family: 'brandontext';
    line-height: 15px;
    text-align: center;
    color: #797979;
}

.op-header__shop-size-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.op-header__shop-size-unit {
    background: url("/images/front/icons/x_letter.svg") no-repeat center center;
    width: 12px;
    height: 16px;
}

.op-header__shop-size-unit:not(:last-child) {
    margin-right: 5px;
}

.op-header__container-with-text-and-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.op-header__search-results-data {
    max-height: 300px;
    overflow-y: auto;
}

.op-header__container--cats {
    display: none;
}

.op-header__container--shops {
    display: none;
}

.op-header__text {
    font-size: 16px;
    color: #797979;
    font-family: 'brandontext';
}

.offer-page-sale-item--grid5 {
    display: block;
}
.offer-page-sale-item--grid4 {
    display: none;
}
.offer-page-sale-item--grid3 {
    display: none;
}
.offer-page-sale-item--grid2 {
    display: none;
}
.offer-page-sale-item--grid1 {
    display: none;
}

.offer-page-sale-item--size1 {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
}

.offer-page-sale-item--size2 {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
}

.offer-page-sale-item--size3 {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
}

.offer-page-sale-item--size4 {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
}

.offer-page-sale-item--size5 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media (max-width: 1280px) {
    .offer-page-sale-item--grid5 {
        display: none;
    }

    .offer-page-sale-item--grid4 {
        display: block;
    }
    .offer-page-sale-item {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }


    .offer-page-sale-item--size1 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .offer-page-sale-item--size2 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .offer-page-sale-item--size3 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .offer-page-sale-item--size4 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size5 wont be displayed (because grid has max 4) */
    .offer-page-sale-item--size5 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }
}

.op-header__desk-search-close {
    width: 12px;
    height: 100%;
    color: #A8ABB3;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto 0;
}

.op-header__desk-search-close > svg {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}


@media (max-width: 900px) {
    .op-header__desk-search-close {
        display: none;
    }

    .offer-page-sale-item--grid4 {
        display: none;
    }

    .offer-page-sale-item--grid3 {
        display: block;
    }

    .op-header__search-input {
        padding: 0 30px 0 55px !important;
    }

    .offer-page-sale-item {
        -webkit-flex-basis: 33.33334%;
        -ms-flex-preferred-size: 33.33334%;
        flex-basis: 33.33334%;
        max-width: 33.33334%;
    }

    .offer-page-sale-item--size1 {
        -webkit-flex-basis: 33.33334%;
        -ms-flex-preferred-size: 33.33334%;
        flex-basis: 33.33334%;
        max-width: 33.33334%;
    }

    .offer-page-sale-item--size2 {
        -webkit-flex-basis: 66.66668%;
        -ms-flex-preferred-size: 66.66668%;
        flex-basis: 66.66668%;
        max-width: 66.66668%;
    }

    .offer-page-sale-item--size3 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size4 wont be displayed (because grid has max 3) */
    .offer-page-sale-item--size4 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size5 wont be displayed (because grid has max 3) */
    .offer-page-sale-item--size5 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }

    .offer-page-sale-item.offer-page-sale-item--category {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .offers-page-sale-wrapper {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-left: 0;
    }

    .sale-category-item span {
        display: inline;
        font-size: 22px;
    }

    .sale-category-item {
        font-size: 22px;
        line-height: 26px;
        padding: 15px;
        height: auto;
    }

    .op-header__cat-item {
        margin-bottom: 10px;
    }
}

@media (max-width: 620px) {
    .offer-page-sale-item--grid3 {
        display: none;
    }

    .offer-page-sale-item--grid2 {
        display: block;
    }

    .offer-page-sale-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .offer-page-sale-item--size1 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .offer-page-sale-item--size2 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size3 wont be displayed (because grid has max 2) */
    .offer-page-sale-item--size3 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }

    /** size4 wont be displayed (because grid has max 2) */
    .offer-page-sale-item--size4 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size5 wont be displayed (because grid has max 2) */
    .offer-page-sale-item--size5 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }

    /* OVERRIDES FOR PRODUCTS */
    /* product overrides */
    .op-offers .offers .item .text .title {
        font-size: 14px !important;
    }

    .op-offers .offers .item .tags {
        min-width: 34px;
    }

    .offer-page-sale-item .item .text {
        top: 35vw !important;
    }
}

@media (max-width: 360px) {
    .offer-page-sale-item--grid2 {
        display: none;
    }

    .offer-page-sale-item--grid1 {
        display: block;
    }

    .offer-page-sale-item .item .text {
        top: 192px !important;
    }

    .offer-page-sale-item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .offer-page-sale-item--size1 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size2 wont be displayed (because grid has max 1) */
    .offer-page-sale-item--size2 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }

    /** size3 wont be displayed (because grid has max 1) */
    .offer-page-sale-item--size3 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }

    /** size4 wont be displayed (because grid has max 1) */
    .offer-page-sale-item--size4 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    /** size5 wont be displayed (because grid has max 1) */
    .offer-page-sale-item--size5 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 0;
    }
}
@media (min-width: 361px) and (max-width: 510px) {
    .offer-page-sale-item .item .text {
        top: 180px !important;
    }
}
/* op-header exclusive modifiers */

.op-header-mr2 {
    margin-right: 20px !important;
}

.offer-page-sale-item__hidden {
    display: none !important;
}

.op-header--display {
    display: block !important;
}

.op-header--hide {
    display: none !important;
}

@media (min-width: 901px) {
    .op-header__desk-hide {
        display: none !important;
    }
}

.op-header__button-group--mobile-filters {
    display: none;
}

.op-header__mob-shop-layer {
    display: none;
}

@media (max-width: 900px) {
    .op-header__mob-shop-layer {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 33;
        top: 0;
        left: 0;
        background-color: #F4F4F4;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .op-header__mob-shop-layer--active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .op-header__mob-shop-layer-header {
        color: #242E41;
        height: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: 'brandontext-med';
        font-size: 17px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        position: relative;
    }

    .op-header__mob-shop-layer-close {
        height: 100%;
        width: 40px;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        vertical-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .op-header__mob-shop-layer-header-arrow > svg {
        max-width: 100%;
        max-height: 100%;
        vertical-align: top;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: -webkit-transform 200ms ease-in-out;
        transition: -webkit-transform 200ms ease-in-out;
        -o-transition: -o-transform 200ms ease-in-out;
        -moz-transition: transform 200ms ease-in-out, -moz-transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -moz-transform 200ms ease-in-out, -o-transform 200ms ease-in-out;
    }

    .op-header__mob-shop-layer-header-arrow {
        width: 14px;
        height: 14px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .op-header__mob-shop-layer-footer {
        height: 62px;
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        background: #ffffff;
    }

    .op-header__row--padded {
        padding: 15px 0;
    }

    .op-header__button {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 13px 13px;
        height: 36px;
        font-size: 14px;
    }

    .op-header__button--big-mob {
        height: 42px;
    }

    .op-header__button--big-text-mob {
        font-size: 16px;
        font-family: 'brandontext-med';
    }

    .op-header__button-group--mobile-filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .op-header__button--filter {
        color: #183B7E;
        margin-bottom: 15px;
    }

    .op-header__button--filter.op-header__button--active {
        border-width: 1px;
    }

    body.op-header--mobile-disable-body-scroll {
        overflow: hidden;
    }

    .op-header__col-1-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .op-header__col-2-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .op-header__col-3-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .op-header__col-4-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .op-header__row {
        position: relative;
    }

    .op-header__search-button {
        width: 42px;
        height: 42px;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #F4F4F4;
        display: block;
        background-image: url('/images/front/offerpage/offer-search-icon.svg');
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: 21px 21px;
        -moz-background-size: 21px 21px;
        -o-background-size: 21px 21px;
        background-size: 21px 21px;
    }

    [class*='op-header__col'] {
        padding: 0 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .op-header__container {
        padding: 0 15px;
    }

    .op-header__container--no-pad-mob {
        padding: 0;
    }

    .op-header__col-search {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .op-header__search {
        position: relative;
        width: 100%;
    }

    .op-header__mob-search-close-wrapper {

    }

    .op-header__mob-search-close {
        width: 12px;
        height: 100%;
        color: #A8ABB3;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto 0;
    }

    .op-header__mob-search-close > svg {
        max-width: 100%;
        max-height: 100%;
        vertical-align: top;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .op-header__mob-hide {
        display: none !important;
    }

    .op-header__col-mob-cats-and-button {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .op-header__cat-selector {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-right: 15px;
    }

    .op-header__cat-selector--mob-shops {
        margin: 20px 0;
    }

    .op-header__row--mobile-overflow-hidden {
        /*overflow-x: hidden !important;*/
    }

    .op-header__mob-transition {
        -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
        transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
        -o-transition: opacity 400ms ease-in-out, -o-transform 400ms ease-in-out;
        -moz-transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, -moz-transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
        transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out, -moz-transform 400ms ease-in-out, -o-transform 400ms ease-in-out;
    }

    .op-header__col-mob-cats-and-button--search-active {
        -webkit-transform: translateX(-webkit-calc(-100% + 42px));
        -moz-transform: translateX(-moz-calc(-100% + 42px));
        -ms-transform: translateX(calc(-100% + 42px));
        -o-transform: translateX(calc(-100% + 42px));
        transform: translateX(calc(-100% + 42px)); /* 14px margin right */
        opacity: 1;
    }

    .op-header__col-mob-search {
        position: absolute;
        left: 0;
        top: 15px; /* because padding top is 15px for row */
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateX(105%);
        -moz-transform: translateX(105%);
        -ms-transform: translateX(105%);
        -o-transform: translateX(105%);
        transform: translateX(105%);
    }

    .op-header__col-mob-search--active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 400ms ease-in-out;
        transition: -webkit-transform 400ms ease-in-out;
        -o-transition: -o-transform 400ms ease-in-out;
        -moz-transition: transform 400ms ease-in-out, -moz-transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out, -moz-transform 400ms ease-in-out, -o-transform 400ms ease-in-out;
    }

    .op-header__container--cats {
        display: block !important;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        overflow: hidden;
        background: #ffffff;
        position: absolute;
        /* display: block; */
        z-index: 1000;
        height: -webkit-calc(100vh - 142px) !important;
        height: -moz-calc(100vh - 142px) !important;
        height: calc(100vh - 142px) !important;
        top: 100%;
    }

    .op-header__mobile-scroll-anim {
        -webkit-transition: -webkit-transform 400ms ease-in-out;
        transition: -webkit-transform 400ms ease-in-out;
        -o-transition: -o-transform 400ms ease-in-out;
        -moz-transition: transform 400ms ease-in-out, -moz-transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out;
        transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out, -moz-transform 400ms ease-in-out, -o-transform 400ms ease-in-out;
    }

    .op-header__container--cats.op-header__container--active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        height: -webkit-calc(100vh - 142px) !important;
        height: -moz-calc(100vh - 142px) !important;
        height: calc(100vh - 142px) !important;
        overflow-y: scroll;
    }

    .op-header__cat-selector-arrow > svg {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .op-header__cat-selector--active .op-header__cat-selector-arrow > svg {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.op-header__main-banner {
    display: block;
}

.op-header__main-banner > img {
    width: 100%;
}

.op-header__main-banner {
    margin-bottom: 15px;
    display: none;
}

.op-header__main-banner-img--desk {
    display: block;
}

.op-header__main-banner-img--tab {
    display: none;
}

.op-header__main-banner-img--mob {
    display: none;
}

.op-header__main-banner--desk-exists {
    display: block;
}

.op-header__container--image-bottom {
    display: none;
}

@media (max-width: 1000px) {
    .op-header__container--image {
        display: none;
    }

    .op-header__container--image-bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .op-header__main-banner--desk-exists {
        display: none;
    }

    .op-header__main-banner--tab-exists {
        display: block;
    }

    .op-header__main-banner-img--tab {
        display: block;
    }

    .op-header__main-banner-img--desk {
        display: none;
    }
}

@media (max-width: 600px) {
    .op-header__main-banner--is-mobile {
        display: block;
    }

    .op-header__main-banner--tab-exists,
    .op-header__main-banner--desk-exists {
        display: none;
    }

    .op-header__main-banner--mob-exists {
        display: block;
    }

    .op-header__main-banner-img--mob {
        display: block;
    }

    .op-header__main-banner-img--desk {
        display: none;
    }

    .op-header__main-banner-img--tab {
        display: none;
    }
}

/* OVERRIDE CERTAIN ICONS FOR SALES PAGE */

.op-offers .soap_offers .item .tags .tag.icon-71,
.op-offers .soap_offers .item .tags .tag.icon-72,
.op-offers .soap_offers .item .tags .tag.icon-73,
.op-offers .soap_offers .item .tags .tag.icon-74 {
    background-size: contain;
    width: 75px;
    -webkit-transform: translateX(-14px);
    -ms-transform: translateX(-14px);
    transform: translateX(-14px);
}
@media (min-width: 361px) and (max-width: 480px) {
    .op-offers .soap_offers .item .tags .tag.icon-71,
    .op-offers .soap_offers .item .tags .tag.icon-72 {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media (max-width: 380px) and (min-width: 361px) {
    body.sales .offers .item .text {
        width: 85%;
    }
}

.offers .offer-page-sale-item .tags .i {
    background-image: url(/images/front/offers_tags/info-new.png);
    width: 19px;
    height: 19px;
}

.tooltipster-shadow .tooltipster-content {
    color: #818181;
    font-size: 13px;
    font-family: 'brandontext';
}

.op-offers .offers .item .icon_holder .tagt .tagtt {
    left: -20px;
}

.op-offers .offers .item .discount {
    right: 0;
}