/* eshop generally */

.eshop{
    float:left;
    width:100%;
    padding:4rem 0 0 0;
}
.products{
    float:left;
    width:100%;
}


/* eshop generally end */

/* product preview */

.products .product{
    float:left;
    width:15.625rem;
    margin:0 1.25rem 1.25rem 0;
}
.products .product:nth-of-type(4n){
    margin-right:0;
}
.products .product:nth-of-type(4n - 3){
    clear:both;
}
.products .product .preview{
    background:#fff;
    transition:0.2s;
    position:relative;
}
.products .product.open .preview,
.products .product .preview:hover{
    margin-top:-1rem;
    box-shadow:0 0 1.25rem rgba(0,0,0,0.15);
}
.products .product[data-cart-added] .preview{
    background:#cce9da;
    box-shadow:none;
}
.products .product.open .preview:after{
    display:block;
    content:'';
    width:0;
    height:0;
    margin-left:-0.938rem;
    border-style:solid;
    border-width:0 0.938rem 1.125rem 0.938rem;
    bottom:-2.313rem;
    position:absolute;
    left:50%;
    border-color:transparent transparent #fff
}
.products .product .preview .link{
    display:block;
    padding:1.313rem 1.188rem 1.563rem 1.188rem;
}
.products .product .preview .title{
    font-size:1.125em;
    line-height:1.2;
    height:2.45em;
    overflow:hidden;
    margin:0 0 0.313rem 0;
    text-align:center;
}
.products .product .preview .picture{
    position:relative;
    margin-bottom:0.438rem;
}
.products .product .preview .picture .image{
    width:100%;
    display:block;
}
.products .product .preview .picture .sale{
    width:3.125rem;
    border-radius:50%;
    height:3.125rem;
    text-align:center;
    color:#fff;
    background:#d72a08;
    font-size:0.875em;
    line-height:3.125rem;
    display:block;
    position:absolute;
    left:0.313rem;
    top:0.313rem;
    font-weight:normal;
}
.products .product .preview .params{
    margin:0 0 0.625rem 0;
    padding:0.625rem 0.938rem 0.5rem 0.938rem;
    font-size:1em;
    height:4.063rem;
    display:flex;
    width:100%;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    border:0.063rem solid #ededed;
    list-style:none;
    line-height:1.364;
}
.products .product[data-cart-added] .preview .params{
    border:0.063rem solid #a5a4a4;
}
.products .product .preview .params .item{
    margin:0;
    padding:0 0 0 0.813rem;
    position:relative;
    font-size:0.688em;
    width:100%;
    line-height:1.364em;
    max-height:1.364em;
    overflow:hidden;
    color:#5f5c5d;
}
.products .product .preview .params .item:before{
    width:0.375rem;
    height:0.375rem;
    content:'';
    display:block;
    background:#c8c7c7;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0.25rem;
}
.products .product[data-cart-added] .preview .params .item:before{
    background:#a5a4a4;
}
.products .product .preview .prices{
    text-align:center;
    margin-bottom:0.75rem;
}
.products .product .preview .prices .price{
    color:#d72a08;
    font-size:2em;
}
.products .product .preview .prices .old-price{
    color:#aeaaab;
    padding-left:0.313rem;
    text-decoration:line-through;
    font-size:1.125em;
}
.products .product[data-cart-added] .preview .prices .old-price{
    color:#5f5c5d;
}
.products .product .preview .button-medium{
    width:100%;
    margin:0;
    float:none;
}
.products .product.open .preview .button-medium{
    background:#349a65;
}
.products .product .preview .button-medium:after{
    border-right:0.125rem solid #fff;
    border-bottom:0.125rem solid #fff;
    width:0.438rem;
    height:0.438rem;
    transition:0.2s;
    content:'';
    margin:0.313rem -0.625rem 0 1.063rem;
    vertical-align:top;
    display:inline-block;
    transform:rotate(45deg);
}
.products .product .preview .button-medium:hover:after,
.products .product.open .preview .button-medium:after{
    transform:rotate(-135deg);
    margin-top:0.5rem;
}

