/* custom changes */

select, option, button {
    -webkit-appearance: none !important;
}

html, .common-home.absolute-header, body {
    overflow-x: hidden;
}

.swiper-container {
    display: none;
}

.list-group-item.ocfilter-option .filter-arrow {
    transition: 0.3s;
}

.list-group-item.ocfilter-option._active .filter-arrow {
    display: block;
    position: relative;
    transform: rotate(180deg);
    transition: 0.3s;
}

/* hide swiper on pc on product page */
.right-thumb.mobile_view {
    display: none;
}

/* hide overflow colors in product card */
.product__color .owl-carousel.colors-slideshow.owl-theme {
    overflow: hidden;
    padding: 12px 6px;
}

@media (min-width: 992px) {
    .home-category__row .col-5:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)):not(:nth-of-type(5)) {
        display: none;
    }

    .owl-carousel:not(#slideshow0):not(.colors-slideshow) .owl-item {
        width: calc(100vw / 4.5) !important;
    }

    .product .product__color .owl-carousel.colors-slideshow:not(#slideshow0) .owl-wrapper .owl-item {
        width: max-content !important;
    }
}

@media (max-width: 991px) {
    #ocfilter .ocfilter-option .ocf-option-values {
        display: flex;
        flex-wrap: wrap;
        opacity: 0;
        background-color: rgb(255, 255, 255);
        height: max-content;
        padding: 20px 12px 16px 12px;
    }

    #ocfilter .ocfilter-option:first-of-type .ocf-option-values {
        max-width: max-content !important;
        width: 750px !important;
    }

    #ocfilter .ocfilter-option:nth-of-type(2) .ocf-option-values {
        width: max-content !important;
        max-width: calc(750px - 102px) !important;
        left: 0;
        right: 10px;
    }

    .ocf-option-name.active ~ .ocf-option-values {
        display: flex !important;
        flex-wrap: wrap;
        background-color: rgb(255, 255, 255);
        height: max-content;
        padding: 20px 12px 30px 0px;
    }


    #ocfilter .ocfilter-option:first-of-type > .ocf-option-name ~ .ocf-option-values {
        opacity: 0;

    }

    #ocfilter .ocfilter-option:first-of-type > .ocf-option-name.active ~ .ocf-option-values {
        opacity: 1;
        display: flex !important;
        max-width: max-content !important;
        width: 750px !important;
        transition-delay: 0.3s;
    }

    #ocfilter .ocfilter-option:nth-of-type(2) > .ocf-option-name.active ~ .ocf-option-values {
        width: max-content !important;
        max-width: calc(750px - 102px) !important;
        left: 0;
        right: 10px;
    }

    #ocfilter .ocfilter-option label {
        margin: 0 16px 10px 0px;
        padding: 6px 12px;
        border-radius: 8px;
        width: max-content;
        position: relative;
        cursor: pointer;
        background-color: rgb(238, 238, 238);
        transition: all 0.3s ease 0s;
    }

    #ocfilter .ocfilter-option label:hover {
        background-color: rgb(90, 90, 90);
        color: #fff;
        transition: all 0.3s ease 0s;
    }

    #ocfilter .ocfilter-option label input {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        opacity: 0;
        cursor: default;
    }

    /* styles for counter of filters */
    .filter-selected {
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
        margin-right: 5px;
        color: #fff;
        background: linear-gradient(45deg, rgba(137, 103, 181, 1) 0%, rgba(65, 117, 180, 1) 100%);
    }

    /* change the button "cancel all" */
    .list-group-item.selected-options button {
        display: flex;
    }

    .list-group-item.selected-options > div {
        display: flex;
        flex-wrap: wrap;
        width: max-content;
        /* minus padding and width of "clean" and counter */
        max-width: calc(100vw - 137px);
    }

    .list-group-item.selected-options button > span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        border: 1px solid #000;
        transform-origin: center center;
        transform: rotate(45deg);
        font-size: 28px;
        margin-right: 5px;
    }

    /* changed menu view */
    .menu__list {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        height: calc(100vh - 20px);
        overflow-y: scroll;
        left: 0;
        z-index: 55;
        background: #fff;
        padding: 15px;
    }

    .menu__item {
        margin-bottom: 27px;
        text-align: center;
    }

    .menu__item:first-child {
        margin-top: 20px;
    }

    .menu__item:last-child {
        margin-bottom: 0;
    }

    .menu__link {
        font-size: 28px;
        color: #000;
    }

    /* styles for added li's in mobile menu */
    .menu__item:nth-of-type(6) {
        border-bottom: 1px solid rgb(179, 179, 179);
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .menu__append_link {
        font-size: 26px;
        color: #000;
    }

    .menu__item:nth-of-type(7), .menu__item:nth-of-type(8), .menu__item:nth-of-type(9), .menu__item:last-of-type {
        margin-bottom: 18px;
    }


    /* changed menu button */
    .mobile_menu_btn {
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 3px;
        overflow: hidden;
    }

    .menu_btn_circle {
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 3px;
    }

    .circle_1 {
        top: 3px;
        left: -1px;
        background: linear-gradient(90deg, rgba(137, 103, 181, 1) 0%, rgba(65, 117, 180, 1) 100%);
        border-radius: 3px;
        transform: rotate(-45deg);
        transform-origin: left top;
        z-index: 3;
        transition: height 0.4s ease 0s;
    }

    .circle_2 {
        top: 0;
        left: calc(50% - 3px);
        background-color: rgba(65, 117, 180, 1);
        transition: transform 0.4s ease 0s;
    }

    .circle_3 {
        background-color: rgba(65, 117, 180, 1);
        top: 3px;
        right: -1px;
        z-index: 1;
        transform: rotate(45deg);
        transform-origin: right top;
        transition: height 0.4s ease 0s;
    }

    .circle_4 {
        background-color: rgba(137, 103, 181, 1);
        top: calc(50% - 3px);
        left: 0;
        transition: transform 0.4s ease 0s;
    }

    .circle_5 {
        background: linear-gradient(45deg, rgba(137, 103, 181, 1) 0%, rgba(65, 117, 180, 1) 100%);
        top: calc(50% - 3px);
        left: calc(50% - 3px);
    }

    .circle_6 {
        background-color: rgba(65, 117, 180, 1);
        top: calc(50% - 3px);
        right: 0;
        transition: transform 0.4s ease 0s;
    }

    .circle_7 {
        background-color: rgba(137, 103, 181, 1);
        bottom: -1px;
        left: -3px;
        border-radius: 3px;
        transform: rotate(45deg);
        transform-origin: right bottom;
        z-index: 2;
        transition: height 0.4s ease 0s;
    }

    .circle_8 {
        background-color: rgba(137, 103, 181, 1);
        bottom: 0;
        left: calc(50% - 3px);
        transition: transform 0.4s ease 0s;
    }

    .circle_9 {
        background: linear-gradient(90deg, rgba(137, 103, 181, 1) 0%, rgba(65, 117, 180, 1) 100%);
        bottom: -1px;
        right: -3px;
        border-radius: 3px;
        height: 6px;
        transform: rotate(-45deg);
        transform-origin: left bottom;
        z-index: 3;
        transition: height 0.4s ease 0s;
    }

    .btn-navbar.active .menu_btn_circle:not(.circle_1):not(.circle_3):not(.circle_5):not(.circle_7):not(.circle_9) {
        transform: scale(0);
        transition: transform 0.4s ease 0s;
    }

    .btn-navbar.active .menu_btn_circle:not(.circle_2):not(.circle_4):not(.circle_5):not(.circle_6):not(.circle_8) {
        height: 22px;
        transition: height 0.4s ease 0s;
    }

    .common-home .slider > .container {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .ocf-option-name.active ~ .ocf-option-values {
        display: flex !important;
        flex-wrap: wrap;
        background-color: rgb(255, 255, 255);
        height: max-content;
        padding: 20px 12px 30px 12px;
    }

    #ocfilter .ocfilter-option:first-of-type .ocf-option-values {
        max-width: calc(100vw - 17px) !important;
        width: max-content !important;
        right: 15px;
    }

    #ocfilter .ocfilter-option:nth-of-type(2) .ocf-option-values {
        width: max-content !important;
        max-width: calc(100vw - 117px) !important;
        left: 0;
        right: 15px;
    }

    #ocfilter .ocfilter-option:first-of-type > .ocf-option-name.active ~ .ocf-option-values {
        max-width: calc(100vw - 17px) !important;
        width: max-content !important;
        right: 15px;
    }

    #ocfilter .ocfilter-option:nth-of-type(2) > .ocf-option-name.active ~ .ocf-option-values {
        width: max-content !important;
        max-width: calc(100vw - 117px) !important;
        left: 0;
        right: 15px;
    }

}

