﻿#range-limit-pop .dialog__content#GridPage { width: 100%; margin-right: 0px; }
#GridRight { display: none; }



#cart-full-dynamic .cart-form { min-width: 290px; width: 100%; float: left; background: #ffffff; }
#cart-full-dynamic .cart-table-block { display: inline-block; }
.cart-form-titles { padding: 15px 20px; font-size: 90%; text-align: right; background: #EAE9E9; line-height: 1; font-weight: 500; }
.cart-form-titles.error { border: 1px solid #f00; }
#cart-full-dynamic .cart-form-item { padding: 20px 15px; max-width: 100%; height: auto; }
#cart-full-dynamic .cart-form-item:not(:last-child):after { content: ""; border-bottom: 1px solid #d1d1d1; display: block; position: absolute; bottom: 0; width: calc(100% - 40px); left: 20px; }
#cart-full-dynamic .item-remove-continer { width: 5%; text-align: center; vertical-align: middle; }
/*#cart-full-dynamic .item-image-continer {width:20.62%;padding: 0px 10px;vertical-align:middle;max-height:150px;overflow:hidden; }*/
#cart-full-dynamic .item-name-continer { width: 47%; vertical-align: middle; text-align: right; }
#cart-full-dynamic .item-price-continer { width: 15%; text-align: center; }
#cartView .row, #cartView .cartView-Header { max-width: 1170px; margin: auto; text-align: right; }
#cartView > .row { display: inline-block; vertical-align: top; width: calc(100% - 361px); margin-left: 15px; }
#cartView #cart-full-dynamic { padding: 0; padding-bottom: 70px; }
#cart-full-dynamic .cart-form-item .item-total-continer, #cart-full-dynamic .cart-form-item .item-price-continer { font-size: 70%; /*font-family: 'opensans';*/ }
#cart-full-dynamic .item-quantity-continer { width: 15%; text-align: center; }
#cart-full-dynamic .item-quantity-continer .error-inventory { bottom: -40px; line-height: 1; }
#cart-full-dynamic .item-total-continer { width: 15%; text-align: center; }
#cart-full-dynamic .item-quantity-continer input { width: 50px; height: 40px; text-align: center; }
#cart-full-dynamic .item-title { font-size: 80%; /*font-family: 'opensans-semibold';*/ margin-right: 10px; }
#cart-full-dynamic .item-addon { font-size: 17px; color: #000; }
#cart-full-dynamic .item-image-remove { cursor: pointer; }
#cart-full-dynamic .item-image { }
#cart-full-dynamic .cart-form-item .pic { width: 100px; height: 100px; text-align: center; border: solid 1px #d1d1d1; display: inline-block; vertical-align: middle; }
#cart-full-dynamic .cart-form-item .pic img { height: 70%; margin-top: 15%; }
#cart-full-dynamic .cart-form-item .cart-table-block a { display: inline-block; vertical-align: middle; }
#cart-full-dynamic .cart-form-item .cart-table-block .pic a { width: 100%; height: 100%; }
#cart-full-dynamic .item-name-continer > a { max-width: calc(100% - 120px); }

#cart-full-dynamic .cart-form-item .item-total-continer.cart-table-block, #cart-full-dynamic .item-total-continer { position: relative; right: auto; bottom: auto; left: auto; direction: ltr; }
#cart-full-dynamic .cart-form-item .item-total-continer.cart-table-block span.full-cart-item-ils-symbol { margin: 0; }

#cartView .cartView-Header h3 { margin-top: 20px; }

#cart-full-dynamic .cart-left-title { font-weight: bold; text-align: right; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; font-size: 35px; padding: 2px 0px; color: #8AB8C4; margin-bottom: 10px; }
#cart-full-dynamic .cart-btn-keep-shoping { color: #fff; width: 175px !important; height: 40px; float: left; background: #556066; color: #fff; font-size: 26px; padding: 4px; border-radius: 0; }
#cart-full-dynamic .cart-btn-submit { color: #fff; width: 175px !important; height: 40px; float: left; background: #556066; color: #fff; font-size: 26px; padding: 4px; border-radius: 0; }
#cart-full-dynamic .cart-total-text { font-size: 20px; font-weight: bold; margin-top: 5px; }
#cart-full-dynamic .cart-total-price-text { font-size: 22px; }
#cart-full-dynamic .cart-total-price-total-text { font-size: 22px; font-weight: bold; }
#cart-full-dynamic .snifs-list-item { padding: 10px; border-bottom: 1px solid #CFCFCF; width: 100%; cursor: pointer; }

#CartSubTotal-Container { width: 340px; display: inline-block; vertical-align: top; padding-bottom: 60px; }
#CartSubTotal-Container .cartView-subtotal { text-align: left; padding-left: 10px; }

.cart-table-block a { }
.cart-table-block a:hover { text-decoration: none; }


.choose-delivery { text-align: center; width: 100%; background: #CFCFCF; padding: 10px; color: red; font-weight: bold; }
.pick-active { font-weight: bold; color: #25A6B9; }
.cart-btn-submit:hover { color: #fff; }
.cart-btn-keep-shoping:hover { color: #fff; }
img.item-image-remove { width: 24px; height: 24px; margin-right: 5px; margin-left: 5px; }

@media(max-width:991px) {

    #CartSubTotal-Container { font-size: 21px; }
    #CartSubTotal-Container .cartView-subtotal { text-align: center; padding-left: 0px; }

    .item-update-cart-button.cart-table-block { margin-bottom: 10px; margin-top: 10px; margin-right: auto; margin-left: auto; }
    #CartSubTotal-Container { display: block; width: 100%; }
    #cartView > .row { display: block; width: 100%; }
    #cartView { max-width: 90vw; }
    #cartView #cart-full-dynamic { padding-bottom: 30px; }
    #CartSubTotal-Container { padding-bottom: 80px; }
    #CartSubTotal-Container .cartBrief-buy { float: left; width: 45%; }
    #cart-full-dynamic .item-remove-continer { width: 4%; }
}

@media(max-width:767px) {

    #cart-full-dynamic .cart-form-titles { font-size: 18px; }
    #cart-full-dynamic .item-remove-continer { width: 24px; vertical-align: top; position: absolute; right: 20px; }
    #cart-full-dynamic .item-name-continer { width: 90%; text-align: left; vertical-align: middle; }
    #cart-full-dynamic .cart-form-item { direction: ltr; text-align: left; display: flex; }
    #cart-full-dynamic .item-price-continer { width: 100%; text-align: left; margin-top: 10px; color: inherit; }
    #cart-full-dynamic .item-quantity-continer { width: 100%; text-align: left; }
    #cart-full-dynamic .item-total-continer { width: 16.00%; text-align: center; }
    #cart-full-dynamic .item-quantity-continer input[type="text"] { text-align: center; }
    #cart-full-dynamic .item-title { margin-left: 0; }
    .mobileContent { display: inline-block; vertical-align: top; text-align: left; width: calc(100% - 115px); margin-left: 5px; }
    .mobileContent a { width: 90%; }
    #cart-full-dynamic .item-image-continer { vertical-align: middle; position: relative; }
    #cart-full-dynamic .item-image-remove { margin-right: 0; }
    #cart-full-dynamic .item-image-box { width: 20%; float: right; }
    #cart-full-dynamic .item-image-box-2 { width: 100%; float: right; }
    #cart-full-dynamic .item-image-remove { margin: 0; }

    #cartView { max-width: 100vw; }
    #cartView .cartView-Header .cartTitle { padding: 15px 10px; }
    .cartTitle h2 { font-size: 150%; }
    #cart-full-dynamic .cart-form-item > .item-price-continer.cart-table-block { display: none; }
    #cart-full-dynamic .cart-form-item .item-total-continer.cart-table-block { position: absolute; right: 10px; bottom: 23px; white-space: nowrap; min-width: 100px; }
    .row > div.cart-form-titles { padding: 15px 20px; }
    #CartSubTotal-Container .cartBrief-buy { width: 100%; }

    #cart-full-dynamic .cart-form-item .cart-table-block a { vertical-align: top; }
    #cart-full-dynamic .item-quantity-continer span:first-child { font-size: 75%; }
    #cart-full-dynamic .cart-form-item .item-total-continer.cart-table-block span.visible-xs { display: inline-block !important; }
    #cart-full-dynamic .item-quantity-continer .error-inventory { left: 120px; bottom: 0; }
}


@media(max-width:320px) {
    .mobileContent { width: calc(100% - 87px); }
    #cart-full-dynamic .cart-form-item .pic { width: 75px; height: 75px; }
}


.samples-list h2 { font-size: 120%; margin-bottom: 10px; }
.samples-list { width: 100%; position: relative; overflow: hidden; max-height: 50px; transition: 1s all ease-in-out; }
.samples-list.open { max-height: 1000vh; }
.sample-range-boxes { position: relative; padding: 0 0px; }
.sample-range-boxes .cart-form-titles { background: #ffff; border-bottom: 1px solid; font-size: 80%; }
.sample-range-boxes .backDrop { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 1; opacity: 0; transition: .1s all ease-in-out; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.sample-range-boxes .backDrop img { max-width: 80px; }
.sample-range-boxes.adding .backDrop { opacity: 1; pointer-events: auto; }
.samples-wrapper { background: #fff; }

.Selected-Sample-image, .Sample-box-image { width: 100px; height: 100px; text-align: center; /* border: solid 1px #d1d1d1; */ display: inline-block; vertical-align: middle; background: #fff; }
.Selected-Sample-image img, .Sample-box-image img { height: 70%; margin-top: 15%; }
.selected-Sample-box { display: flex; align-items: center; padding: 20px 15px; border: 1px solid #e2b974; width: 100%; justify-content: space-between; }
.Selected-Sample-name { font-size: 80%; font-family: 'opensans'; padding: 0 26px 0 10px; width: 40%; }
.Selected-Sample-name span { font-weight: bold; display: block; font-family: "Lato","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
.Selected-Sample-price { width: 116px; color: #757373; font-size: 70%; margin-left: 46px; text-align: center; }
.Selected-Sample-price .price-sale { display: block; text-decoration: line-through; }
.Selected-Sample-More { font-size: 80%; width: 42%; text-align: left; }
.Selected-Sample-More a { background-image: url(../../../000Frames/site/images/SelectArrow.svg); background-position: left 5px; background-repeat: no-repeat; padding-left: 20px; }
.selected-Sample-box > *:last-child { margin-right: auto; }
.Samples-Boxes { padding: 0px 30px; display: flex; max-height: 0px; overflow: hidden; transition: all 0.3s ease; opacity: 0; }
.Samples-Boxes.active { padding: 40px 30px; max-height: 500px; opacity: 1; }
.Sample-box { width: 25%; text-align: center; margin-left: 30px; padding: 15px; }
.Sample-box.active { background: #EFF1F0; }
.Sample-box-name { font-size: 75%; font-family: 'opensans-semibold'; margin-top: 10px; line-height: 1.33; }
.Sample-box.active .Sample-box-image { border-color: #e2b974; }

@media(max-width:767px) {
    .samples-list h2 { padding: 0 15px; }
    .samples-list h3 { font-size: 100%; padding: 0 15px; margin-top: -10px; margin-bottom: 15px; }
    .Samples-Boxes { flex-wrap: wrap; }
    .Sample-box { width: 50%; margin-left: 0; flex-grow: 1; max-width: 50%; margin-bottom: 25px; }
    .Sample-box:nth-child(even) { border-left: 1px solid #f2f3f6; }
    .Selected-Sample-name { display: inline-block; vertical-align: middle; grid-column: 1 / span 2; width: auto; direction: ltr; }
    .selected-Sample-box { position: relative; display: grid; direction: rtl; }
    .Selected-Sample-image { display: inline-block; grid-column: 3; grid-row: 1 / span 2; }
    .Selected-Sample-price { grid-column: 1 / span 2; width: 100%; padding: 0 13px; direction: ltr; text-align: left; }
    .Selected-Sample-price .price-sale { display: inline-block; margin-right: 8px; }
    .Selected-Sample-More { position: absolute; right: 0px; top: 0; bottom: 0; width: 20px; background-color: #f1d69e; }
    .Selected-Sample-More a { background-position: center center; height: 100%; display: block; }
    .Samples-Boxes.active { padding: 25px 10px; }
}

.Sample-Boxes-title {margin-bottom: 0; text-align: right; letter-spacing: normal; line-height: 1; background: #eae9e9; display: flex; padding: 0 20px; justify-content: space-between; align-items: center; height: 50px; }
.Sample-Boxes-title span { width: 20px; height: 20px; position: relative; }
.Sample-Boxes-title span:before,
.Sample-Boxes-title span:after { content: ""; position: absolute; background: #000; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .3s all ease-in-out; }
.Sample-Boxes-title span:before { height: 2px; width: 100%; }
.Sample-Boxes-title span:after { height: 100%; width: 2px; }
.samples-list.open .Sample-Boxes-title span:after { transform: translate(-50%,-50%) rotate(-90deg); }
.samples-list.open .Sample-Boxes-title span:before { transform: translate(-50%,-50%) rotate(-180deg); }
.Sample-box-new { width: 135px; text-align: center; margin-left: 30px; display: flex; flex-wrap: wrap; }
.Samples-Boxes-New { padding: 0px 60px; overflow: hidden; transition: all 0.3s ease; padding-top: 45px; padding-bottom: 45px; background: #fff; margin-bottom: 20px; }
.Sample-box-new > * { width: 100%; margin: 0 auto; }
.Sample-box-new .Sample-box-name { max-width: 140px; margin-top: 10px; text-align: center; font-family: 'almoni-neue-aaa-400',"futura-pt"; height: 40px; }
.Sample-box-new .Sample-box-button .Sample-box-button-remove { display: none; background: #d8d8da; color: #000; }
.Sample-box-new .Sample-box-button { margin-top: 7px; text-align: center; }
.Sample-box-new .Sample-box-button > * { height: 32px; font-size: 80%; margin: 0 auto; }
.Sample-box-new .Sample-box-button > *:before { }
.Sample-box-new .Sample-box-button > * span { }
.Sample-box-new .Sample-box-button .Sample-box-button-add { display: block }
.Sample-box-new.active .Sample-box-button .Sample-box-button-remove { display: block }
.Sample-box-new.active .Sample-box-button .Sample-box-button-add { display: none }
.Sample-box-new .Sample-box-name span { color: #8d8d8d; font-size: 14px; }
.Samples-Boxes-New button.slick-arrow { transition: .1s all ease-in-out; }
.Samples-Boxes-New button.slick-arrow.slick-disabled { opacity: 0; pointer-events: none; }
.Samples-Boxes-New button.slick-prev.slick-arrow { left: 30px; }
.Samples-Boxes-New button.slick-next.slick-arrow { right: 30px; }
.Sample-box-new .Sample-box-image img { margin-top: 0; }
.Sample-box-new .Sample-box-image input[type=checkbox] { position: absolute; left: 5px; top: 5px; margin: 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 0; -webkit-appearance: none; border: 1px solid #b7b7b7; background: #ffffff; box-shadow: none; padding: 0; background-image: url(../../../000Frames/site/images/V.svg); background-position: center center; background-repeat: no-repeat; background-size: 0; cursor: pointer; pointer-events: none; opacity: 0; }
.Sample-box-new .Sample-box-image input[type=checkbox]:checked { background-size: 70%; }
.Sample-box-new .Sample-box-image { max-width: 100px; position: relative; display: flex; justify-content: center; align-items: center; }
.Sample-box-new:focus { outline: none; }

@media(min-width:991px) {
    .Samples-Boxes-New button.slick-prev.slick-arrow:after, .Samples-Boxes-New button.slick-next.slick-arrow:after { width: 7px; height: 13px; }
}

@media(max-width:767px) {
    .Samples-Boxes-New { padding: 20px 0 0; display: flex; flex-wrap: wrap; justify-content: center; }
    .Samples-Boxes-New > * { width: 50%; }
    .Sample-box-new { margin: 0 auto 20px; width: 100%; }
    .Sample-Boxes-title { padding: 0 20px; }
}
