.product-slider {
    overflow : hidden;
    position : relative;
    z-index  : 2;
}

.product-slider__container {
    width       : 125%;
    margin-left : -12.5%;
}

.product-slider__container--mobile {
    width       : 100%;
    margin-left : 0;
    box-sizing  : border-box;
    padding     : 0 20px;
}

.product-slider__items {
    position : relative;
    z-index  : 2;
    overflow : hidden;
}

.product-slider__items-container {
    width   : 150px;
    opacity : 0;
}

.product-list {
    font-size : 0;
}

.product-slider__items:after, .product-slider__items-container:after {
    display : block;
    content : '';
    clear   : both;
}

.product-slider__item {
    width      : 20%;
    /*float      : left;*/
    display    : inline-block;
    box-sizing : border-box;
    padding    : 0 15px;
    font       : 14px 'San Francisco', sans-serif;
    color      : #4e4e4e;
    text-align : center;
    transition : .3s all ease;
    position   : relative;
}

.product-slider__item-image {
    position : relative;
}

.product-slider__item-image a {
    display : block;
}

.product-slider__item-image img {
    width  : 100%;
    height : auto;
}

.product-slider__item .product-slider__item-image:after {
    display       : block;
    content       : '';
    width         : 150px;
    height        : 150px;
    background    : rgba(122, 48, 53, .8) url(../images/product-hover-icon.png) no-repeat center center;
    border-radius : 50%;
    position      : absolute;
    margin-top    : -75px;
    margin-left   : -75px;
    left          : 50%;
    top           : 50%;
    cursor        : pointer;
    opacity       : 0;
    transition    : .3s opacity ease;
}

.product-slider__item.js-product-visible:hover .product-slider__item-image:after, .product-list .product-slider__item-image:hover:after {
    opacity : 1;
}

.product-slider__item--hidden {
    width   : 0 !important;
    padding : 0;
    opacity : 0;
}

.product-slider__item-title {
    padding-top : 10px;
    font-size   : 18px;
    font-weight : 600;
    color       : #4e4e4e;
}

.product-slider__item-price {
    display      : inline-block;
    border-left  : 1px solid #000000;
    margin-left  : 10px;
    padding-left : 10px;
}

.product-slider__item-type {
    position                           : absolute;
    top                                : 10px;
    left                               : 30px;
    z-index                            : 2;
    background-color                   : rgba(153, 222, 147, .5);
    background-color                   : #88dceb;
    padding                            : 10px 15px;
    font-size                          : 14px;
    line-height                        : 14px;
    color                              : rgba(0, 0, 0, .6);
    -webkit-border-radius              : 5px;
    -webkit-border-bottom-right-radius : 0;
    -moz-border-radius                 : 5px;
    -moz-border-radius-bottomright     : 0;
    border-radius                      : 5px;
    border-bottom-right-radius         : 0;
}

.product-slider__item-type:after {
    display    : block;
    width      : 9px;
    height     : 11px;
    position   : absolute;
    bottom     : -11px;
    right      : 0;
    content    : '';
    background : url(../images/product-slider__item-type.png) no-repeat 0 0;
}

.product-slider__item-type--hit {
    background-color : #70df90;
}

.product-slider__item-type--hit:after {
    background-image : url(../images/product-slider__item-type--new.png);
}

.product-slider__item-desc {
    padding-top : 20px;
    min-height  : 65px;
}

.product-slider__background {
    position      : absolute;
    left          : 8%;
    right         : 8%;
    height        : 200px;
    top           : 110px;
    background    : #fff1d9;
    border-radius : 10px;
    z-index       : 1;
    transition    : .3s all ease;
}

.product-slider__container--with-right .product-slider__background {
    right                             : 0;
    -webkit-border-top-left-radius    : 10px;
    -webkit-border-bottom-left-radius : 10px;
    -moz-border-radius-topleft        : 10px;
    -moz-border-radius-bottomleft     : 10px;
    border-top-left-radius            : 10px;
    border-bottom-left-radius         : 10px;
}

.product-slider__container--with-left .product-slider__background {
    left                               : 0;
    -webkit-border-top-right-radius    : 10px;
    -webkit-border-bottom-right-radius : 10px;
    -moz-border-radius-topright        : 10px;
    -moz-border-radius-bottomright     : 10px;
    border-top-right-radius            : 10px;
    border-bottom-right-radius         : 10px;
}