@media (max-width: 533px) {
    .right-thumb {
        margin: 0;
    }

    .right-thumb.mobile_view {
        display: block;
    }

    .product-main {
        margin-top: 8px;
    }

    .swiper-container {
        display: block;
    }

    .swiper-pagination-bullet-active {
        background-color: #000 !important;
    }

    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -5px !important;
    }

    .home-category__row > .col-5 {
        width: 100%;
        margin-bottom: 20px;
        margin: 0 5px 20px;
    }

    .breadcrumbs .row-flex {
        display: block;
    }

    .breadcrumb {
        margin: 12px 25px 12px 0;
        padding: 0;
    }

    .product-main__caption {
        margin-top: 20px;
    }

    /* change the categories on main */
    .home-category__row {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .home-category a {
        display: block;
        text-align: center;
        width: 140px;
    }

    /* change the product card */
    .product-main .row {
        display: block !important;
    }

    .product-main__btn .prod-add-btn {
        width: 80%;
    }

    .product-main__btn {
        display: flex;
        align-items: center;
    }

    .product-main__btn .wishlist-btn {
        width: 56px !important;
        height: 56px !important;
    }

    /* hide small slick under big photo */
    .left-thumb .thumbnails.add-img-slider {
        display: none;
    }

    .product-main__thumb .right-thumb .thumbnails {
        display: none;
    }

    .swiper-container {
        overflow: hidden;
    }

    .swiper-slide img {
        display: block;
        margin: auto;
    }

    /* styles for new block on product page */
    .fixed_price_and_btn {
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(5px);
        position: fixed;
        height: 76px;
        bottom: 0;
        width: 100vw;
        transition: 0.3s;
        z-index: 50;
    }

    .fixed_btn {
        display: block;
        width: 100%;
        background-color: #000;
        box-shadow: none;
        border: none;
        border-radius: 0;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        height: 56px;
        margin: 0;
        width: calc(50vw - 5px);
    }

    .fixed_price_and_btn .product-main__btn {
        margin: 0;
        width: calc(50vw - 5px);
    }

    .price.fixed_price {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }

    .fixed_price_and_btn.hide_fixed {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
    }

    .product__option {
        display: none;
        pointer-events: none;
    }

    .text-danger.card-danger {
        display: block;
        margin-bottom: 12px;
    }

    /* change overflow for related slick */
    .slider.slider-related {
        overflow-x: hidden;
    }

    .category__title {
        text-align: center;
        max-width: 98%;
        margin: 0 auto 8px;
    }

    .list-group-item.ocfilter-option:first-of-type .ocf-option-values {
        padding-left: 0 !important;
    }
}

@media (max-width: 428px) {
    .home-category a {
        display: block;
        text-align: center;
        width: 160px;
    }
}

@media (max-width: 375px) {
    .home-category a {
        display: block;
        text-align: center;
        width: 140px;
    }
}


@media (max-width: 530px) {
    #myModalBox .modal-dialog {
        width: auto;
        transform: translate(0, 30%) !important;
    }

    .breadcrumb {
        margin: 25px 25px 10px 0;
        padding: 0;
    }
}

.breadcrumb {
    /* height: 67px;
    overflow: hidden; */
}

.breadcrumb {
    margin: 25px 25px 25px 0;
    padding: 0;
}

.breadcrumb * {
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #838383 !important;
}

.breadcrumb > li + li:before {
    content: '/' !important;
}

/* newest */
.latest-carousel.owl-carousel .owl-item a {
    display: block;
    position: relative;
}

.latest-carousel.owl-carousel .owl-item img {
    margin: 0 !important;
    display: block;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.slider.slider-related .latest-carousel.owl-carousel .owl-item .product__option {
    left: unset;
    width: 100%;
}

.latest-carousel.owl-carousel .owl-item .product__option {
    left: 3%;
    width: 94%;
}

.latest-carousel.owl-carousel .owl-item .caption {
    position: relative;
    left: 3%;
    width: 94%;
}

/* cart */
.popup-input {
    border: 1px solid #ddd;
    padding: 8px !important;
}

.popup-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}

.popup-close {
    font-size: 36px;
    display: block;
    transform: rotate(45deg);
    width: max-content;
    height: max-content;
    line-height: 0.75;
    cursor: pointer;
    transition: 0.2s;
}

.popup-close:hover {
    color: #000;
}

.checkout-simplecheckout h1 {
    opacity: 0;
    font-size: 0;
    margin-bottom: 0;
}

.checkout-heading-button.gradient-btn a {
    color: #fff !important;
}

.checkout-simplecheckout .simple-cart {
    padding-top: 16px;
}

.hide-text {
    display: none !important;
}