/* product preview end */

/* product detail */

.products .product .product-detail{
    float:left;
    width:100%;
    position:relative;
    display:none;
    background:#fff;
    margin-top:2.313rem;
    padding:1.875rem 1.625rem 0.375rem 2.063rem;
}
.products .product .product-detail .main-block{
    float:left;
    width:29.250rem;
}
.products .product .product-detail .main-block .title{
    font-size:1.5em;
    margin:0 0 1rem 0;
}
.products .product .product-detail .main-block .pictures{
    margin-bottom:1.25rem;
}
.products .product .product-detail .main-block .pictures .image{
    height:17.750rem;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.products .product .product-detail .main-block .pictures .slick-arrow{
    display:block;
    border-right:0.125rem solid #dbdbdb;
    border-bottom:0.125rem solid #dbdbdb;
    border-top:0;
    border-left:0;
    width:1.875rem;
    height:1.875rem;
    content:'';
    position:absolute;
    top:50%;
    z-index:25;
    background:none;
    padding:0;
    margin:-1rem 0 0 0;
    cursor:pointer;
    font-size:0;
    color:transparent;
    transition:0.3s;
}
.products .product .product-detail .main-block .pictures .slick-arrow:hover{
    border-color:#b9b8b8;
}
.products .product .product-detail .main-block .pictures .slick-prev{
    left:1rem;
    transform:rotate(135deg);
}
.products .product .product-detail .main-block .pictures .slick-next{
    right:1rem;
    transform:rotate(-45deg);
}
.products .product .product-detail .main-block .pictures .slick-dots{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:0;
    z-index:25;
    list-style:none;
    font-size:1em;
}
.products .product .product-detail .main-block .pictures .slick-dots li{
    margin:0 0 0.75rem 0.75rem;
    padding:0;
    float:left;
}
.products .product .product-detail .main-block .pictures .slick-dots button{
    margin:0;
    padding:0;
    border:0;
    cursor:pointer;
    width:0.813rem;
    height:0.813rem;
    font-size:0;
    background:#e8e8e8;
    color:transparent;
    border-radius:50%;
    transition:0.3s;
    float:left;
    display:block;
}
.products .product .product-detail .main-block .pictures .slick-dots li.slick-active button,
.products .product .product-detail .main-block .pictures .slick-dots button:hover{
    background:#d1d1d1;
}
.products .product .product-detail .main-block .desc{
    margin:0 0 1.25rem 0;
    font-size:0.688em;
}
.products .product .product-detail .other-block{
    float:right;
    width:30.938rem;
}
.products .product .product-detail .other-block .desc *{
    max-width:100%;
    width:auto;
}
.products .product .product-detail .other-block .desc h3{
    margin:0 0 0.625rem 0;
    color:#5f5c5d;
    font-size:1.125em;
}
.products .product .product-detail .other-block .desc ul{
    margin:0 0 1rem 0;
    padding:0 0 0 0;
    list-style:none;
    font-size:1em;
    float:left;
    width:100%;
}
.products .product .product-detail .other-block .desc li{
    margin:0 0 0.063rem 0;
    float:left;
    width:50%;
    position:relative;
    padding:0 2rem 0 0.938rem;
    font-size:0.688em;
    line-height:1.455;
}
.products .product .product-detail .other-block .desc li:before{
    width:0.375rem;
    height:0.375rem;
    content:'';
    display:block;
    background:#c8c7c7;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0.313rem;
}
.products .product .product-detail .other-block .desc iframe{
    width:100%;
    height:21.875rem;
}
.products .product .product-detail .active-box {
    background:#ececec;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-top:1rem;
    margin-bottom:1.25rem;
    float:left;
    width:100%;
    padding:1.563rem 1.625rem 1.563rem 2.188rem;
}
.products .product .product-detail .active-box .prices{
    width:9.063rem;
    flex:none;
}
.products .product .product-detail .active-box .prices .price{
    display:block;
    color:#d72a08;
    font-size:2rem;
    line-height:1.1;
}
.products .product .product-detail .active-box .prices .old-price{
    display:block;
    color:#aeaaab;
    font-size:1.125rem;
    line-height:1.1;
    text-decoration:line-through;
}
.products .product .product-detail .active-box .count{
    width:4.938rem;
    flex:none;
    border:0.063rem solid #d4d4d4;
    height:3.188rem;
}
.products .product[data-cart-added] .product-detail .active-box .count{
    opacity:0.4;
    pointer-events:none;
}
.products .product .product-detail .active-box .count .number{
    width:3.188rem;
    height:100%;
    line-height:100%;
    background:#fff;
    border:0;
    margin:0;
    padding:0;
    text-align:center;
    float:left;
    border-radius:0;
    font-size:0.875em;
    font-weight:bold;
    pointer-events:none;
}
.products .product .product-detail .active-box .count .up,
.products .product .product-detail .active-box .count .down{
    width:1.625rem;
    height:50%;
    display:block;
    float:left;
    cursor:pointer;
    background:linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.438rem 0.125rem #dfdfdf;
    border-left:0.063rem solid #d4d4d4;
}
.products .product .product-detail .active-box .count .up{
    border-bottom:0.063rem solid #d4d4d4;
    background:
        linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.5rem 0.125rem,
        linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.125rem 0.5rem #dfdfdf;
}
.products .product .product-detail .active-box .button-medium{
    margin:0 0 0 1.25rem;
    flex:none;
    width:11.875rem;
    font-size:0.875rem;
    line-height:1.5;
    padding:0.938rem 0.875rem;
    display:none;
}
.products .product .product-detail .active-box .button-medium.put{
    display:block;
}
.products .product .product-detail .active-box .button-medium.pull{
    background:#d72a08;
    display:none;
}
.products .product[data-cart-added] .product-detail .active-box .button-medium.put{
    display:none;
}
.products .product[data-cart-added] .product-detail .active-box .button-medium.pull{
    display:block;
}
.products .product .product-detail .active-box .button-medium:before{
    display:inline-block;
    vertical-align:middle;
    content:'';
    width:1rem;
    height:1rem;
    margin:-0.188rem 0.625rem 0 -0.5rem;
    background:url(../../../images/frontend/desktop/icon-cart-2.png) no-repeat center center / 100% auto;
}
.products .product .product-detail .active-box .sale{
    width:3.125rem;
    border-radius:50%;
    height:3.125rem;
    text-align:center;
    color:#fff;
    background:#d72a08;
    font-size:0.875em;
    line-height:3.125rem;
    display:block;
    position:absolute;
    left:-1.188rem;
    top:-1.063rem;
    font-weight:normal;
}

/* product detail end */

/* order generally */

.order{
    float:left;
    width:100%;
    position:relative;
    display:none;
    background:#fff;
    margin-top:1.875rem;
}
.order:before {
    display:block;
    content:'';
    width:0;
    height:0;
    margin-left:-0.938rem;
    border-style:solid;
    border-width:1.125rem 0.938rem 0 0.938rem;
    top:-1.938rem;
    position:absolute;
    right:8.750rem;
    border-color:#fff transparent transparent transparent;
}
.order .headline{
    font-size:1.5em;
    margin:2rem 16.875rem 1.375rem 16.875rem;
}
.order .form{
    counter-reset:section;
}
.order .block{
    float:left;
    width:100%;
    padding:0 16.875rem 0 16.875rem;
    position:relative;
    counter-increment:section;
    background:linear-gradient(#40b77a, #40b77a) 7.750rem top / 0.125rem 100% no-repeat;
}
.order .block:last-of-type{
    background:none;
}
.order .block:before{
    content: counter(section);
    display:block;
    width:8.125rem;
    height:8.125rem;
    line-height:8.125rem;
    border-radius:50%;
    font-size:3.75em;
    color:#40b77a;
    text-align:center;
    position:absolute;
    left:3.688rem;
    top:0;
    background:#fff;
    font-weight:300;
    border:0.125rem solid #40b77a;
}
.order .order-terms-agree{
    font-size:0.813em;
    margin:0 0 0 0;
    color:rgba(95,92,93,0.5);
}
.order .order-terms-agree .link{
    text-decoration:underline;
    color:rgba(95,92,93,0.5);
}
.order .order-terms-agree .link:hover{
    text-decoration:none;
}
.order .button-send-order{
    width:100%;
    margin:0 0 1rem 0;
}
.order-status-messages{
    float:left;
    width:100%;
    margin-bottom:0.5rem;
}
.order-status-messages .status-message{
    display:none;
}
.order *.invalid{
    box-shadow:0 0 0.188rem 0.063rem #D42020;
}
.order .required {
    color:#d23b30;
}
.order .invalid-msg {
    color:#d23b30;
    font-size:0.813em;
    margin-bottom:0;
    font-weight:normal;
}

/* order generally end */

/* order delivery and payment */

.order .del-pay{
    width:100%;
    float:left;
    margin-bottom:1rem;
}
.order .del-pay:nth-of-type(2){
    margin-bottom:2.375rem;
}
.order .del-pay .title{
    font-size:1.125em;
    color:#5f5c5d;
    margin:0;
}
.order .del-pay .items{
    background:#ececec;
    width:100%;
    float:left;
    padding:0.625rem 0.938rem;
    margin-top: 1rem;
}
.order .del-pay .items .item{
    width:50%;
    float:left;
    font-size:1em;
    margin:0.313rem 0;
    position:relative;
}
.order .del-pay .items .item:nth-of-type(2n - 1){
    clear:both;
}
.order .del-pay .items .item.disabled{
    opacity:0.5;
    pointer-events:none;
}
.order .del-pay .items .item .input{
    display:none;
}
.order .del-pay .items .item .check{
    display:inline-block;
    vertical-align:middle;
    width:1.125em;
    height:1.125em;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0.063rem;
    background:#fff;
    border:0.25rem solid #fff;
    box-shadow:0 0 0.063rem 0.063rem #d8d8d8;
}
.order .del-pay .items .item .input:checked + .check{
    background:#131313;
}
.order .del-pay .items .item .text{
    font-size:0.813em;
    line-height:1.538;
    padding:0 1.875rem;
    display:block;
}

/* order delivery and payment end */

/* order info */

.order .info .item{
    font-size:1em;
    margin:0;
}
.order .info .item .text{
    font-size:0.813em;
    line-height:1.538;
    display:block;
}
.order .info .item .textarea{
    min-height:0;
    height:2.625rem;
    resize:both;
}
.order .info .item.nice-checkbox {
    margin:0.563rem 0 1.375rem 0;
}
.order .info .item.nice-checkbox.gdpr .checkbox-text{
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
}
.order .info .item.nice-checkbox.gdpr .checkbox-text:hover{
    text-decoration: none;
}
.order .info .delivery-address{
    display:none;
    padding-bottom:1.438rem;
}

/* order info end */

/* order price box */

.order .price-box{
    float:left;
    width:100%;
    margin-bottom:0.813rem;
    background:#ececec;
}
.order .price-box .item{
    float:left;
    padding:1.063rem 0.5rem;
    width:33.33333333%;
    text-align:center;
    font-size:0.813em;
}
.order .price-box .item:nth-of-type(n+2){
    border-left:0.063rem solid #d7d7d7;
}
.order .price-box .item:nth-of-type(3) .value{
    font-size:1.125em;
    color:#40b77a;
}

/* order price box end */

/* add products */

.add-products{
    float:left;
    width:100%;
    display:none;
    background:#fff;
    padding:2.5rem 1.625rem 0.875rem 1.625rem;
}
.add-products .headline{
    font-size:1.5em;
    margin:0 0 1.188rem 0;
}
.add-products .product{
    border:0.063rem solid #d7d7d7;
    display:flex;
    width:100%;
    margin-bottom:0.813rem;
    padding:0.625rem 1.125rem 0.625rem 1.125rem;
    justify-content:flex-start;
    align-items:center;
}
.add-products .product[data-add-cart-added]{
    background:#cce9da;
}
.add-products .product .image{
    width:5.313rem;
    flex:none;
    display:block;
    margin-right:1.25rem;
}
.add-products .product .title{
    font-size:1.125em;
    margin:0 1.25rem 0 0;
    flex-grow:1;
}
.add-products .product .price{
    margin:0 1.25rem 0 0;
    display:block;
    flex:none;
    width:10.5rem;
    font-size:1.125em;
    white-space:nowrap;
    color:#d72a08;
}
.add-products .product .count{
    width:4.938rem;
    margin:0 1.25rem 0 auto;
    flex:none;
    border:0.063rem solid #d4d4d4;
    height:3.188rem;
}
.add-products .product[data-add-cart-added] .count{
    opacity:0.4;
    pointer-events:none;
}
.add-products .product .count .number{
    width:3.188rem;
    height:100%;
    line-height:100%;
    background:#fff;
    border:0;
    margin:0;
    padding:0;
    pointer-events:none;
    text-align:center;
    float:left;
    border-radius:0;
    font-size:0.875em;
    font-weight:bold;
}
.add-products .product .count .up,
.add-products .product .count .down{
    width:1.625rem;
    height:50%;
    display:block;
    float:left;
    cursor:pointer;
    background:linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.438rem 0.125rem #dfdfdf;
    border-left:0.063rem solid #d4d4d4;
}
.add-products .product .count .up{
    border-bottom:0.063rem solid #d4d4d4;
    background:
        linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.5rem 0.125rem,
        linear-gradient(#5f5c5d, #5f5c5d) no-repeat center center / 0.125rem 0.5rem #dfdfdf;
}
.add-products .product .button-medium{
    margin:0 0 0 auto;
    width:12.500rem;
    float:none;
    flex:none;
    background:#a6a6a6;
    white-space:nowrap;
    padding-left:0.5rem;
    padding-right:0.5rem;
    display:none;
}
.add-products .product .button-medium:hover{
    background:#40b77a;
}
.add-products .product .button-medium.put{
    display:block;
}
.add-products .product .button-medium.pull{
    background:#d72a08;
    display:none;
}
.add-products .product[data-add-cart-added] .button-medium.put{
    display:none;
}
.add-products .product[data-add-cart-added] .button-medium.pull{
    display:block;
}

/* add products end */

/* cart preview */

.header .cart-preview{
    width:6.875rem;
    height:3.750rem;
    float:right;
    border-left:0.063rem solid #423f3f;
    margin:0.625rem 0 0 2.375rem;
    text-align:center;
    transition:0.3s;
    display:none;
}
.header .cart-preview .link{
    display:inline-block;
    position:relative;
}
.header .cart-preview .link .image{
    display:block;
    opacity:0.6;
    transition:0.3s;
    margin:0 auto 0.563rem auto;
}
.header .cart-preview .link:hover .image{
    opacity:1;
}
.header .cart-preview .link .title{
    display:block;
    font-size:0.75em;
    color:#fff;
    transition:0.3s;
    opacity:0.6;
}
.header .cart-preview .link:hover .title{
    opacity:1;
}
.header .cart-preview .link .number{
    display:block;
    width:1.063rem;
    height:1.063rem;
    line-height:1.063rem;
    border-radius:50%;
    font-size:0.688em;
    font-weight:bold;
    color:#fff;
    position:absolute;
    right:-0.188rem;
    top:-0.125rem;
    background:#d72a08;
}

/* cart preview end */