.product-slider__container--both .product-slider__background {
    left          : 0;
    right         : 0;
    border-radius : 0;
}

.product-slider__btn {
    position      : absolute;
    background    : rgba(122, 48, 53, .8) no-repeat center center;
    border-radius : 50%;
    top           : 135px;
    width         : 150px;
    height        : 150px;
    z-index       : 10;
    opacity       : 0;
    transition    : .3s all ease;
}

.product-slider__btn:hover {
    background-color : rgba(122, 48, 53, 1);
}

.product-slider__btn--next {
    background-image    : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAoCAYAAAFvHyEJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkQ2MDJFRjc5NzUxMTFFNUFENEJDNDU2Rjg5QzlFMkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ2MDJFRjg5NzUxMTFFNUFENEJDNDU2Rjg5QzlFMkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RDYwMkVGNTk3NTExMUU1QUQ0QkM0NTZGODlDOUUyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RDYwMkVGNjk3NTExMUU1QUQ0QkM0NTZGODlDOUUyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiQqJEgAAAH/SURBVHjaYvj//z8XEDOAMAOUEQ+iGcEiUMDEgARgnAkgAiCA4MqY0KW/wqT+w0QYAQIILgLioKsHCWjBBFFsh4JVMPeBsC6MzQKVRTETIIBAMnFIqsGWnEExDSrzFaYC2UawWch+Bhkcj+6mfegCgixInH8gr8HMuAT3J9Q6Dpi1AAGEHCTcQPyNAQtADqJpQHwVmyJsQYZhKhM2jeimYjMJw1QmPApUoPQ3FhwKTgLxFViEseCwgheIv2BzuBkQ/4Hq/oItnG4DsS8OkxkAAggU7POR0wY6ZoIafRV3ACDSTjw2E9DTEkbEIvtGG5RXcFkBwwuA+CqyGDaXo7gHVyTC3YMrAuHuwZcMFgCxKT4FoAD8hy+NfAbiIFxxUATET3H5ghkp+rEmaJDr3XCFZD0Q38UVWexA/AOlIEGzAmS0Fa7I6gXiK7jSA1ajYQAgwECqQv5DACgWtfClT1wYxuCCppX/0HRDliHIdQHJrsImSLKr8EkS7SpCthDlKmIDD6+rSIkFnK5iICNdYLiKHEMwXEWuIblQA14AsQipmpmB+DDUgMXkhIkGEH+HGuBFTsBWQjU/BGJ+UqOYFYjPQg2YRk5iMwLiX0D8F4jtyUn2bVDbbwExJ6kZENRmuQ41oIucosAGiP8A8W8gNiUl6pFLYHFQywtah51mIAEAAFbdTEr2M50KAAAAAElFTkSuQmCC');
    right               : -75px;
    background-position : 40px center;
}

.product-slider__btn--prev {
    background-image    : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAoCAYAAAFvHyEJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTIwRjdENDk5NzUxMTFFNUFFNzZGNkMwODE0MjM0OTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTIwRjdENEE5NzUxMTFFNUFFNzZGNkMwODE0MjM0OTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MjBGN0Q0Nzk3NTExMUU1QUU3NkY2QzA4MTQyMzQ5NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MjBGN0Q0ODk3NTExMUU1QUU3NkY2QzA4MTQyMzQ5NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqk1phAAAAH9SURBVHjaYvz//z8DFMxnROIwMDEgAdwcgACC64GJarEACZAQI0jkGbIadoAAYgAxkHA8iGZBMu0rEHMja2GEGoZiBUjgBzbXcADxFRADIIBQfILhZpBFyLbCXQsC8VBb4VpOw5TBPYZsKIhThG7LZYzQQbcF5rdegADCcCkauApyAQsOSS5okDHCnIdVN7KTWXDpRgYsuHSjAGgcBgLxF7R4hWN03/2Hmv4XX9yArLsFxPXYrEPHlkD8B5d1GE4GpRGAACKkKA6fAnCY4VMAktDG5dirQLwArBmLJCgzfMXlE4y4wkjQYHtxBBjcXmSM1V70yMOZRmBuWADE+3EHOMQoEFDBZgUspQkB8Tts1sC8+R6I5wHxSVxWwPA/INbFZgUM8AHxZ3wh+QWIJwLxJUJJD5TszPAlO1Bx9B091yMDUCHWAsS3AQIMlxXEYC1o/P1nYiAPLIBm9Qfgwpdc22HFOa7kjQsvgGoGpVEubOmTZNtJMQSn7cQYQtB2QoYQZTsuQ0iyHZshJNuOzRARIH4BNSiXXENgeDHUoMNAzEyuISDsBTXoOxBrkGsICPMD8UOoYZXkGgLD06AGnQViVnINAWF7IP4LxL+A2IhcQ0CYE4hvQV3VRq4hMNwFNeg6EHOQawgImwLxb2gBawMSI6dkOw1tSu4DYnGQAAAgMhVv/lM01wAAAABJRU5ErkJggg==');
    left                : -75px;
    background-position : 95px center;
}