.form-group.row-customer_newsletter > div:not(.newsletter-wrapper) {
    position: absolute;
    left: 50%;
    z-index: -1;
    opacity: 0;
}

#simplecheckout_payment_address {
    margin-bottom: 0;
}

.form-group.required.row-customer_email {
    margin-bottom: 4px;
}

.flexbox.newsletter-wrapper {
    margin-bottom: 0px;
    margin-top: 0px;
    align-items: center;
}

.newsletter-wrapper .pseudocheckbox {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: 0.3s;
    background: transparent;
    box-shadow: inset 0 0 0 0.5px #000;
    cursor: pointer;
}

.newsletter-wrapper .newsletter-text {
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
    margin-left: 12px;
    font-weight: 300;
}

.newsletter-wrapper .pseudocheckbox.checked {
    box-shadow: inset 0 0 0 10px #000;
    border: none;
}

.newsletter-wrapper .pseudocheckbox:before {
    content: url(https://yalnewyork.com/catalog/view/theme/default/image/checkmark%20-white.svg);
    transform: none;
    background-color: transparent;
    border-radius: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    display: block;
    width: 11px;
    height: 9px;
    position: relative;
    left: 4px;
    bottom: -1px;
    cursor: pointer;
}

.newsletter-wrapper .pseudocheckbox.checked:before {
    opacity: 1;
}

.simplecheckout-step .fieldset {
    flex-wrap: wrap;
}
.simplecheckout-block .form-control::placeholder {
    font-size: 13px;
}

.simplecheckout-step .fieldset .row-customer_email,
.simplecheckout-step .fieldset .row-customer_telephone {
    width: 100% !important;
}

.simplecheckout-step .fieldset .row-customer_newsletter {
    order: 2;
    margin-bottom: 0;
}

.simplecheckout-step .fieldset .row-customer_telephone {
    order: 3;
    margin-bottom: 8px !important;
}

.simplecheckout-left-column .simplecheckout-block .fieldset > div {
    width: 48.5%;
    margin-bottom: 12px;
}

.simplecheckout-step .fieldset .row-customer_newsletter .radio:first-of-type {
    margin-top: 0;
}

.checkout-simplecheckout .form-group:not(.row-customer_newsletter) {
    border: 0.5px solid #dddddd;
}

.checkout-simplecheckout #simplecheckout_login .form-group {
    border: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.checkout-simplecheckout #simplecheckout_login .form-control {
    border: 0.5px solid #ccc !important;
    font-size: 14px;
    min-height: 42px;
}

.checkout-simplecheckout #simplecheckout_login .form-control:focus {
    border: 0.5px solid #ccc !important;
}

.checkout-simplecheckout #simplecheckout_login .form-control::placeholder {
    font-size: 12px;
}

.checkout-simplecheckout #simplecheckout_login .form-control
.checkout-simplecheckout .form-control:not([name="comment"]) {
    border-bottom: none !important;
}

.checkout-simplecheckout .form-control::placeholder {
    text-transform: uppercase;
    transition: 0.3s;
}

.checkout-simplecheckout .simplecheckout-left-column .form-control::placeholder {
    color: transparent;
}

.row-payment_address_address_1,
.row-payment_address_address_2 {
    width: 100% !important;
}

.checkout-simplecheckout select.form-control {
    /* font-weight: 400; */
}

.checkout-simplecheckout select.form-control,
.checkout-simplecheckout select.form-control option {
    text-transform: uppercase;
    position: relative;
    top: 6px;
    padding: 10px 12px 0;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdncmV5JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNyAxMGw1IDUgNS01eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 3px;
    padding-right: 2em;
    font-size: 12px;
}

.checkout-simplecheckout select.form-control option {
    text-transform: none;
    font-size: 16px;
}

.checkout-simplecheckout .form-control:focus::placeholder {
    opacity: 0;
}

.simple-section input.form-control:not([data-onchange="changeProductQuantity"]) {
    padding: 6px 12px;
}

.simple-section #simplecheckout_cart .simplecheckout-cart-total .form-control {
    padding: 6px 12px;
    background: #fff;
    border: 0.5px solid #dddddd !important;
}

.checkout-simplecheckout .form-control[name="coupon"] {
    padding: 10px 12px;
}

.simple-section .simplecheckout-cart-total.promo:after {
    background: rgb(153, 178, 214);
    background: linear-gradient(59deg, rgba(153, 178, 214, 1) 14%, rgba(182, 160, 210, 1) 100%);
    right: 4px;
    padding: 6px 28px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    color: #fff;
    bottom: 3.5px;
    transition: 0.3s;
}

.simple-section .simplecheckout-cart-total.promo:after:hover {
    opacity: 0.9;
}

.row-customer_email,
.row-customer_telephone,
.row-payment_address_lastname,
.row-payment_address_address_2,
.row-payment_address_address_1,
.row-payment_address_city,
.row-payment_address_postcode,
.row-payment_address_firstname,
#simplecheckout_comment .simplecheckout-block-content,
.row-shipping_address_address_1,
.row-shipping_address_address_2,
.row-shipping_address_country_id,
.row-shipping_address_zone_id,
.row-shipping_address_city,
.row-shipping_address_postcode,
.row-shipping_address_firstname,
.row-shipping_address_lastname {
    position: relative;
}

.row-customer_email::before,
.row-customer_telephone::before,
.row-payment_address_lastname::before,
.row-payment_address_address_2::before,
.row-payment_address_address_1::before,
.row-payment_address_city::before,
.row-payment_address_postcode::before,
.row-payment_address_firstname::before,
#simplecheckout_comment .simplecheckout-block-content::before,
.row-shipping_address_address_1:before,
.row-shipping_address_address_2:before,
    /* .row-shipping_address_country_id:before,
    .row-shipping_address_zone_id:before, */
.row-shipping_address_city:before,
.row-shipping_address_postcode:before,
.row-shipping_address_firstname:before,
.row-shipping_address_lastname:before {
    /* content: 'Some Text'; */
    display: block;
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    /* text-shadow: 0 0 0.4px #000; */
    top: 50%;
    left: 12px;
    transform: translate(0, -50%);
    transition: 0.3s;
    pointer-events: none;
}

.row-payment_address_zone_id,
.row-payment_address_country_id,
.row-shipping_address_country_id,
.row-shipping_address_zone_id {
    min-height: 42px;
    padding-top: 0;
    position: relative;
}

.row-payment_address_zone_id select,
.row-payment_address_country_id select,
.row-shipping_address_country_id select,
.row-shipping_address_zone_id select {
    box-shadow: none !important;
    border: none !important;
}

.row-payment_address_country_id:before,
.row-payment_address_zone_id:before,
.row-shipping_address_country_id:before,
.row-shipping_address_zone_id:before {
    content: '';
    display: block;
    position: absolute;
    width: 0.9px;
    height: 20px;
    right: 11%;
    top: 10px;
    bottom: unset;
    background: #b5b5b5;
}

.row-payment_address_country_id:after,
.row-payment_address_zone_id:after,
.row-shipping_address_country_id:after,
.row-shipping_address_zone_id:after {
    position: absolute;
    top: 4px;
    left: 12px;
    color: #b5b5b5;
    font-size: 12px;
}

.row-payment_address_country_id:after,
.row-shipping_address_country_id:after {
    content: 'Country/region';
}

.row-payment_address_zone_id:after,
.row-shipping_address_zone_id:after {
    content: 'State';
}

.row-customer_email::before {
    content: 'Email';
}

.row-customer_telephone::before {
    content: 'Phone';
}

.row-payment_address_lastname::before,
.row-shipping_address_lastname:before {
    content: 'First Name';
}

.row-payment_address_address_2::before,
.row-shipping_address_address_2::before {
    content: 'Apartment, Suite, etc';
    color: #b5b5b5;
    text-shadow: none;
}

.row-payment_address_address_1::before,
.row-shipping_address_address_1::before {
    content: 'Address';
}

.row-payment_address_city::before,
.row-shipping_address_city::before {
    content: 'City';
}

.row-payment_address_postcode::before,
.row-shipping_address_postcode::before {
    content: 'Zip code';
}

.row-payment_address_firstname::before,
.row-shipping_address_firstname::before {
    content: 'Last Name';
}

#simplecheckout_comment .simplecheckout-block-content::before {
    content: 'Add comments (optional)';
}

.row-customer_email.focus::before,
.row-customer_telephone.focus::before,
.row-payment_address_lastname.focus::before,
.row-payment_address_address_2.focus::before,
.row-payment_address_address_1.focus::before,
.row-payment_address_city.focus::before,
.row-payment_address_postcode.focus::before,
.row-payment_address_firstname.focus::before,
#simplecheckout_comment .simplecheckout-block-content.focus:before,
.row-shipping_address_address_1.focus:before,
.row-shipping_address_address_2.focus:before,
.row-shipping_address_country_id.focus:before,
.row-shipping_address_zone_id.focus:before,
.row-shipping_address_city.focus:before,
.row-shipping_address_postcode.focus:before,
.row-shipping_address_firstname.focus:before,
.row-shipping_address_lastname.focus:before {
    font-size: 11px;
    transform: none;
    text-transform: none;
    top: 4px;
}

#simplecheckout_comment .simplecheckout-block-content:before {
    transform: none;
    top: 4px;
}

input#customer_email,
input#customer_telephone,
input#payment_address_lastname,
input#payment_address_address_2,
input#payment_address_address_1,
input#payment_address_city,
input#payment_address_postcode,
input#payment_address_firstname,
textarea#comment,
input#customer_firstname,
input#customer_lastname,
input#shipping_address_address_1,
input#shipping_address_address_2,
    /* select#shipping_address_country_id,
    select#shipping_address_zone_id, */
input#shipping_address_city,
input#shipping_address_postcode,
input#shipping_address_firstname,
input#shipping_address_lastname {
    min-height: 42px;
    padding: 20px 12px 10px !important;
    font-size: 14px !important;
    border-bottom: none !important;
}

textarea#comment {
    border-bottom: 0.5px solid #dddddd !important;
}

select.form-control {
    /* min-height: 50px; */
}

.checkout-simplecheckout .form-group.has-error {
    border: 1px solid rgb(186, 0, 0);
}

.simplecheckout-rule-group {
    display: none !important;
}

#simplecheckout_login .button.btn-primary.button_oc.btn.signin-btn {
    color: #fff;
    background-color: #000;
    border-radius: 0;
    border: none;
    background-image: none;
    text-shadow: none;
    padding: 8px 32px;
    text-transform: uppercase;
    margin-left: 10% !important;
}

.button.btn-primary.button_oc.btn.signin-btn:hover {
    opacity: 0.8;
}

div#simple_login {
    width: 480px;
    max-width: 96vw;
    height: max-content !important;
}

#simple_login .form-group:first-of-type {
    margin-bottom: 12px;
}

#simple_login .form-group:nth-of-type(2) .control-label {
    display: none;
}

.forgot-link {
    color: #aeaeae;
    text-decoration: underline;
    margin-right: 10%;
}

.forgot-link:hover {
    color: #000;
    text-decoration: underline;
}

#simple_login {
    border-radius: 0 !important;
    border: none !important;
    padding: 5px 18px !important;
}

.login__text {
    color: #a5a5a5;
    line-height: 1.1;
    margin-bottom: 12px;
    font-size: 13px;
}

.modal-dialog {
    margin: 90px auto 30px;
}

.gradient-btn {
    background: rgb(153, 178, 214);
    background: linear-gradient(59deg, rgba(153, 178, 214, 1) 14%, rgba(182, 160, 210, 1) 100%);
    text-transform: uppercase;
    padding: 8px 24px;
    transition: 0.3s;
    cursor: pointer;
}

.gradient-btn:hover,
#simplecheckout_button_back.gradient-btn:hover {
    /* background: linear-gradient(59deg, rgba(153,178,214,0.8) 14%, rgba(182,160,210,0.8) 100%); */
    transition: 0.3s;
}

.gradient-btn {
    position: relative;
}

.gradient-btn:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: 1;
}

.gradient-btn:hover:before {
    opacity: 0.1;
}

.gradient-btn a {
    color: #fff;
    display: block;
    padding: 6px 30px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.gradient-btn a:hover {
    opacity: 0.9;
}

.flexbox {
    display: flex;
}

.cart-upper {
    padding-top: 0 !important;
    align-items: center;
    justify-content: space-between;
}

.cart-upper.flexbox:after {
    display: none;
}

.block-title {
    font-size: 22px;
}

.uppertext {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    /* text-shadow: 0 0 0.7px #000; */
    font-size: 16px !important;
    color: #585858 !important;
}

.simplecheckout-cart-total-remove {
    display: none;
}

.checkout-heading-button.gradient-btn {
    padding: 0;
}

.panel-heading-wrapper {
    align-items: center;
}

.panel-heading-texts {
    text-align: right;
    margin-right: 10px;
}

.panel-heading-texts p:first-of-type {
    font-weight: 400;
    font-size: 14px;
    /* margin-bottom: 4px; */
    color: #585858;
}

.panel-heading-texts p {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
    color: #b5b5b5;
    line-height: 1.15;
    /* text-shadow: 0 0 0.7px #b5b5b5; */
}

.flexbox.links-group {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.simple-button-wrap > div > .btn {
    width: 100%;
    max-width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.simple-button-wrap > div {
    width: 48%;
}

#simplecheckout_button_back.gradient-btn {
    background: rgb(153, 178, 214);
    background: linear-gradient(59deg, rgba(153, 178, 214, 1) 14%, rgba(182, 160, 210, 1) 100%);
    text-transform: uppercase;
    padding: 8px 24px;
    transition: 0.3s;
}

#simplecheckout_button_back.gradient-btn:hover {
    opacity: 0.9;
}

#simplecheckout_button_back.gradient-btn > span {
    color: #fff;
}