.product-slider__container--with-right .product-slider__btn--next {
    opacity : 1;
}

.product-slider__container--with-left .product-slider__btn--prev {
    opacity : 1;
}

.product-slider__container--both .product-slider__btn--prev, .product-slider__container--both .product-slider__btn--next {
    opacity : 1;
}

.product-slider__item-box {
    display                    : none;
    position                   : absolute;
    top                        : -400px;
    left                       : -700px;
    width                      : 380px;
    background-color           : #ffffff;
    -webkit-box-shadow         : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);
    -moz-box-shadow            : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);
    box-shadow                 : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);
    z-index                    : 800;
    font                       : 300 14px "San Francisco", sans-serif;
    border-radius              : 5px;
    overflow                   : hidden;
    min-width                  : 380px;
    -webkit-overflow-scrolling : touch;
}

.product-slider__item-box-header {
    padding : 20px 35px 40px;
}

.product-slider__item-box-header-product {

}

.product-slider__item-box-header-product:after {
    display : block;
    content : '';
    clear   : both;
}

.product-slider__item-box-header-product-image {
    float         : left;
    width         : 100px;
    position      : relative;
    padding-right : 10px;
}

.product-slider__item-box-header-product-image a {
    text-decoration : none;
}

.product-slider__item-box-header-product-image .mega-icon {
    position : absolute;
    left     : 0;
    bottom   : 0;
}

.product-slider__item-box-header-product-desc {
    font-size : 14px;
    color     : #222222;
}

.product-slider__item-box-header-product-title {
    font-size      : 22px;
    font-weight    : 500;
    padding-bottom : 5px;
}

.product-slider__item-box-header-product-cart {
    padding-top : 30px;
}

.product-slider__item-box-header-product-cart:after {
    display : block;
    content : '';
    clear   : both;
}

.product-slider__item-box-header-product-cart-col {
    max-width : 50%;
    float     : left;
    font-size : 18px;
    color     : #222222;
}

.product-slider__item-box-header-product-cart-col--2:first-child {
    float : right;
}