.pseudocheckbox {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #585858;
}

.simplecheckout-customer-same-address {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
    margin: 0 0 15px 0 !important;
}

.simplecheckout-customer-same-address span {
    font-size: 13px;
}

.row-payment_address_firstname,
.row-payment_address_lastname {
    margin-bottom: 0 !important;
}

.simplecheckout-customer-same-address .slidersm.roundsm.pseudocheckbox::before {
    content: url(https://yalnewyork.com/catalog/view/theme/default/image/checkmark%20-white.svg);
    transform: none;
    bottom: unset;
    background-color: transparent;
    border-radius: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
    width: 11px;
    height: 9px;
    left: 4px !important;
    top: unset !important;
    display: block;
    position: relative;
}

.simplecheckout-customer-same-address label.switchsl {
    top: 0px;
    float: none;
}

input:checked + .slidersm.roundsm.pseudocheckbox::before {
    opacity: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
    transform: none;
    left: 4px;
    top: unset;
    bottom: -2px !important;
}

input:checked + .slidersm.roundsm.pseudocheckbox {
    background-color: transparent;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0.5px #000;
    transform: none;
}

input + .slidersm.roundsm.pseudocheckbox {
    box-shadow: inset 0 0 0 10px #000;
    border: none;
    transform: none;
    width: 20px;
    height: 20px;
    top: -2px;
    transition: 0.3s;
}

input + .slidersm.roundsm.pseudocheckbox::before {
    opacity: 1;
    left: 4px;
    top: unset;
}

.simplecheckout .cart__img {
    margin-right: 24px;
}

.cart__img {
    width: auto;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.24);
}

.cart__img > a {
    display: block;
}

.cart__img > a > img {
    min-width: 90px;
    max-width: 90px;
    height: 90%;
    max-height: 126px;
    object-fit: cover;
    object-position: center center;
}

.simple-section .cart__info .cart__qty .btn-block button {
    border-radius: 50%;
    padding: 2px;
    border: 1px solid #ccc;
}

.simple-section .cart__info .cart__qty .btn-block button.btn-minus span:after, .simple-section .cart__info .cart__qty .btn-block button.btn-plus span:after {
    background-color: #585858;
}

.cart__product-wrap {
    align-items: flex-start;
    position: relative;
}

.simplecheckout .cart__info {
    margin-top: 6px;
}

.simplecheckout .cart-dropdown-qty {
    margin-right: 14px !important;
}

.simplecheckout .cart__qty input {
    font-weight: 600 !important;
    width: 30px !important;
    min-width: max-content !important;
}

.simplecheckout .price__option > span > span,
.dropdown-menu .price__option > span > span,
.dropdown-menu .cart__qty > span > span {
    font-weight: 600;
    color: #585858 !important;
}

.dropdown-menu .cart__qty {
    margin-bottom: 0;
}

.simplecheckout .cart__info .price__option {
    margin-bottom: 8px;
}

.simplecheckout .cart__info .cart__price {
    margin-bottom: 12px;
    margin-top: 12px;
}

.simplecheckout .cart__info .cart__price span {
    font-weight: 400;
    color: #585858;
}

.cart__info small {
    display: none;
}

.checkout-heading.panel-heading.flexbox.cart-upper a {
    color: #585858;
    transition: 0.3s;
    font-size: 15px;
}

.checkout-heading.panel-heading.flexbox.cart-upper a:hover {
    color: #000;
}

.product__option {
    background: transparent;
    background-color: transparent;
}

.simple-cart {
    border-bottom: none;
}

.cart__info .cart__remove {
    position: absolute;
    display: block;
    width: max-content;
    top: -9px;
    left: -9px;
}

.simplecheckout .simplecheckout-cart-total#total_total {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 0.5px solid #585858;
}

.simplecheckout-block-content h3.uppertext {
    font-size: 14px !important;
}

.simplecheckout .simplecheckout-cart-total#total_total span {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.simplecheckout .simplecheckout-cart-total#total_coupon span {
    text-transform: uppercase;
    font-size: 16px;
}

.simplecheckout .simplecheckout-block#simplecheckout_shipping {
    padding-bottom: 0;
    margin-bottom: 0;
}

.simplecheckout .simplecheckout-block#simplecheckout_shipping .radio {
    margin-bottom: 0;
}

.simplecheckout .simplecheckout-block#simplecheckout_shipping label {
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
}

.cart__info .cart__remove button {
    width: 18px;
    height: 18px;
    background: #8c8c8c;
    transition: 0.3s;
    position: relative;
    border-radius: 50%;
}

.cart__info .cart__remove button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 8px;
    width: max-content;
    display: block;
}

.cart__info .cart__remove button:hover {
    transform: scale(1.07);
}

.cabinet__item {
    padding-right: 18px;
}

.method__label,
#simplecheckout_shipping label {
    position: relative;
    padding-left: 32px;
    display: flex !important;
    align-items: center;
}

#simplecheckout_shipping .radio {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.method__label .pseudocheckbox,
#simplecheckout_shipping label .pseudocheckbox {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    transition: 0.3s;
    box-shadow: inset 0 0 0 0.5px #000;
    cursor: pointer;
}

#simplecheckout_shipping label .pseudocheckbox {
    margin-right: 3px;
}

.method__label input,
#simplecheckout_shipping label input {
    opacity: 0;
    position: relative;
    z-index: 2;
}

input[name="payment_method"] + .pseudocheckbox
#simplecheckout_shipping label input + .pseudocheckbox {
    background-color: transparent;
    box-shadow: inset 0 0 0 0.5px #000;
    transition: 0.3s;
}

input[name="payment_method"]:checked + .pseudocheckbox,
#simplecheckout_shipping label input:checked + .pseudocheckbox {
    border: none;
    box-shadow: inset 0 0 0 10px #000;
}

.method__label .pseudocheckbox:before,
#simplecheckout_shipping label input + .pseudocheckbox:before {
    content: url(https://yalnewyork.com/catalog/view/theme/default/image/checkmark%20-white.svg);
    transform: none;
    background-color: transparent;
    border-radius: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    display: block;
    width: 10px;
    height: 8px;
    position: relative;
    left: 3px;
    bottom: 0px;
    cursor: pointer;
}

input[name="payment_method"]:checked + .pseudocheckbox:before,
#simplecheckout_shipping label input:checked + .pseudocheckbox:before {
    opacity: 1;
}

#simplecheckout_payment .method__label {
    display: flex !important;
    font-weight: 300;
    padding-left: 24px;
}

#total_total .simplecheckout-cart-total-remove {
    display: none;
}

input#button-confirm {
    font-weight: 300;
}

.popup-social .social_block .soc_ico {
    width: 104px;
    min-width: max-content;
    padding: 6px 12px;
    transition: 0.3s !important;
}

.popup-social .social_block .soc_ico:hover {
    background-color: #000 !important;
    color: #fff !important;

}

.popup-social .social_block .soc_ico svg path {
    transition: 0.3s;
}

.popup-social .social_block .soc_ico:hover svg path {
    fill: #fff;
}

.popup-social .social_block .soc_ico span {
    margin-left: 6px;
}

.popup-social .social_title {
    text-transform: uppercase;
    margin-top: 18px;
    margin-bottom: 6px !important;
}

header #wishlist-total img {
    margin-right: 6px;
}

header #wishlist-total span,
header .btn__cart #cart-count {
    font-size: 14px;
    margin-top: 1px;
    font-weight: 300;
    color: #000;
    display: block;
    align-self: center;
}

.product .image img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center top;
}

header #wishlist-total {
    display: flex;
}

/* category */
.product .product__option .row-flex {
    margin: 0;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: start;
}

.product .product__button {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 0;
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    align-items: center;
    padding: 3px 12px;
}

.product .product__button button {
    color: #fff;
    text-transform: uppercase;
    text-decoration-thickness: 1px;
    margin-bottom: 0;
    font-size: 12px;
}

.product .product__color .owl-item {
    margin: 0;
    margin-bottom: 0;
    width: max-content !important;
}

.product .product__color .owl-item img {
    margin: 0 3px;
}

.product .product__color {
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 0;
    /* min-height: 84px; */
}

.product > .image > .wishlist-btn {
    border-radius: 50%;
    background: rgba(248, 248, 252, 0.7);
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    box-shadow: none;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    transition: 0.3s;
}

.product > .image > .wishlist-btn:hover {
    background: #fff;
}

.product > .caption a, .product > .caption p {
    font-size: 14px;
    text-transform: none;
}

.product .caption h4 a {
    font-size: 13px;
    text-transform: none;
    color: #000;
}

.product > .image > .wishlist-btn svg {
    position: relative;
    top: 1px;
}

.product > .image > .wishlist-btn svg path {
    /* fill: rgba(248, 248, 252, 0.7); */
}

.product .product__button .product__size {
    font-size: 11px;
    /* color: #838383; */
    color: #fff;
    margin: 0;
}

/* wishlist */
#product > button {
    /* position: absolute; */
    background-color: transparent !important;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    width: 24px;
    height: 24px;
    -webkit-appearance: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;

}

#product > button img {
    width: 20px;
    height: 20px;
}

.product .product__color .owl-item a {
    width: 46px;
    height: 66px;
    display: block;
    position: relative;
    margin: 0 3px;
}

.product .product__color .owl-item img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    opacity: 1;
}

.product-main__packages .image > a {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    width: 86px;
    height: 120px;
}

/* dropdown cart */
#cart.btn-group.btn-block .dropdown-menu {
    right: -100%;
    left: unset;
    transition: right 0.3s, opacity 1.0s;
    opacity: 0;
    display: block;
}

#cart .dropdown-menu li.cart__product .scrollbar-inner {
    max-height: 380px;
}

/* #cart.btn-group.btn-block.open .dropdown-menu.pull-right.animate.slideIn {

} */
/* .modal.fade.login-panel-bg.in {
    display: none !important;
} */
#cart.btn-group.btn-block.open .dropdown-menu {
    right: 0;
    left: unset;
    opacity: 1;
    display: block;
}

.dropdown-menu .cart__product .cart__product-wrap {
    padding: 6px 12px 16px 0;
}

.dropdown-menu .cart__product .cart__product-wrap .cart__remove {
    position: absolute;
    left: 1px;
    top: 0px;
}

.dropdown-menu .cart__product .cart__product-wrap {
    padding-left: 8px;
}

.dropdown-menu .cart__product .cart__product-wrap .cart__price span {
    font-weight: 400;
    color: #585858;
}

.dropdown-menu .cart__product .cart__product-wrap .cart__price {
    margin-top: 22px;
}

.dropdown-menu .cart__product .cart__product-wrap .price__option {
    margin-bottom: 10px;
}

#cart .dropdown-menu li .cart__buttons button {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
}

#cart .dropdown-menu {
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.24) !important;
}

.product-main__btn .wishlist-btn {
    vertical-align: baseline;
    box-shadow: none;
    border: none;
    background: #f3f3f3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    /*margin-left: 12px;*/
    transition: 0.3s;
}

.product-main__btn .wishlist-btn:hover {
    background: #ffffff;
}

.product-main__btn .wishlist-btn svg {
    width: 30px;
    position: relative;
    top: 3px;
}

/* payment popup */
#input-cc-owner::placeholder,
#input-cc-number::placeholder,
#input-cc-cvv2::placeholder {
    font-size: 14px;
    color: #000;
}

#input-cc-owner,
#input-cc-number,
#input-cc-cvv2 {
    font-size: 14px;
    border-bottom: none;
}

#input-cc-number {
    background: url(https://yalnewyork.com/catalog/view/theme/default/image/payment-svgrepo-com.svg) no-repeat;
    background-position: 96% center;
    background-size: contain;
    transition: 0.3s;
}

#input-cc-number:focus {
    background: none;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) {
    border: none;
    display: flex;
    flex-wrap: wrap;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) label {
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    margin: 0 0 6px 0;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) .col-sm-3 {
    width: max-content;
    position: relative;
    padding-right: 0;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) .col-sm-3 select {
    padding: 6px 26px 6px 12px;
    background-position-y: 4px;
    font-size: 14px;
    color: #000;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) .col-sm-3:after {
    content: '';
    display: block;
    position: absolute;
    width: 0.9px;
    height: 20px;
    right: 23px;
    top: 13px;
    bottom: unset;
    background: #b5b5b5;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) select {
    border: 1px solid #ddd !important;
}

.modal-body #payment fieldset .form-group:nth-of-type(3) label:before {
    display: none;
}

.modal-body #payment fieldset .form-group:last-of-type {
    position: absolute;
    top: 60.2%;
    right: 50px;
    width: 76px;
    height: 33.5px;
}

.modal-body #payment .form-group {
    margin-bottom: 12px;
}