.product-slider__item-box-header-product-dop {
    padding    : 25px 35px;
    background : rgba(206, 255, 193, .6);
    background : -moz-linear-gradient(top, rgb(167, 255, 186) 0%, rgb(118, 220, 144) 100%);
    background : -webkit-linear-gradient(top, rgb(167, 255, 186) 0%, rgb(118, 220, 144) 100%);
    background : linear-gradient(to bottom, rgb(167, 255, 186) 0%, rgb(118, 220, 144) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7ffba', endColorstr='#76dc90', GradientType=0);
}

.product-slider__item-box-header-product-dop-items {

}

.product-slider__item-box-header-product-dop-item {
    font-size   : 18px;
    color       : #222222;
    padding-top : 15px;
    line-height : 27px;
}

.product-slider__item-box-header-product-dop-item:after {
    display : block;
    content : '';
    clear   : both;
}

.product-slider__item-box-header-product-dop-title {
    font-size      : 14px;
    font-weight    : 300;
    color          : rgba(0, 0, 0, .6);
    padding-bottom : 10px;
}

.product-slider__item-box-header-product-dop-close {
    font-size   : 19px;
    font-weight : 300;
    color       : rgba(34, 34, 34, .6);
    padding-top : 30px;
    cursor      : pointer;
    transition  : .3s color ease;
}

.product-slider__item-box-header-product-dop-close:hover {
    color : #000000;
}

.product-slider__item-box-header-product-dop-item .product-cart-btn {
    float       : right;
    width       : 90px;
    margin-top  : -5px;
    white-space : nowrap;
}

.product-cart-btn {
    display       : block;
    position      : relative;
    border-radius : 5px;
    border        : 1px solid #f2b026;
    color         : #cf880b;
    font-size     : 22px;
    line-height   : 22px;
    font-weight   : 100;
    padding       : 15px 15px;
    margin-top    : 15px;
    box-sizing    : border-box;
    cursor        : pointer;
    transition    : .3s all ease;
    width         : 140px;
}

.product-cart-btn:hover {
    border-color     : #f2b026;
    background-color : #f2b026;
    color            : #ffffff;
}

.product-cart-btn--solid {
    border-color     : #f2b026;
    background-color : #f2b026;
    color            : #ffffff;
}

.product-cart-btn .mega-icon-x {
    position : relative;
    top      : -2px;
    left     : 5px;
}

.product-cart-btn .mega-icon-plus {
    float    : right;
    position : relative;
    top      : 3px;
}

.product-cart-btn:hover .mega-icon-plus {
    background-position : -50px -17px;
}

.mega-icon.mega-icon-times {
    background-position : -164px 0;
    width               : 26px;
    height              : 26px;
    display             : inline-block;
    line-height         : 26px;
    cursor              : pointer;
}

a:hover > .mega-icon.mega-icon-times, .mega-icon.mega-icon-times:hover {
    background-position : -195px 0;
}

.product-cart-btn-cnt {
    float       : right;
    font-weight : 100;
    text-align  : right;
    width       : 33px;
}

.product-cart-btn--small {
    padding     : 8px 10px;
    font-size   : 18px;
    font-weight : 100;
    line-height : 18px;
    min-width   : 0;
}

.product-cart-btn--small .mega-icon-x {
    width               : 7px;
    background-position : -153px 0;
}

.product-cart-btn--green {
    color        : #248260;
    border-color : #248260;
}

.product-cart-btn.product-cart-btn--green:hover {
    color            : #ffffff;
    border-color     : #43a481;
    background-color : #43a481;
}

.product-cart-btn--green .mega-icon-plus {
    background-position : -123px 0;
    width               : 13px;
}

.product-cart-btn--green.product-cart-btn--solid {
    background-color : #43a481;
    color            : #ffffff;
}

.product-cart-btn-addon {
    position         : absolute;
    top              : -10px;
    left             : -10px;
    border           : 3px solid #f2b026;
    border-radius    : 50%;
    width            : 30px;
    height           : 30px;
    text-align       : center;
    overflow         : hidden;
    font             : Bold 10px/7px 'San Francisco', sans-serif;
    color            : #222222;
    padding          : 5px 0;
    box-sizing       : border-box;
    z-index          : 2;
    background-color : #ffffff;
}

.product-cart-btn-addon span {
    font-size : 7px;
    display   : block;
}

@media (max-width : 1400px) {
    .product-slider__item {
        width         : 25%;
        padding-left  : 15px;
        padding-right : 15px;
    }
}

@media (max-width : 1280px) {
    .product-slider__btn {
        top : 110px;
    }
}

@media (max-width : 1140px) {
    .product-slider__btn {
        top : 95px;
    }

    .product-slider__background {
        top : 70px
    }
}

@media (max-width : 992px) {
    .product-slider__item {
        width : 34%;
    }
}

@media (max-width : 768px) {
    .product-slider__items {
        margin : 0 -20px;
    }

    .product-slider__item {
        max-width  : 750px;
        transition : none;
    }

    .product-slider__item-box-header-product-dop-title {
        display : none;
    }

    .product-slider__item-box {
        padding-bottom : 50px;
    }

    div.product-slider__item-box-header-product-dop-close, .product-slider__item-box-header-product-dop-close:hover {
        position         : fixed;
        bottom           : 10px;
        left             : 20px;
        width            : 120px;
        right            : 20px;
        background-color : #7a3035;
        border-radius    : 10px;
        color            : #ffffff;
        display          : block;
        font             : 300 16px "San Francisco", sans-serif;
        margin           : 0 auto;
        max-width        : 360px;
        padding          : 10px 15px;
        text-align       : center;
    }

    .product-slider__item-box-header-product-dop {
        /*min-height : 70px;*/
        padding-bottom : 70px;
    }

    .product-slider__item-box-container .product-slider__item-box-header-product-dop {
        padding-bottom : 70px;
    }

    .product-slider__item-box-header-product-dop--empty {
        background : transparent;
    }

    .product-slider__item-box-container {
        height     : 100vh;
        overflow   : auto;
        box-sizing : border-box;
    }
}