.modal-body #payment legend {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    width: max-content;
    height: 30px;
    padding-left: 40px;
    margin-bottom: 18px;
    background: url(https://yalnewyork.com/catalog/view/theme/default/image/credit-card-security-svgrepo-com.svg) no-repeat;
    background-position: left center;
    background-size: contain;
}

.modal-body #payment .account-btn-wrap button {
    font-weight: 300;
    width: 100%;
    margin-top: 12px;
}

/* login popup */
.simplecheckout-left-column .popup-social {
    display: none;
}

#simple_login .popup-social {
    width: 100%;
    order: 3;
}

.popup-social .social_block .soc_ico {
    height: 34px !important;
    border-radius: 0;
}

.social_block .soc_ico svg {
    width: 15px !important;
    height: 15px !important;
}

/* icons */
.btn__cart.dropdown-toggle > svg {
    margin-right: 6px;
}


/* ocfilter */
#ocfilter .ocfilter-option .ocf-option-name {
    text-transform: uppercase;
    padding: 6px 12px;
    transition: 0.3s;
    color: #272727;
    font-size: 13px;
    letter-spacing: 1px;
    width: max-content;
    max-width: 30vw;
}

#ocfilter .ocfilter-option .ocf-option-name .filter-arrow {
    width: 14px;
    background: url(../image/arrow-down.svg) no-repeat center center/contain;
    min-width: 15px;
}

.filter-row {
    border-bottom: 0.5px solid #f3f3f3;
}

#ocfilter .list-group-item {
    margin-bottom: 0 !important;
}

#ocfilter .ocfilter-option label {
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

#ocfilter .ocfilter-option .ocf-option-values {
    background: #f7f7f7;
}

#ocfilter .ocfilter-option .ocf-option-values:before {
    content: '';
    display: block;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    width: 1000%;
    left: -1000%;
    top: 0;
    z-index: -1;
}

#ocfilter .ocfilter-option .ocf-option-values:after {
    content: '';
    display: block;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    width: 10000%;
    right: -10000%;
    top: 0;
    z-index: -1;
}

#ocfilter .ocfilter-option .ocf-color {
    display: block;
    position: absolute;
}

#ocfilter .ocfilter-option label {
    padding-right: 40px !important;
    width: max-content;
    margin-bottom: 12px;
    position: relative;
    font-size: 13px;
}

#ocfilter .ocfilter-option label:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: 0.3s;
    width: 13px;
    height: 13px;
    background: transparent;
    box-shadow: inset 0 0 0 0.5px #000;
    cursor: pointer;
}

#ocfilter .ocfilter-option label input {
    position: relative;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

#ocfilter .ocfilter-option label.checked::after {
    box-shadow: inset 0 0 0 10px #000;
}

#ocfilter .ocfilter-option label.checked:before {
    content: url(https://yalnewyork.com/catalog/view/theme/default/image/checkmark%20-white.svg);
    position: absolute;
    width: 9px;
    height: 9px;
    z-index: 2;
    top: 0.5px;
    left: 2px;
}

#ocfilter .list-group-item._active {
    background: #f7f7f7;
}

#ocfilter .ocf-option-name.active {

}

#ocfilter .list-group-item.selected-options > div span:not(.cross) {
    background: #f7f7f7;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
    margin: 4px;
    text-transform: uppercase;
    display: flex;
    font-size: 15px;
    align-items: center;
    position: relative;
}

span.cross {
    margin-right: 6px;
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12px;
    width: 12px;
    background: #000;
    border-radius: 50%;
}

span.cross svg {
    width: 6px;
    height: 6px;
}

.breadcrumbs .row-flex {
    margin-bottom: 2px;
    margin-top: 2px;
}

/* #ocfilter .list-group-item.selected-options>div span:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #000;
    left: 3px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
}
#ocfilter .list-group-item.selected-options>div span:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 22.457 22.457"><path id="Close-icon-9iuh" d="M122.232,46.019l6.621-6.621a2.7,2.7,0,1,0-3.817-3.817L118.415,42.2l-6.621-6.621a2.7,2.7,0,0,0-3.817,3.817l6.621,6.621-6.621,6.621a2.7,2.7,0,0,0,3.817,3.817l6.621-6.621,6.621,6.621a2.7,2.7,0,0,0,3.817-3.817Z" transform="translate(-107.186 -34.791)" fill="%23ffffff"></path></svg>');
    position: absolute;
    display: block;
    color: #fff;
    line-height: 0.75;
    font-size: 12px;
    top: 8.2px;
    left: 6px;
    z-index: 2;
} */
#ocfilter .filter-selected {
    display: none !important;
}

#ocfilter .list-group-item.selected-options > button > span {
    display: none;
}

#ocfilter .list-group-item.selected-options > button {
    display: flex;
    align-items: center;
    background: #d1d1d1;
    color: #fff;
    line-height: 0.75;
    padding: 6px;
}

.filter-row .sort-wrap {
    display: none;
}

.row.filter-row > .col-xs-7.col-sm-6:first-of-type {
    width: 100%;
}

.row.filter-row > .col-xs-7.col-sm-6:last-of-type {
    display: none;
}

.filter-span-selected:after {
    display: none;
}

#ocfilter .list-group-item.selected-options > div {
    display: flex;
    flex-wrap: wrap;
}

#ocfilter .ocf-option-name ~ .ocf-option-values {
    z-index: 99 !important;
}

.search__item-mob {
    display: none;
}

.simplecheckout .simplecheckout-cart-total#total_coupon {
    flex-wrap: wrap;
}

.simplecheckout .simplecheckout-cart-total#total_coupon .coupon__attention {
    order: 3;
    text-align: left;
    font-size: 11px;
    text-transform: none;
    margin-top: 6px;
    font-style: italic;
}


.cabinet__item.account__item:hover,
.cabinet__item.account__item .cabinet__link:hover,
.cabinet__item.account__item .cabinet__link {
    border: none !important;
}

.product-grid .product__size span {
    margin: 0 2px;
}

.opt-out-stock {
    pointer-events: none;
    cursor: default;
    color: #989898;
}

.row-shipping_address_address_id {
    display: none !important;
}

.customer-wrapper {
    width: 100%;
    align-items: center;
    margin-top: 4px;
    margin-left: -6px;
}

.customer-text-wrapper {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 40px;
    margin-left: 6px;
}

.customer-text-wrapper .custom-link {
    text-transform: uppercase;
    /* text-decoration: underline; */
    border-bottom: 1px solid #585858;
    width: max-content;
    padding-bottom: 0;
    font-size: 10px;
}

span.upper-customer {
    float: none !important;
    display: flex !important;
    width: 100%;
    line-height: 0.75;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 16px;
    text-transform: capitalize;
}

span.upper-customer span {
    float: none !important;
    letter-spacing: normal;
    text-transform: none;
}

.logged .cart-upper {
    flex-wrap: wrap;
}

@media (min-width: 431px) {
    #ocfilter .ocfilter-option .ocf-option-values {
        display: none !important;
        max-height: 30vh;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #ocfilter .ocfilter-option .ocf-option-name {
        width: max-content;
        max-width: 33vw;
    }

    #ocfilter .ocf-option-name.active ~ .ocf-option-values {
        opacity: 1;
        display: flex !important;
        z-index: 99;
    }

    .product-main .right-thumb .thumbnail {
        overflow: hidden;
    }

    .product-main .right-thumb .thumbnail img {
        transform: scale(1.064);
    }

    .category__title {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: end;
        max-width: 48vw;
    }

    .category__title h1 {
        max-width: 68%;
        text-align: end;
        font-size: 14px;
    }
}

@media (max-width: 431px) {
    .left-hdr {
        padding-left: 0;
    }

    .latest-carousel.owl-carousel.owl-theme {
        overflow: hidden;
    }

    .slider-related .latest-carousel.owl-carousel.owl-theme {
        overflow: visible;
    }

    .owl-carousel:not(#slideshow0):not(.colors-slideshow) .owl-item {
        width: calc((100vw / 2.5) - 10px) !important;
    }

    .breadcrumb {
        display: flex;
        flex-wrap: nowrap;
        max-width: 80%;
        overflow: hidden;
    }

    .breadcrumbs .row-flex {
        position: relative;
    }

    [class*="product-product"] .breadcrumb:after {
        content: '...';
        display: block;
        position: absolute;
        width: max-content;
        height: max-content;
        color: #585858;
        left: 81%;
        bottom: -0.5px;
    }

    .breadcrumb span {
        white-space: nowrap;
    }

    .cart-upper {
        flex-direction: column;
    }

    .uppertext {
        margin-bottom: 18px;
    }

    .modal-body #payment fieldset .form-group:last-of-type {
        /* position: static; */
        width: 52px;
    }

    .cabinet__item {
        padding-right: 6px;
    }

    /* .search__item {
        position: absolute;
        right: unset;
        left: calc(10% + 30px);
    } */
    /* .open>#search.dropdown-menu {
        width: 100vw;
        right: unset;
        left: calc(-17.6vw - 30px);
        top: 40px;
    } */
    .cabinet__item.account__item {
        padding-right: 6px;
    }

    .account__item img {
        height: auto !important;
        width: 30px !important;
        min-width: 24px;
        position: relative;
        top: 1px;
    }

    #wishlist-total img {
        position: relative;
        top: 1px;
    }

    .search__item-mob {
        display: block;
    }

    .search__item {
        display: none;
    }

    nav#menu {
        display: flex;
        align-items: center;
    }

    header #wishlist-total img,
    .btn__cart.dropdown-toggle > svg {
        margin-right: 2px;
    }

    .product > .image > .wishlist-btn {
        width: 32px;
        height: 32px;
    }

    .product > .image > .wishlist-btn svg {
        width: 20px;
        height: 20px;
    }


}


.product > .image > .wishlist-btn.active, .product-main__btn .wishlist-btn.active {
    /* background-color: #000;*/
}

.product > .image > .wishlist-btn.active svg, .product-main__btn .wishlist-btn.active svg {
    /*filter: invert(1);*/
}


/* temporary */
.temporary__picture {
    display: block;
    overflow: hidden;
}

.temporary__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

@media (max-width: 992px) {
    .temporary__picture {
        height: 100px;
    }
}

@media (max-width: 480px) {
    .temporary__picture {
        height: 80px;
    }

    .product {
        width: 97%;
    }

    .cart-upper .uppertext.block-title {
        margin-right: 8px;
    }

    .gradient-btn a {
        white-space: nowrap;
    }
}

@media (max-width: 431px) {
    .cart-upper .uppertext.block-title {
        margin-right: 0;
        margin-bottom: 12px !important;
    }

    .simplecheckout-step .fieldset .row-customer_newsletter {
        width: 100% !important;
    }

    #ocfilter .ocfilter-option .ocf-option-values {
        min-width: 100vw;
    }

    #ocfilter .ocfilter-option .ocf-option-values:after {
        display: none;
    }

    #ocfilter .ocfilter-option label.checked:before {
        top: 50%;
        transform: translate(0, -83%);
        left: 14px;
    }

    #ocfilter .list-group {
        position: relative;
        /* flex-wrap: nowrap; */
        justify-content: space-between;
        align-items: stretch;
    }

    #ocfilter .list-group-item {
        position: static;
        margin-right: 16px !important;
        display: flex;
    }

    #ocfilter .ocfilter-option .ocf-option-values {
        padding-left: 0;
    }

    #ocfilter .ocfilter-option:first-of-type > .ocf-option-name.active ~ .ocf-option-values {
        max-width: 100vw !important;
        width: max-content !important;
        right: 15px;
        left: -15px;
        padding: 20px 16px 20px 36px;
    }

    #ocfilter .ocfilter-option:first-of-type > .ocf-option-name ~ .ocf-option-values {
        max-width: 100vw !important;
        width: max-content !important;
        right: 15px;
        left: -15px;
        padding: 20px 16px 20px 36px;
    }

    #ocfilter .ocfilter-option label {
        padding-right: 20px !important;
        width: max-content;
        min-width: max-content !important;
        margin-bottom: 12px;
        margin-left: 16px;
        position: relative;
        font-size: 14px;
    }

    #cart.btn-group.btn-block .dropdown-menu {
        transition: right 0.8s, opacity 1.2s;
    }

    .newsletter-wrapper .pseudocheckbox {
        box-shadow: inset 0 0 0 1px #000;
    }

    input:checked + .slidersm.roundsm.pseudocheckbox {
        box-shadow: inset 0 0 0 1px #000;
    }

    .method__label .pseudocheckbox,
    #simplecheckout_shipping label .pseudocheckbox {
        box-shadow: inset 0 0 0 1px #000;
    }

    input[name="payment_method"] + .pseudocheckbox
    #simplecheckout_shipping label input + .pseudocheckbox {
        box-shadow: inset 0 0 0 1px #000;
    }

    #ocfilter .ocfilter-option label:after {
        box-shadow: inset 0 0 0 1px #000;
    }

    #ocfilter .ocfilter-option label input {
        position: relative;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        left: 0;
        width: 13px;
        height: 13px;
        transform: none;
    }
}
.simplecheckout label, .simpleregister label {
    font-size: 13px !important;
}

/* <span class="coupon__attention">
                  Success! Your 50% discount has been applied. Please note: discounted orders are final and cannot be returned or exchanged. By placing your order, you agree to the terms of the promotion.
                </span> */