.load-more-articles-loader {
    display: none;
    margin-bottom: 5px;
    text-align: center;
}

.loader-s-1 {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    animation: rotateLoaderS1 1s linear infinite
}
.loader-s-1::before, .loader-s-1::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: LoaderS1ClipFix 2s linear infinite ;
}
.loader-s-1::after{
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg );
    border-color: rgb(0 41 130);
}

@keyframes rotateLoaderS1 {
    0%   {transform: rotate(0deg)}
    100%   {transform: rotate(360deg)}
}

@keyframes LoaderS1ClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}

.disable-link{
    pointer-events: none;
}

.to_price-text{
    font-size: 12px;
}

.old-price del{
    font-size: 14px;
}

.activeFilters{
    font-size: 14px;
    background: #fafcf6;
    margin-right: 5px;
    cursor: pointer;
}
.activeFilters:hover{
    text-decoration: underline;
    box-shadow: 0 1px 1px rgba(0,0,0,.07), 0 2px 1px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.1);
}

.filter-selected-items{
    margin-bottom: 15px;
}

.clearAllFilter{
    cursor: pointer;
    text-decoration: underline;
    display: flex;
    justify-content: flex-end;
}

.filtering{
    z-index: 99999;
    height: 100dvh;
}

body.overlay-popup .overlay-bg-popup {
    width: 100%;
    content: var(--tw-content);
    opacity: 0.4;
    z-index: 100000;
}

body .overlay-bg-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #504d4d;
    opacity: 0;
    content: "";
}

.filter-size-checkbox, .filter-size-checkbox-mobile, .filter-brand-checkbox, .filter-color-checkbox, .filter-color-checkbox-mobile, .filter-brand-checkbox-mobile{
    position: absolute;
    opacity: 0;
    width: 50px;
    height: 30px;
}

.filter-color-checkbox-mobile{
    display: block !important;
    width: -webkit-fill-available;
    left: 0;
}

#faqs-text-02 label:has(input[type="checkbox"]:checked) {
    border: 2px solid #006da4;
}

.color-filter span:has(input[type="checkbox"]:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    border-width: 1px;
    border-radius: 50%;
}

.mobile-filter-apply-button{
    text-align: center;
    margin-top: 15px;
}

.mobile-filter-apply-button button{
    background: #006da4;
    color: #fff;
    width: 100%;
    max-width: 100%;
    border-radius: 3px;
    padding: 10px;
    font-weight: 900;
    font-size: 18px;
}

.article-size-selection{
    font-weight: 900;
}

.desible {
    position: relative;
    color: #e7eaec !important;
}

.article-size-selection.selected {
    background-color: #000000;
    color: #fff;
}

input.article-color-selection{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.article-color-selection + img{
    cursor: pointer;
}

.color-pick-selection input[type="radio"]:checked ~ img{
    border: 1px solid transparent;
    border-bottom: 2px solid #141215;
    padding-bottom: 2px;
    border-radius: 3px;
}

.color-pick-selection.mobile-color input[type="radio"]:checked ~ img {
    border: 1px solid transparent;
    border-bottom: 2px solid #141215;
    padding-bottom: 2px;
    border-radius: 0;
}

.color-pick-selection input[type="radio"] ~ img{
    border: 1px solid transparent;
    border-bottom: 2px solid #cecece;
    padding-bottom: 2px;
    border-radius: 0;
}

.slick-list{
    height: 100%;
}

.slick-slide img{
    object-fit: cover;
    max-height: calc(745px - 40px);
    mix-blend-mode: multiply;
}

.slick-slide .single-desktop-image img{
    padding: 5px;
}

.product__wrapper .single-desktop-image{
    height: 100%;
    background-color: rgb(247 245 248 / var(--tw-bg-opacity));
}

div.product__wrapper{
    padding: 40px 40px 0 40px;
}


.slick-prev:before {
    content: "‹";
    color: #000;
    font-size: 30px;
}

.slick-next:before {
    content: "›";
    color: #000;
    font-size: 30px;
}

.vbox-next{
    right: 15px;
}

.vbox-prev{
    left: 15px;
}

.vbox-close{
    top: 0;
    right: 15px;
    color: rgba(251, 251, 251, .75) !important;
}

.item-description{
    margin-bottom: 30px;
}

.product__slider__nav .slick-track{
    transform: translate3d(0px, 0px, 0px)!important;
    width: fit-content !important;
}

.vbox-grab .vbox-child img{
    object-fit: contain;
}

span.numItemsOnWishList{
    position: absolute;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.numItemsOnWishList:hover{
    color: #fff;
}

.articles-list-items .item-container .btn-wishlist button{
    position: absolute;
    bottom: 0;
}

.articles-list-items .item-single.item-container .btn-wishlist button{
    position: relative;
}

.articles-list-items{
    grid-auto-flow: dense;
}

.line-devider-title {
    padding-top: 15px;
    padding-bottom: 30px;
    display: block;
}

.line-devider-title hr{
    border-color: #000;
}

.wishlist-title{
    padding-left: 15px;
}

.removeItem{
    position: absolute;
    top: -10px;
    width: 20px;
    left: -10px;
    cursor: pointer;
    margin: 20px;
}

.item-single .item-split{
    position: relative;
    display: grid;
    grid-template-columns: 150px auto;
    column-gap: 15px;
}

.btn-wishlist{
    margin-top: 30px;
}

.item-single .price-container{
    border-bottom: solid 1px #000000;
    padding: 5px 0;
    width: fit-content;
}

.color-name{
    margin-top: 10px;
}

.content-con{
    height: 120px;
}

.heart-color-white{
    color: white;
}

@media (max-width: 650px){
    .articles-list-items{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .wishlist .articles-list-items{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        width: 100%;
    }
}

.grid-template-basket{
    display: grid;
    grid-template-columns: 500px 500px;
    column-gap: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    justify-content: space-around;
}

.grid-template-items-in-basket{
    display: grid;
    grid-template-columns: 150px auto;
    column-gap: 20px;
}

.basket-items .p-title{
    font-size: 18px;
}

.p-color .color-name, .p-size .size-name {
    text-decoration: underline;
}

.basket-rm-btn, .basket-edit-btn{
    display: inline-block;
    cursor: pointer;
    height: 100%;
    margin-left: 10px;
}

span.qtyContainer {
    font-size: 20px;
}

.qty-basket-size{
    height: 35px
}

.qty-basket-change{
    width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.minus-icon, .plus-icon{
    font-size: 24px;
    line-height: 15px;
    display: block;
}

.article-qty-in-basket{
    height: 100%;
    font-size: 18px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.border-radius-5{
    border-radius: 5px;
}

.basket-to-wishlist{
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    text-decoration: underline;
}

.item-price{
    text-align: end;
}

div.basket-item{
    margin-bottom: 25px;
}

hr.item-in-basket-devider{
    margin-top: 20px;
}

input#couponFld{
    border: 2px solid #000;
    height: 42px;
    width: calc(100% - 110px);
    border-radius: 2px;
    outline-offset: -2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    margin-top: 10px;
    padding-left: 9px;
    padding-top: 13px;
}

#couponField{
    position: relative;
    margin-top: 10px;
}

button#addcoup{
    background: #000;
    color: #fff;
    height: 42px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    padding-right: 5px;
    position: absolute;
    top: 10px;
    padding-left: 5px;
    margin-left: -2px;
}

.coupon_code{
    margin-top: 10px;
}

.lbl_coupon_input{
    color: #5e6366;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 11px;
    left: 9px;
    z-index: 1;
    font-size: 12px;
}

.grid_template_summary_prices{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
}

.summary_prices{
    margin-top: 30px;
}

.num-of-items{
    font-size: 16px;
    font-weight: normal;
}

.prices_val p, .texts p{
    margin-bottom: 10px;
}

.total-price-basket{
    font-size: 20px;
    font-weight: bold;
}

.prices_val{
    text-align: right;
}

input#couponFld:focus-visible{
    outline: unset;
}

.couponAppliedMsg {
    padding: 5px 0 0;
    margin: 0;
    font-size: 11px;
    clear: left;
    color: #d70000;
}

.couponAppliedMsg span {
    width: auto;
    padding: 0;
    margin: 0
}

.redBorder{
    border-color: #d70000 !important;
}

.border-2{
    border-width: 2px;
}

.login-page, .forgot-password-page{
    max-width: 1200px;
    margin: auto;
}

.login-register-grid-template{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
}

.forgot-password-grid-template{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 20px;
    margin-bottom: 50px;
}

.forgot-password-container h2{
    font-size: 20px;
    margin-bottom: 20px;
}

.forgot-password-container p{
    margin-bottom: 20px;
}

.forgot-password-container .buttons-container{
    margin-top: 20px;
}

.buttons-container button{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.buttons-container .submit-btn{
    float: right;
}

.buttons-container{
    text-align: end;
}

.login-container, .register-container{
    padding: 15px;
}

.login-container h2, .register-container h2{
    text-align: center;
}

.cancel-forgotten-password{
    color: #006da4;
    margin-right: 20px;
}

.last-div-login{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}

.forgot-password a{
    color: #006da4;
}

.forgot-password .forgot-password-btn:hover{
    text-decoration: underline;
}

.login-page-after-title-devider{
    position: absolute;
    top: 60px;
    width: 100%;
    border: 1px solid #e7eaec;
}

.vl {
    border-left: 2px solid #e7eaec;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: 0;
    top: 0;
}

.error-container {
    padding-bottom: 15px;
}

.errors{
    display: none;
    color: #fff;
    background: #f00000;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
}

form.login-form{
    margin-top: 10px;
}

.register-content{
    margin-top: 25px;
}

.register-content button{
    margin-top: 25px;
}

.register-content button.iti__selected-country{
    margin-top: 0;
}

.register-content .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown{
    border: 0;
}

.register-content input#phoneNumber{
    padding-top: 0;
}

.register-content .phoneNumberSelection {
    border: 0;
    margin-top: 2px;
}

.register-dropdown{
    margin-top: 15px;
}

@media (max-width: 1300px){
    .grid-template-basket{
        grid-template-columns: 400px auto;
    }
}

@media (max-width: 960px){
    .grid-template-basket{
        grid-template-columns: 100%;
    }
}

.forgot-password-page .input{
    position: relative;
}

.forgot-password-page .input input{
    padding-left: 10px;
    padding-top: 15px
}

.forgot-password-page .input label{
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 15px;
    pointer-events: none;
    transition: 0.2s;
    padding-left: 10px;
    color: #5e6366;
}

.forgot-password-page .input input:focus + label,
.forgot-password-page .input input:valid + label{
    top: 1px;
    font-size: 14px;
}

.login-page .input{
    position: relative;
}

.login-page .input input{
    padding-top: 0;
    margin-bottom: 10px;
    height: 45px;
}

.login-page .input label{
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 25px;
    pointer-events: none;
    transition: 0.2s;
    padding-left: 10px;
    color: #5e6366;
}

.login-page .input input:focus + label,
.login-page .input input:valid + label{
    top: 15px;
    font-size: 14px;
}

/*floating basket*/
#shopping-cart-popup .f-container{
    overflow: auto;
}

#shopping-cart-popup{
    z-index: 1000000;
}



body .overlay-bg-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #472723;
    opacity: 0;
    content: "";
}

body.overlay-bg .overlay-bg-container {
    width: 100%;
    content: var(--tw-content);
    opacity: 0.4;
    z-index: 100000;
}

#shopping-cart-popup .f-container{
    overflow: auto;
}

.md\:w-\[450px\] {
    width: 450px;
}

.grid-floating-basket-header{
    display: grid;
    grid-template-columns: 60% auto 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.price-floating-basket-header p{
    font-size: 14px;
}

.close-floating-basket-header{
    text-align: end;
}

#shopping-cart-popup a button{
    margin-bottom: 15px;
}

#shopping-cart-popup .basket-rm-btn svg{
    width: 18px;
    height: 100%;
}

img.popUpBasketArticleImage{
    max-width: 120px;
    padding: 15px;
}

.popUpBasketArticleInfo{
    padding: 0 10px;
}

.popUpBasketArticleInfo .size-color-container{
    margin-top: 0;
}

.popUpBasketArticleInfo .price{
    color: #000000;
}

.popUpBasketArticleInfo .size-color-container span{
    color: #878787;
    font-size: 15px;
}

#shopping-cart-popup .item-change-qty-delete{
    height: 45px;
}

/*Map*/
.stores-list{
    height: 680px;
    overflow: auto;
}

#map {
    height: 790px;
}

div#map {
    z-index: 0;
}

.stores-list .store-container{
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
    margin-right: 10px;
    display: grid;
    grid-template-columns: auto 40px;
    align-items: center;
}

.stores-list .show-more-store-data{
    text-align: center;
}

.stores-list .show-more-store-data .btn-show-more{
    font-size: 25px;
    cursor: pointer;
    display: inline-block;
}

.contact-info {
    margin-top: 20px;
}

.rotateArrow{
    transform: translateY(40%) rotate(180deg);
}

.store-contact {
    color: #000;
    font-weight: 900;
    line-height: 40px;
}

.mobile .stores-list .store-container{
    margin: 10px;
}

.mobile-btn{
    display: none;
    margin-bottom: 20px;
    margin-top: 10px;
}

.mobile.store-locations{
    display: none;
    width: 100%;
}

.btn-mobile-stores.store-location-btn{
    background: #fff;
}

.btn-mobile-stores.store-list-btn{
    background: #fff;
}

.mobile-btn .active-btn{
    color: #fff;
    background: #000;
}

@media screen and (max-width: 1500px){
    .show__stores .w-\[23\%\] {
        width: 35%;
    }
    .stores-list .store-container{
        padding: 15px
    }
}

@media screen and (max-width: 970px){
    .mobile-btn{
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 5px;
    }

    .mobile-btn .btn-mobile-stores{
        width: 100%;
    }

    .show__stores .show__box_left{
        display: none;
    }

    .show__stores .show__map{
        width: 100%;
    }
    .page-title{
        display: none;
    }
    #map{
        height: 600px;
    }
    .leaflet-popup-content{
        width: 130px !important;
    }
    .leaflet-popup{
        left: -91px !important;
    }

    .container-padding.px-\[20px\]{
        padding-left: 0;
        padding-right: 0;
    }

    .stores-list{
        height: 100%;
    }
}

.max-w-\[2560px\] {
    max-width: 2560px;
}

.m-auto {
    margin: auto;
}

.w-\[60\%\] {
    width: 60%;
}

.xl\:w-\[75\%\] {
    width: 75%;
}

.w-\[23\%\] {
    width: 23%;
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
}

.\32xl\:w-\[35\%\] {
    width: 35%;
}

@media (min-width: 1202px) {
    .xl\:block {
        display: block;
    }

    .\32xl\:w-\[60\%\] {
        width: 60%;
    }
}

.use-my-location {
    color: #000;
    font-weight: 900;
    padding-bottom: 10px;
    cursor: pointer;
}

.line {
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
}

@media (min-width: 1202px) {
    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pb-\[55px\] {
        padding-bottom: 55px;
    }

    .px-\[20px\] {
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .md\:text-\[50px\] {
        font-size: 50px;
    }
    .md\:pb-\[100px\] {
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .md\:mb-\[50px\] {
        margin-bottom: 50px;
    }
}

.xl\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-title {
    margin-top: 20px;
    margin-bottom: 30px;
}

.page-title h3{
    font-size: 50px;
}

.use-my-location:before {
    content: url(../img/location_icon.svg);
    vertical-align: sub;
    margin-right: 5px;
}

.show__stores #search-stores {
    height: 44px;
    width: -webkit-fill-available;
    padding: 15px;
    padding-left: 45px;
    margin-bottom: 15px;
}

.show__stores i.fa.fa-search.icon {
    position: absolute;
    left: 35px;
    padding-top: 14px;
}

@media (max-width: 768px){
    div.product__slider__nav{
        margin-top: 50px;
    }
}

.banner-container.smallImages{
    display: inline-flex;
    column-gap: 10px;
}

.cs_container-crocs {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 25px;
}

.slider_container_in_categories .cs_container-crocs{
    max-width: unset;
}

/*For loading slide banner*/
.owl-carousel:not(.owl-loaded){
    opacity: 0;
}

.one-image-container a{
    color: #000 !important;
}

.banner-no-padding{
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 1200px) {
    .banner-no-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
}
.owl-carousel {
    display: flex !important; /* To override display:block I added !important */
    flex-direction: row;
    justify-content: flex-start; /* To center the carousel */
}

.select-district-input {
    width: 100%;
    padding: 6px 0;
    background: #FAFAFA;
    border: 0 solid #ccc;
}

@media screen and (max-width: 1201px){
    .show__stores i.fa.fa-search.icon{
        left: 33px;
        padding-top: 30px;
    }
}

.w-\[25\%\]{
    width: 25%;
}

.show__stores .show__box_left{
    padding-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
}

.mobile.store-locations #search-stores {
    height: 44px;
    width: -webkit-fill-available;
    padding: 15px;
    padding-left: 45px;
    margin: 15px;
}

.mobile .use-my-location {
    padding-left: 15px;
}

.line.mobile {
    margin-left: 10px;
    margin-right: 10px;
}

.mobile .stores-list .store-container {
    margin: 10px;
}

.map-gray-background{
    background: #f7f6f5;
}

.store-contact .travel-directions:before {
    content: url(../img/location_icon.svg);
    vertical-align: sub;
    margin-right: 5px;
}

.store-contact .mobile:before {
    content: url(../img/phone_icon.svg);
    vertical-align: sub;
    margin-right: 5px;
}

.store-contact .email:before {
    content: url(../img/email_icon.svg);
    vertical-align: sub;
    margin-right: 5px;
}

.profile h2{
    text-align: center;
    margin-bottom: 30px;
}

.profile .profile_content_tabs{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 2px solid #e7eaec;
    margin-bottom: 40px;
}

.profile .profile_content_tabs .tab_item a{
    width: 140px;
    display: inline-block;
    color: #006da4;
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
}

.profile .profile_content_tabs .tab_item a:hover{
    border-bottom: 1px solid #006da4;
}

.profile .line_profile {
    border-bottom: 2px solid #e7eaec;
    margin-bottom: 30px;
}

.profile .tab_content{
    padding-left: 70px;
    padding-right: 70px;
}

.profile .wishList_content_dashboard .item-single{
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7eaec;
}

.profile .wishList_content_dashboard .price-container{
    float: right;
    border: none;
}

.profile .wishList_content_dashboard .content-con .title{
    color: #006da4;
}

.profile .wishList_content_dashboard .content-con .color-name{
    margin-top: 0;
}

.profile .wishList_content_dashboard .content-con .item-code{
    margin-top: 15px;
}

.profile .px-\[15px\]{
    padding-left: 150px;
    padding-right: 150px;
}

.profile .item-single .item-split{
    padding-left: 50px;
    padding-right: 50px;
}

.profile .btn_wish_list a{
    width: 50%;
    display: inline-flex
}

.profile .btn_wish_list{
    text-align: center;
}

.address_content_dashboard,
.myProfile_content_dashboard,
.preferences_content_dashboard{
    margin-top: 60px;
}

.profile .rectangle_address_book{
    padding: 30px;
    background: #f8f9fa;
    border-top: 2px solid #e7eaec;
    text-align: center;
}

.profile .rectangle_address_book .btn_address_book,
.profile .myProfile_content_dashboard .btn_my_profile{
    margin-top: 20px;
    width: auto;
    display: inline-block;
}

.profile .preferences_content_dashboard .btn_preferences{
    width: auto;
    display: inline-block;
}

.profile .rectangle_address_book .btn_address_book button,
.profile .myProfile_content_dashboard .btn_my_profile button,
.profile .preferences_content_dashboard .btn_preferences button{
    padding-left: 10px;
    padding-right: 10px;
    height: 60px;
    font-weight: bold;
}

.profile .h2_mbs{
    margin-bottom: 15px;
}

.profile button.bg-black{
    border-radius: 5px;
}

.profile .active_tab{
    color: #000 !important;
    font-weight: bold;
}

.profile .active_tab:hover{
    border-color: transparent !important;
}

.left-align{
    text-align: left !important;
}

.profile .name_edit_container{
    padding-top: 15px;
}

.profile .name_edit_container h3,
.profile .email_edit_container h3,
.profile .password_edit_container h3{
    padding-bottom: 5px;
    font-size: 18px;
}

.profile .input{
    position: relative;
}

.profile .input label{
    font-size: 20px;
    pointer-events: none;
    transition: 0.2s;
    padding-left: 5px;
    color: #5e6366;
}

#zip_code-selectized{
    padding-top: 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 18px;
    margin-top: 14px !important;
}

#zip_code-selectized:focus-visible{
    outline: 0;
}

.name_edit_container .selectize-input{
    height: 100%;
}

.profile .input input:focus + label,
.profile .input input:valid + label{
    top: 15px;
    font-size: 14px;
}

.profile .btn_save_profile,
.profile .btn_save_email,
.profile .btn_save_password,
.profile .btn_change_password{
    margin-top: 20px;
    width: 100%;
    text-align: end;
    display: inline-flex;
    justify-content: flex-end;
}

.profile .btn_save_profile button,
.profile .btn_save_email button,
.profile .btn_save_password button,
.profile .btn_change_password button{
    width: auto;
    padding-right: 35px;
    padding-left: 35px;
    border-radius: 5px;
    font-size: 20px;
}

.profile .email_edit_container,
.profile .password_edit_container{
    margin-top: 30px;
}

.profile .password_edit_container,
.profile .email_edit_container{
    display: none;
}

.profile .open_change_email,
.profile .open_change_password{
    margin-top: 10px;
    font-size: 18px;
    color: #006da4;
    text-decoration: underline;
    cursor: pointer;
}

.error-message-container {
    color: #c54b0f;
    font-size: 16px;
    font-weight: 500;
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: solid 1px #c54b0f;
}

.success-message-container {
    display: none;
    font-size: 16px;
    font-weight: 500;
    color: #198754;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: solid 1px #198754;
}

.profile .profile_name .left_img{
    font-family: symbolset;
    font-size: 60px;
    color: #e7eaec
}

.profile .grid_profile_content{
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    column-gap: 20px;
}

.profile .grid_profile_content img {
    width: 70px;
    filter: contrast(0) saturate(0%) opacity(20%);
    display: inline-block;
}

.profile .white_name_container{
    background: #fff;
    padding: 20px;
    border: 1px solid #e7eaec;
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    column-gap: 30px;
    text-align: start;
}

.profile .profile_data_text .text_name{
    display: block;
    padding-bottom: 20px;
}

.profile select#district,
.profile select#zip_code{
    position: relative;
    margin-top: 15px;
    padding-top: 12px
}



input#district-selectized {
    font-size: 20px;
    width: 100% !important;

    width: auto !important;
    height: 100% !important;
    border-radius: 0 !important;
    padding: 0 5px !important;
    transition: none !important;
    position: relative !important;
}

.profile .btn_delete_profile{
    margin-top: 50px;
    font-size: 18px;
    color: #006da4;
    text-decoration: underline;
    cursor: pointer;
}

.profile .popup_del button#delete-confirm{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}

.validation-error-message {
    display: none;
    margin-top: 2px;
    font-size: 13px;
    color: #c54b0f;
}

.validation-error-message.extra-ts {
    margin-top: 5px;
}

.border-radius-crocs{
    border-radius: 5px;
}

.profile .Empty_orders{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 100px;
}

.profile .Empty_orders a{
    color: #006da4;
}

.profile .Empty_orders a:hover{
    color: #000;
    text-decoration: underline;
}

.profile .list_of_orders_profile .order_line{
    background: #f7f6f5;
    padding: 20px;

}

.image-opacity-40 {
    filter: opacity(40%);
}

.profile .list_of_orders_profile .order_line_grid_layout{
    display: grid;
    grid-template-columns: 350px auto 150px;
    justify-items: stretch;
}

.profile .list_of_orders_profile .order_line_grid_layout .image img{
    display: inline-grid;
    width: 100px;
}

.profile .list_of_orders_profile .order_line_grid_layout .center_text p:first-child{
    padding-right: 20px;
}

.profile .list_of_orders_profile .order_line_grid_layout .center_text div.items-center{
    justify-content: center;
}

.profile .list_of_orders_profile .order_line_grid_layout .center_text div.items-center,
.profile .list_of_orders_profile .order_line_grid_layout .price div{
    height: 100%;
}

.profile .list_of_orders_profile .order_line_grid_layout .price{
    text-align: end;
}

.profile .list_of_orders_profile .order_line_grid_layout .price .price_val{
    padding-right: 30px;
}

.profile .list_of_orders_profile .order_container_details{
    background: #f7f6f5;
    padding: 20px;
}

.profile .list_of_orders_profile .order_container_details{
    display: none;
}

.profile .list_of_orders_profile .order_container_details .delivery-info{
    width: 50%;
    display: inline-block;
}

.profile .list_of_orders_profile .order_container_details .payment-info{
    width: auto;
    display: inline-block;
}

.profile .list_of_orders_profile .order_container_details .all_ordered_products{
    margin-top: 30px;
}

.profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside{
    grid-template-columns: 150px auto auto;
    column-gap: 30px;
    padding-right: 20px;
}

.profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside p.item_title{
    font-size: 16px;
}

.profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside img{
    width: 150px;
}

.w-50p{
    width: 50%;
}

.profile .list_of_orders_profile .order_container{
    margin-bottom: 20px;
}

.profile .list_of_orders_profile .plus-images-dashboard{
    margin-left: -80px;
}

.profile .mobile_profile_select{
    text-align: center;
}

select {
    -webkit-appearance: none;
    appearance: none;
}

.mobile_profile_select {
    position: relative;
    margin-bottom: 10px;
}

.mobile_profile_select select {
    background-image: url("../img/down-arrow.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.profile .mobile_profile_select select{
    height: 45px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}

.profile .mobile_profile_select{
    display: none;
}

@media (max-width: 1600px){
    form.article-sizes-list.grid-cols-7{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 1400px){
    form.article-sizes-list.grid-cols-7{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1250px){
    form.article-sizes-list.grid-cols-7{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1350px){
    .profile .profile_content_tabs .tab_item a{
        width: 120px;
    }
    .profile .px-\[15px\]{
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1100px){
    .profile .profile_content_tabs .tab_item a{
        width: 110px
    }

    .profile .px-\[15px\]{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 950px){
    .profile .profile_content_tabs{
        display: none;
    }
    .profile .mobile_profile_select{
        display: block;
        margin-left: 50px;
        margin-right: 50px;
    }

    .profile .px-\[15px\],
    .profile .tab_content{
        padding-left: 0;
        padding-right: 0;
    }

    .profile .btn_wish_list a{
        width: 100%;
    }

    .profile .btn_wish_list a button{
        width: 100%;
        margin-left: 50px;
        margin-right: 50px;
    }

    .profile .tab_content h2{
        padding-left: 10px;
    }

    .profile .password-form{
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile .edit-profile-form{
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile .btn_delete_profile{
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile #form-remove-acc{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 750px){
    .shoppingCartContainer .cart-footer-table{
        width: 100% !important;
    }

    .product_image img{
        width: 100%;
    }

    .profile .list_of_orders_profile .order_line_grid_layout .image img{
        width: 160px;
    }

    .profile .list_of_orders_profile .order_line_grid_layout .image{
        display: flex;
        justify-content: center;
    }

    .profile .list_of_orders_profile .order_line_grid_layout{
        grid-template-columns: 100%
    }

    .profile .list_of_orders_profile .order_line_grid_layout .center_text div.items-center{
        margin-top: 10px;
        display: flex;
        justify-content: space-evenly;
    }

    .profile .list_of_orders_profile .order_line_grid_layout .price{
        margin-top: 20px;
    }

    .profile .list_of_orders_profile .order_line_grid_layout .image{
        position: relative;
    }

    .profile .list_of_orders_profile .plus-images-dashboard{
        position: absolute;
        padding-left: 390px;
        top: 50%;
    }
}

@media (max-width: 600px){
    .profile .list_of_orders_profile .plus-images-dashboard{
        position: absolute;
        padding-left: 270px;
        top: 50%;
    }

    .profile .list_of_orders_profile .order_line_grid_layout .image img{
        width: 100px;
    }

    .profile .wishList_content_dashboard .price-container{
        float: unset;
    }
    .profile .item-single .item-split{
        padding-left: 30px;
        padding-right: 30px;
    }
    .profile .removeItem{
        top: 0;
        right: 15px;
        left: unset;
    }
    .profile .grid_profile_content{
        grid-template-columns: 100%;
        row-gap: 20px;
    }
    .profile .mobile_profile_select{
        margin-left: 10px;
        margin-right: 10px
    }

    .profile .btn_save_profile button, .profile .btn_save_email button, .profile .btn_save_password button, .profile .btn_change_password button{
        width: 100%;
    }

    div.article-sizes-list.grid-cols-7{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 500px){
    div.article-sizes-list.grid-cols-7{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #shopping-cart-popup{
        width: 100%;
    }
}

@media (max-width: 440px){
    .profile .wishList_content_dashboard .image-container img{
        width: 100px;
    }
    .profile .wishList_content_dashboard .content-con .item-code{
        margin-top: 5px;
    }
    .profile .content-con{
        font-size: 14px;
    }
    .profile .item-single .item-split{
        grid-template-columns: 100px auto;
    }

    .sc{
        grid-column: span 2;
    }

    .profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside{
        justify-content: space-around;
    }

    .profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside{
        column-gap: 0;
        padding-right: 20px;
    }

    .profile .list_of_orders_profile .order_container_details .all_ordered_products .order-list-inside img{
        padding-right: 15px;
    }
}

.activee{
    display: block;
    visibility: visible;
}

.offcanvas ul li a.meenu-back{
    border-bottom: 2px solid #a2a7a9;
}

.offcanvas ul li a.meenu-back span{
    width: 100%;
    text-align: center;
}

.offcanvas .menu-items li h3{
    background: #e7eaec;
    border-bottom: none;
    text-decoration: none;
}

.offcanvas ul li a span{
    justify-content: center;
}

.offcanvas ul li a span.item-in-menu{
    width: 100%;
    display: block;
    text-align: left;
}

.sub-off .logout-left-right{
    display: grid;
    grid-template-columns: auto auto;
    background: #141215;
    justify-content: normal;
    border-bottom: 1px solid #A2A7A9;
    position: relative;
}

.offcanvas ul li.logout-left-right a{
    border-bottom: none;
}

.offcanvas ul li.logout-left-right .hl{
    border-left: 1px solid #A2A7A9;
    position: absolute;
    height: 40px;
    left: 50%;
    top: 12px;
}

.offcanvas ul li a.call,
.offcanvas ul li a.email {
    justify-content: center !important;
}

.sub-off li a{
    font-weight: normal !important;
}

.item-description ul{
    padding: 0 0 0 40px;
    list-style: disc;
}

.product__slider__nav{
    display: none;
}

.product__wrapper{
    display: none;
}

.product__slider__nav .slick-center{
    z-index: 9;
}

.shadow-slider__shadow .loading{
    display: flex;
    justify-content: center;
}

.shadow-slider__shadow .loading .img_first{
    padding: 40px;
    max-height: 785px;
    width: auto;
    mix-blend-mode: multiply;
}

.content-popup {
    background-color: #ffffff;
    position: fixed;
    display: none;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100vh;
    max-width: 1000px;
    margin: auto;
    top: 50%;
    z-index: 1000000;
    overflow: auto;
    padding: 15px 0 15px;
    border-radius: 10px;
}

.content-popup::-webkit-scrollbar {
    width: 5px;
}

.content-popup::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.content-popup::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #cccccc;
}

.content-popup-text ul {
    margin-left: 30px;
    margin-bottom: 10px;
}

h3.content-popup-title{
    font-size: 24px;
    font-weight: 900;
    line-height: 28.8px;
    margin-bottom: 20px;
}

.content-pop-up-container {
    padding: 0 20px 20px 20px;
}

.content-pop-up-container .description{
    padding-bottom: 15px;
}

.content-pop-up-container.dropdown-menu-data-container {
    padding-top: 15px;
}

.content-pop-up-container .dropDown-menu-container .dropdown-title{
    font-weight: 900;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.content-pop-up-container .sizeTable{
    padding-top: 15px;
}

.content-pop-up-container .dropdown-menu-data{
    display: none;
    padding-bottom: 10px;
}

.content-pop-up-container i.fas.fa-minus {
    font-size: 25px;
    padding-top: 17px;
}

.close-popup-btn{
    right: 15px;
    position: absolute;
}

.content-popup h2{
    font-weight: bold;
}

.text-underline{
    text-decoration: underline;
}

a.text-black{
    color: #000;
}

.content-popup a{
    font-weight: 500;
    font-size: 18px;
}

.content-popup p.cx-copy{
    margin-top: 20px !important;
    margin-bottom: 20px;
}

.size-chart {
    overflow-x: scroll;
    max-width: 100vw;
}

.size-chart:first-of-type {
    margin-bottom: 20px;
}

.size-chart table .size, .size-chart-socks table .size {
    background-color: #2e363a !important;
    font-weight: 700;
    color: #fff;
}

.size-chart thead th:first-child {
    background-color: #2e363a !important;
}

.size-chart th:first-child {
    width: 100px;
    font-weight: 700;
    border-left: none;
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff !important;
    box-shadow: inset -1px 0 0 #e7eaec, inset 0 0 0 #e7eaec;
}

.size-chart table, .size-chart-socks table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.size-chart td, .size-chart th, .size-chart-socks td, .size-chart-socks th {
    text-align: center;
    height: 55px;
    border-left: solid 1px #e7eaec;
}

.size-chart.adult table {
    width: 1420px;
}

@media (max-width: 1100px){
    .content-popup {
        max-width: calc(100% - 100px);
    }
}

@media (max-width: 768px){
    .content-popup {
        max-width: calc(100% - 30px);
        max-height: calc(100% - 100px);
    }
}

.stock_by_store {
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.color-pick-selection img:hover{
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}

.shop-stock-popup #mainContent .colorslistStock img{
    width: 50px;
}

.shop-stock-popup #mainContent .colorslistStock{
    display: inline-block;
}

.size-refine-sizes ul li.oos label div {
    background: url("data:image/svg+xml;utf8,<svg version='1.1' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'><line fill='none' stroke='%23000' x1='50' y1='0' x2='0' y2='50' style='stroke:rgb(255,0,0); stroke-width:2' /></svg>") 0 0/100% 100% no-repeat #ddd;
    border: 1px solid #d70000;
    color: #d70000;
    opacity: .5
}

.size-refine-sizes ul li.bisn label div {
    border: 1px solid #a3a3a3;
    padding: 10px;
    background: #ddd;
    opacity: .5;
    color: #444
}

@media screen and (max-width:767px) {
    .size-refine-sizes ul li.bisn label div {
        padding: 16px
    }
}

.size-refine-sizes ul li.sel label div {
    border: 2px solid #2a7ab0;
    padding: 9px
}

.size-refine-sizes ul li.sel.oos:not(.bisn) label div {
    border: 2px solid #d70000;
    padding: 9px
}

.size-refine-sizes ul li div.radio,
.size-refine-sizes ul li span {
    display: none
}

.size-refine-sizes>div:nth-child(odd) {
    margin-top: 5px
}

.size-refine-sizes {
    clear: both
}

.size-refine-sizes ul {
    list-style: none;
    margin: 0;
    position: relative;
    width: auto;
    border: 0;
    overflow: hidden
}

.size-refine-sizes ul li {
    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    color: #444;
    margin-bottom: 7px;
    overflow: hidden;
    cursor: pointer
}

.size-refine-sizes ul li.oos:not(.bisn) div {
    cursor: default
}

.size-refine-sizes ul li.sel,
.size-refine-sizes ul li:hover {
    color: #000
}

.size-refine-sizes ul li label div {
    font-family: Arial;
    font-size: 14px;
    border: 1px solid #a3a3a3;
    font-weight: 400;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap
}

.size-refine-sizes ul li label span:nth-child(2),
.size-refine-sizes.show-us-sizes ul li label span:first-child {
    display: none
}

.size-refine-sizes ul li label span:first-child,
.size-refine-sizes.show-us-sizes ul li label span:nth-child(2) {
    display: block
}

ul.color-refine-colors{
    margin-top: 15px;
}

ul.color-refine-colors li ul li.sel img {
    border: 1px solid #000;
}

#stock_stores_title{
    font-weight: bold;
}

.check_stock_btn{
    margin-top: 20px;
}

#stock-stores-result .row-store-stock{
    border-top: 1px solid #a3a3a3;
    padding: 10px;
}

.moveToTop{
    /*transform: translate(-50%, 0%) !important;
    -ms-transform: transform: translate(-50%, 0%) !important;*/
}

p#checkstosk-call-text {
    text-align: center;
    margin-top: 15px;
    font-style: italic;
    font-size: 14px;
}

p#checkstosk-store-link {
    text-align: center;
    color: #006da4;
}

.spacer_size_stock_popup{
    margin-top: 20px;
}

button#cboxCloseDelivery_stores {
    position: absolute;
    top: 10px;
    right: 10px;
}

b.row-store-stock-status-text{
    float: right;
}

.stock-status-color-ons,
.stock-status-color-ons-last,
.stock-status-color-oos {
    margin-left: 8px;
    float: right;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-top: 3px;
}

.stock-status-color-oos {
    background: red;
}

.stock-status-color-ons {
    background: #24e26c;
}

.stock-status-color-ons-last {
    background: #ff9800;
}

@media screen and (max-width: 1440px) {
    .search_suggestion_popup{
        margin-right: 119px;
        right: 0;
    }
}

@media screen and (max-width: 1199px) {
    .search_suggestion_popup{
        margin-right: 99px;
        right: 0;
    }
}

@media screen and (max-width: 1100px) {
    .email-signup-lightbox {
        width: 800px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 959px) {
    .email-signup-lightbox {
        width: calc(100% - 100px) !important;
    }

    .forgot-password-grid-template{
        grid-template-columns: auto;
    }
}

@media screen and (max-width: 600px) {
    .email-signup-lightbox {
        padding: 10px !important;
    }

    .size-refine-sizes ul li{
        margin-right: 5px;
    }

    #stock-stores-result .row-store-stock{
        font-size: 12px;
    }

    .email-signup-lightbox {
        width: calc(100% - 30px) !important;
        overflow: auto;
    }
}

.overflow-hidden{
    overflow: hidden;
}

.color-refine-all-colors ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 50px));
    column-gap: 10px;
}

.size-refine-sizes ul#uStock{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 100px));
    column-gap: 10px;
}

.hide-color{
    display: none;
}

li.more-colors-to-show{
    padding-left: 10px;
    margin-top: -6px;
}

#btn-check-stock-mobile, #btn-check-stock{
    color: #006da4;
}

#btn-check-stock::before,
#btn-check-stock-mobile::before{
    background-image: url(../img/pin.png);
    background-size: 12px 16px;
    display: inline-block;
    width: 12px;
    height: 16px;
    content: "";
    margin-right: 5px;
}

.search_suggestion_popup{
    display: none;
}

.sub_footer_links span:last-child{
    display: none;
}

footer li.mail_footer{
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.search_suggestion_popup{
    position: absolute;
    background: #fff;
    width: 335px;
    top: 58px;
    margin-left: -35px;
    padding: 15px;
    border: 1px solid;
}

.search_suggestion_popup .search_suggestion_container{
    position: relative;
}

.items_container .search_items_title p{
    color: #5e6366;
}

.search_suggestion_container .text_container{
    height: 50px;
}

.search_items .color_num span{
    font-size: 12px;
    color: #141215;
}

.search_items p.search_item_title{
    font-size: 14px;
    color: #141215;
}

.search_items div.search_item_prices{
    font-size: 14px;
}

.search_items .shadow-shoe__img__shadow img{
    width: 100px !important;
}

.search_items .search-articles{
    row-gap: 5px;
    column-gap: 5px;
}

.search_items{
    margin-top: 5px;
}

.search_items .item-container.search_items{
    height: 100%;
    width: 100%;
}

.search_items .h-fit a{
    height: 216px;
}

.mobile_search{
    display: none;
    height: 100lvh;
    padding: 20px;
    overflow: auto;
}

.mobile_search .search_input{
    position: relative;
    margin-top: 30px;
}

.mobile_search button#cboxCloseDelivery{
    top: 15px;
    right: 20px;
}

.mobile_search .search_items{
    margin-top: 30px;
}

@media screen and (max-width: 500px) {
    .mobile_search .search_items .search-articles{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

.menu-split .menu-list a.sIcon::before, .nav-link-container a.sIcon::before {
    background-image: url("../img/cx-icons.svg");
    content: " ";
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 140px;
    top: -5px;
    left: 0;
    font-size: 28px;
}

.nav-link-container a.sIcon::before { /* for mobile MENU */
    top: 12px;
    left: 5px;
}

.menu-split .menu-list a.sIcon.sIcon-test::before, .nav-link-container a.sIcon.sIcon-test::before {
    background-position-y: 0;
}

.menu-split .menu-list a.sIcon.sIcon-test2::before, .nav-link-container a.sIcon.sIcon-test2::before {
    background-position-y: -27px;
}

.menu-split .menu-list a.sIcon.sIcon-test3::before, .nav-link-container a.sIcon.sIcon-test3::before {
    background-position-y: -837px;
}

.menu-split .menu-list a.sIcon.sIcon-clog::before, .nav-link-container a.sIcon.sIcon-clog::before { /* 31 */
    background-position-y: -870px;
}

.menu-split .menu-list a.sIcon.sIcon-flip::before, .nav-link-container a.sIcon.sIcon-flip::before {
    background-position-y: -955px;
}

.menu-split .menu-list a.sIcon.sIcon-sandal::before, .nav-link-container a.sIcon.sIcon-sandal::before {
    background-position-y: -1178px;
}

.menu-split .menu-list a.sIcon.sIcon-slide::before, .nav-link-container a.sIcon.sIcon-slide::before {
    background-position-y: -1233px;
}

.menu-split .menu-list a.sIcon.sIcon-platform::before, .nav-link-container a.sIcon.sIcon-platform::before {
    background-position-y: -1036px;
}

.menu-split .menu-list a.sIcon.sIcon-boot::before, .nav-link-container a.sIcon.sIcon-boot::before {
    /* background-position-y: -837px; */
    background-position-y: -808px;
}

.menu-split .menu-list a.sIcon.sIcon-sneakers::before, .nav-link-container a.sIcon.sIcon-sneakers::before {
    background-position-y: -1290px;
}

.menu-split .menu-list a.sIcon.sIcon-work-boot::before, .nav-link-container a.sIcon.sIcon-work-boot::before {
    background-position-y: -1093px;
}

.menu-split .menu-list a.sIcon.sIcon-clover::before, .nav-link-container a.sIcon.sIcon-clover::before {
    background-position-y: -1064px;
}


.menu-split .menu-list a.sIcon.sIcon-slippers::before, .nav-link-container a.sIcon.sIcon-slippers::before {
    background-position-y: -1318px;
}

.menu-split .menu-list a.sIcon.sIcon-socks::before, .nav-link-container a.sIcon.sIcon-socks::before {
    background-image: url(../img/sock.png);
    content: " ";
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 19px;
    top: -4px;
    left: 4px;
    font-size: 28px;
}

#m-header-nav .menu-split .menu-list a.sIcon.sIcon-socks::before, #m-header-nav .nav-link-container a.sIcon.sIcon-socks::before {
    top: 11px !important;
    left: 10px !important;
}

.swiper-slide .image{
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px;
    background-size: 50px;
    height: 50px;
}

.jibbizt_slider_container{
    background: #f7f5f8;
    padding: 20px;
    margin-top: 30px;
}

.jibbizt_slider_container h2{
    margin-bottom: 15px;
    color: #2e363a;
    font-size: 22px;
    font-weight: 900;
}

footer .footer-email-signup{
    margin-top: 20px;
}

footer .footer-email-signup input{
    padding:10.5px 10px;
    height: auto;
    width: 75%;
    float: left;
    border: 1px solid transparent;
}

.footer-email-signup button{
    padding: 10px 10px;
    cursor: pointer;
    width: 25%;
    border: 1px solid #fff;
    font-size: 14px;
    float: left;
    height: 47px;
}

.footer-email-signup #footer_news_link{
    color: #fff;
    font-size: 14px;
    float: left;
    display: contents;
    cursor: pointer;
}

.footer-email-signup #footer_news_link a{
    text-decoration: underline;
    color: #fff;
}

#footer_news_link.error {
    color: red;
}

.refForm form input.error, form input.error, form select.error {
    background: #fff799 !important;
    border: 1px solid #ed1c24 !important;
}

.jibbitz_container{
    width: 125px;
    height: 125px;
    margin-right: 10px;
}

.jibbitz_container_inside{
    background: #fff;
    padding: 3px;
    height: 100%;
    grid-template-columns: 100%;

    display: grid;
    justify-content: center;
    border-radius: 10px;
}

.jibbitz_data .jibbitz_title{
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
}

.jibbitz_data .price-holder{
    font-size: 13px;
}

.jibbitz_data .price-holder del{
    font-size: 12px;
}

.jibbitz_data .price-holder .sale-price{
    font-size: 14px;
    line-height: 0.8;
}

.jibbitz_container .jibbitz_data{
    position: relative;
}

.jibbitz_container .add_to_basket_container{
    position: absolute;
    float: right;
    right: 5px;
    bottom: 0;
}

.jibbitz_container .image_container{
    height: 55px;
}

.jibbitz_data{
    display: grid;
    grid-template-columns: 100%;
    align-content: space-between;
    grid-template-rows: 40px 20px;
}

.offcanvas ul li a span.item-in-menu{
    width: 100%;
    display: block;
    text-align: left;
}

.sub-off .logout-left-right{
    display: grid;
    grid-template-columns: auto auto;
    background: #141215;
    justify-content: normal;
    border-bottom: 1px solid #A2A7A9;
    position: relative;
}

.offcanvas ul li.logout-left-right a{
    border-bottom: none;
}

.offcanvas ul li.logout-left-right .hl{
    border-left: 1px solid #A2A7A9;
    position: absolute;
    height: 40px;
    left: 50%;
    top: 12px;
}

.offcanvas ul li a.call {
    justify-content: center !important;
}

.sub-off li a{
    font-weight: normal !important;
}

.offcanvas{
    height: 100dvh !important;
}

.item-description ul{
    padding: 0 0 0 40px;
    list-style: disc;
}

.product__slider__nav{
    display: none;
}

.product__wrapper{
    display: none;
}

.product__slider__nav .slick-center{
    z-index: 9;
}

.shadow-slider__shadow .loading{
    display: flex;
    justify-content: center;
}

.shadow-slider__shadow .loading .img_first{
    padding: 40px;
    max-height: 785px;
    width: auto;
    mix-blend-mode: multiply;
}

.content-popup {
    background-color: #ffffff;
    position: fixed;
    display: none;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100vh;
    max-width: 1000px;
    margin: auto;
    top: 50%;
    z-index: 1000000;
    overflow: auto;
    padding: 15px 0 15px;
    border-radius: 10px;
}

.content-popup::-webkit-scrollbar {
    width: 5px;
}

.content-popup::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.content-popup::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #cccccc;
}

.content-popup-text ul {
    margin-left: 30px;
    margin-bottom: 10px;
}

h3.content-popup-title{
    font-size: 24px;
    font-weight: 900;
    line-height: 28.8px;
    margin-bottom: 20px;
}

.content-pop-up-container {
    padding: 0 20px 20px 20px;
}

.content-pop-up-container .description{
    padding-bottom: 15px;
}

.content-pop-up-container.dropdown-menu-data-container {
    padding-top: 15px;
}

.content-pop-up-container .dropDown-menu-container .dropdown-title{
    font-weight: 900;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.content-pop-up-container .sizeTable{
    padding-top: 15px;
}

.content-pop-up-container .dropdown-menu-data{
    display: none;
    padding-bottom: 10px;
}

.content-pop-up-container i.fas.fa-minus {
    font-size: 25px;
    padding-top: 17px;
}

.close-popup-btn{
    right: 15px;
    position: absolute;
}

.content-popup h2{
    font-weight: bold;
}

.text-underline{
    text-decoration: underline;
}

a.text-black{
    color: #000;
}

.content-popup a{
    font-weight: 500;
    font-size: 18px;
}

.content-popup p.cx-copy{
    margin-top: 15px !important;
    margin-bottom: 15px;
}

.size-chart {
    overflow-x: scroll;
    max-width: 100vw;
}

.size-chart table .size, .size-chart-socks table .size {
    background-color: #2e363a !important;
    font-weight: 700;
    color: #fff;
}

.size-chart thead th:first-child {
    background-color: #2e363a !important;
}

.size-chart th:first-child {
    width: 100px;
    font-weight: 700;
    border-left: none;
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff !important;
    box-shadow: inset -1px 0 0 #e7eaec, inset 0 0 0 #e7eaec;
}

.size-chart table, .size-chart-socks table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.size-chart td, .size-chart th, .size-chart-socks td, .size-chart-socks th {
    text-align: center;
    height: 55px;
    border-left: solid 1px #e7eaec;
}

.size-chart.adult table {
    width: 1420px;
}

@media (max-width: 1100px){
    .content-popup {
        max-width: calc(100% - 100px);
    }
}

@media (max-width: 768px){
    .content-popup {
        max-width: calc(100% - 30px);
        max-height: calc(100% - 100px);
    }
}

.stock_by_store {
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.color-pick-selection img:hover{
    border: 1px solid #000;
}

.shop-stock-popup #mainContent .colorslistStock img{
    width: 50px;
}

.shop-stock-popup #mainContent .colorslistStock{
    display: inline-block;
}

.size-refine-sizes ul li.oos label div {
    background: url("data:image/svg+xml;utf8,<svg version='1.1' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'><line fill='none' stroke='%23000' x1='50' y1='0' x2='0' y2='50' style='stroke:rgb(255,0,0); stroke-width:2' /></svg>") 0 0/100% 100% no-repeat #ddd;
    border: 1px solid #d70000;
    color: #d70000;
    opacity: .5
}

.size-refine-sizes ul li.bisn label div {
    border: 1px solid #a3a3a3;
    padding: 10px;
    background: #ddd;
    opacity: .5;
    color: #444
}

@media screen and (max-width:767px) {
    .size-refine-sizes ul li.bisn label div {
        padding: 16px
    }

    .subfooter_elm .a_spacer{
        display: none;
    }

    footer .md\:grid-cols-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

.size-refine-sizes ul li.sel label div {
    border: 2px solid #2a7ab0;
    padding: 9px
}

.size-refine-sizes ul li.sel.oos:not(.bisn) label div {
    border: 2px solid #d70000;
    padding: 9px
}

.size-refine-sizes ul li div.radio,
.size-refine-sizes ul li span {
    display: none
}

.size-refine-sizes>div:nth-child(odd) {
    margin-top: 5px
}

.size-refine-sizes {
    clear: both
}

.size-refine-sizes ul {
    list-style: none;
    margin: 0;
    position: relative;
    width: auto;
    border: 0;
    overflow: hidden
}

.size-refine-sizes ul li {
    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    color: #444;
    margin-bottom: 7px;
    overflow: hidden;
    cursor: pointer
}

.size-refine-sizes ul li.oos:not(.bisn) div {
    cursor: default
}

.size-refine-sizes ul li.sel,
.size-refine-sizes ul li:hover {
    color: #000
}

.size-refine-sizes ul li label div {
    font-family: Arial;
    font-size: 14px;
    border: 1px solid #a3a3a3;
    font-weight: 400;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap
}

.size-refine-sizes ul li label span:nth-child(2),
.size-refine-sizes.show-us-sizes ul li label span:first-child {
    display: none
}

.size-refine-sizes ul li label span:first-child,
.size-refine-sizes.show-us-sizes ul li label span:nth-child(2) {
    display: block
}

ul.color-refine-colors{
    margin-top: 15px;
}

ul.color-refine-colors li ul li.sel img {
    border: 1px solid #000;
}

#stock_stores_title{
    font-weight: bold;
}

.check_stock_btn{
    margin-top: 20px;
}

#stock-stores-result .row-store-stock{
    border-top: 1px solid #a3a3a3;
    padding: 10px;
}

.moveToTop{
    /*transform: translate(-50%, 0%) !important;
    -ms-transform: transform: translate(-50%, 0%) !important;*/
}

p#checkstosk-call-text {
    text-align: center;
    margin-top: 15px;
    font-style: italic;
    font-size: 14px;
}

p#checkstosk-store-link {
    text-align: center;
    color: #006da4;
}

.spacer_size_stock_popup{
    margin-top: 20px;
}

button#cboxCloseDelivery {
    position: absolute;
    top: 10px;
    right: 10px;
}

b.row-store-stock-status-text{
    float: right;
}

.stock-status-color-ons,
.stock-status-color-ons-last,
.stock-status-color-oos {
    margin-left: 8px;
    float: right;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-top: 3px;
}

.stock-status-color-oos {
    background: red;
}

.stock-status-color-ons {
    background: #24e26c;
}

.stock-status-color-ons-last {
    background: #ff9800;
}

@media screen and (max-width: 1100px) {
    .email-signup-lightbox{
        max-height:100lvh !important;
    }

    .email-signup-lightbox {
        width: 800px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 959px) {
    .email-signup-lightbox {
        width: calc(100% - 100px) !important;
    }
}

@media screen and (max-width: 600px) {
    .email-signup-lightbox {
        padding: 10px !important;
    }

    .size-refine-sizes ul li{
        margin-right: 5px;
    }

    #stock-stores-result .row-store-stock{
        font-size: 12px;
    }

    .email-signup-lightbox {
        width: calc(100% - 30px) !important;
        overflow: auto;
    }
}

@media screen and (max-width: 500px) {
    .email-signup-lightbox{
        max-height:100lvh !important;
    }
}

@media screen and (max-width: 420px) {
    .email-signup-lightbox{
        width: calc(100% - 15px) !important;
    }
}

@media screen and (max-width: 389px) {
    .email-signup-lightbox{
       width: 100% !important;
    }
}

.overflow-hidden{
    overflow: hidden;
}

.color-refine-all-colors ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 50px));
    column-gap: 10px;
}

.size-refine-sizes ul#uStock{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 100px));
    column-gap: 10px;
}

.hide-color{
    display: none;
}

li.more-colors-to-show{
    padding-left: 10px;
    margin-top: -6px;
    border: none !important;
}

#btn-check-stock-mobile, #btn-check-stock{
    color: #006da4;
}

#btn-check-stock::before,
#btn-check-stock-mobile::before{
    background-image: url(../img/pin.png);
    background-size: 12px 16px;
    display: inline-block;
    width: 12px;
    height: 16px;
    content: "";
    margin-right: 5px;
}

.sub_footer_links span:last-child{
    display: none;
}

footer li.mail_footer{
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.jibbitz_slider{
    display: none;
}

.close-floating-basket-header .cart__close.close-shopping-cart-popup-btn{
    cursor: pointer;
}

.error .error_content{
    margin-bottom: 50px;
    text-align: center;
    padding: 20px;
}

.error .error_content img{
    margin: auto;
}

/*FORM STYLE*/
.form-style-1 input[type="text"], .form-style-1 input[type="password"], .form-style-1 input[type="email"], .form-style-1 input[type="number"] {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: #d0cbca;
    padding: 1rem 1.25rem;
    font-size: 14px;
    line-height: normal;
    outline: 2px solid #0000;
    outline-offset: 2px;
}

.form-style-1 textarea {
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: #d0cbca;
    padding: 1rem 1.25rem;
    font-size: 14px;
    line-height: normal;
    outline: 2px solid #0000;
    outline-offset: 2px;
    min-height: 100px;
}

.form-style-1 .form-holder {
    margin: 15px 0;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.form-style-1{
    width: 100%;
}

.form-style-1 #submitFormBtn{
    width: auto;
    padding: 0 15px;
}

.form-style-1 .validationMessages {
    color: #eb5757;
    font-size: 12px;
    display: none;
}

.form-style-1 .errorValidation {
    border-color: #eb5757 !important;
}

.alert {
    margin-top: 20px;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(60px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(60px,1fr));
}

.basket_container{
    position: relative;
}

.basket_container .NumOfItems{
    position: absolute;
    top: -5px;
    right: -8px;
    background: blue;
    color: #fff;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.flex.gap-0\.5.colors li {
    border: 1px solid;
}

div.border-bottom{
    border-bottom: 1px solid #000;
}

.header-middle.scroll-header{
    top: 0;
}

.footer-email-signup #newsletterFooter{
    color: #fff;
}

.footer-email-signup #newsletterFooter input{
    color: #000;
    border-radius: 0;
    cursor: pointer;
}

.shadow-shoe__img__shadow img{
    height: 100% !important;
}

.shadow-shoe__img__shadow img{
    width: auto !important;
    padding: 10px;
}

select.sortBySelect:focus-visible{
    outline: none;
}

.inside-menu-banner-mw{
    max-width: 500px;
    position: relative;
}

.banner_menu_grid{
    display: grid;
    row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    height: fit-content;
}

.offcanvas ul li .inside-menu-banner-mw a{
    border: none;
    display: block;
    padding: 0;
    padding-top: 15px;
    padding-left: 15px;
    text-transform: none;
    font-weight: 400;
}

.banner-inside-menu-mobile{
    padding-bottom: 15px;
}

.background-for-text{
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    padding: 0 4px 2px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

div.one-image img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 182px;
    height: 182px;
}

span.text-over-img{
    font-size: 14px;
}

.tags_style1 .tag_after_title{
    font-size: 10px;
    padding-right: 5px;
}

.tags_style1{
    line-height: 1;
}

.sortBy_container{
    margin-bottom: 15px;
}

.divide-y > :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px* calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px* var(--tw-divide-y-reverse));
}

.menu_items_title{
    font-size: 14px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    margin: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    color: #000;
}

button.owl-prev.disabled{
    visibility: visible;
}

.owl-nav button span{
    font-size: 32px;
    line-height: 0.8;
}

.offcanvas.activee{
    top: auto;
}

.slider_container_in_categories .cs_container-crocs{
    margin-left: 0;
}

.slider_container_in_categories{
    margin-bottom: 15px;
}

@media (max-width: 450px){
    .item-container .price{
        font-size: 15px;
    }

    .item-container .old-price del{
        font-size: 13px;
    }
}

@media (max-width: 410px){
    .item-container .old-price del{
        display: block;
    }
}

.btn_wish_list_empty a button {
    margin-top: 15px;
    padding: 15px 30px;
    border-radius: 5px;
}

.remove-applied-coupon {
    color: #0d6efd;
    cursor: pointer;
}

#notify-about-stock{
    margin-top: 15px;
    color: #308c30;
}

#notify-about-stock #stock_email{
    border: 1px solid #a3a3a3;
}

#notify-about-stock #stock_email_button{
    padding: 15px;
}

#notify-about-stock p#textofstockagreement {
    margin-top: 10px;
}

#notify-about-stock input.error {
    border: 1px solid red !important;
}

.carousel_front_page{
    margin-top: 25px;
    margin-bottom: 25px;
}

.carousel_front_page .item-container .colors{
    display: none;
}

.carousel_front_page .item-container .bottom-2{
    position: relative !important;
}

.carousel_front_page .item-container p.text-sm{
    font-weight: bold;
    font-size: 13px;
}

.carousel_front_page .item-container div.prices span{
    font-weight: 400 !important;
    font-size: 14px;
}

.carousel_front_page .item-container .h-fit a.shadow-card__shadow__2{
    height: 270px !important;
    min-height: unset;
}

.carousel_front_page .item-container .tags_style2{
    display: none;
}

.carousel_front_page .item-container .shadow-card__shadow__2{
    box-shadow: none;
}

.carousel_front_page .item-container{
    width: 235px;
}

.carousel_front_page .item-container .hover\:shadow-card__shadow__2__hover:hover{
    box-shadow:  0 9px 46px 8px #3436491f, 0 11px 15px 0 #34364933;
}

.carousel_front_page .item-container .h-fit .tags_style1{
    display: none;
}

.carousel_front_page .item-container .h-fit .all_available_colors_num_container{
    display: block !important;
    height: 11px;
}

.carousel_front_page .item-container .h-fit .all_available_colors_num_container p.all_available_colors_num{
    font-size: 12px;
}

.carousel_front_page .item-container .shadow-shoe__img__shadow{
    box-shadow: none;
}

.mobile_devider{
    display: none;
    padding: 0 15px;
}

.mobile_devider hr{
    display: inline-block;
    width: calc(50% - 20px);
    border-color: #000;
}

.mobile_devider span{
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 1100px){
    footer .md\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 30px;
    }
}


@media (max-width: 1000px){
    .carousel_front_page .item-container{
        width: 200px;
    }
}

@media (max-width: 650px){
    .carousel_front_page .item-container{
        width: 177px;
    }
    button#stock_email_button{
        display: flex;
        margin-top: 10px;
    }
    #notify-about-stock #stock_email{
        width: 70% !important;
    }
}

@media (max-width: 480px){
    .login-register-grid-template{
        grid-template-columns: auto;
    }
    .login-page-after-title-devider{
        display: none;
    }
    .vl{
        display: none;
    }
    .register-content p{
        display: none;
    }
    .last-div-login {
        margin-top: 0;
    }
    .mobile_devider{
        display: block;
    }
    .register-container h2{
        display: none;
    }
    .register-container .register-content{
        margin-top: 0;
    }
    .register-container .register-content button{

    }
    .removeItem{
        right: -10px;
        left: unset;
    }
}

@media (max-width: 365px){
    .carousel_front_page .item-container{
        width: 150px;
    }
}

.owl-carousel button.owl-prev.disabled{
    left: 0;
    position: absolute;
}

.owl-carousel button.owl-next{
    right: 0;
    position: absolute;
}

.leaflet-popup .leaflet-popup-content .details{
    cursor: pointer;
}

.wishlist .btn_wish_list_empty{
    margin-bottom: 150px;
}

.btn_wish_list_empty a button {
    margin-top: 15px;
    padding: 15px 30px;
    border-radius: 5px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    position: absolute;
}

.register-dropdown label.containerss a{
    color: #006da4;
}

.register-dropdown label.containerss a:hover{
    text-decoration: underline;
}

.rfe-main-overview {
    width: 100%!important
}

.rfe-overview_left {
    width: 48%;
    margin: auto auto 40px;
    display: inline;
    float: left
}

.rfe-overview_right {
    width: 48%;
    margin: auto;
    display: inline;
    float: right
}

.overview_line {
    border: 1px solid #bbb;
    height: 24px;
    line-height: 24px;
    width: 98%;
    padding: 0 4px;
    font-weight: 400;
    display: inline-block
}

.overview_line_content {
    padding: 0 4px
}

.overview_left {
    width: 100%
}

.overview_right {
    width: 96%
}

.overview_line_right_big {
    width: 97%
}


.rfe-label-header {
    padding: 5px 0 10px
}

.overview-form .rfe-row {
    padding: 0 0 5px;
    display: inline-block;
    width: 100%
}

.rfe-main-overview {
    width: 100%!important
}

.rfe-overview_left {
    width: 48%;
    margin: auto auto 40px;
    display: inline;
    float: left
}

.rfe-overview_right {
    width: 48%;
    margin: auto;
    display: inline;
    float: right
}

.overview_line {
    border: 1px solid #bbb;
    height: 24px;
    line-height: 24px;
    width: 98%;
    padding: 0 4px;
    font-weight: 400;
    display: inline-block
}

.overview_line_content {
    padding: 0 4px
}

.overview_left {
    width: 100%
}

.overview_right {
    width: 96%
}

.overview_line_right_big {
    width: 97%
}


.rfe-label-header {
    padding: 5px 0 10px
}

.overview-form .rfe-row {
    padding: 0 0 5px;
    display: inline-block;
    width: 100%
}

.contact,
.std {
    padding-bottom: 100px
}

.rfe_row_left,
.rfe_row_right {
    width: 49%!important
}

.rfe_row_right {
    float: right
}

.rfe_row_left_small {
    width: 20%!important
}

.rfe_row_right_big {
    width: 74%!important;
    margin-left: 20px;
    float: right
}

.rfe_row_right_small {
    width: 20% !important;
    margin-left: 20px;
    float: right
}

.rfe_row_left_big {
    width: 74%!important;
}

.rfe-overview_right_space {
    margin-top: 20px
}

.rfe-main_editprofile {
    float: none;
    margin: auto
}

.rfe-button-editprofile {
    float: left;
    margin-bottom: 20px
}

.select65 div.select.superCuteFormElemWrapper {
    width: 65px
}

.select65 div.select.superCuteFormElemWrapper select {
    width: 85px
}

.select140 div.select.superCuteFormElemWrapper {
    width: 140px
}

.select140 div.select.superCuteFormElemWrapper select {
    width: 160px
}

.select280 div.select.superCuteFormElemWrapper {
    width: 280px
}

.select280 div.select.superCuteFormElemWrapper select {
    width: 300px
}

#tabContentCCReg .cclist div.checkbox.superCuteFormElemWrapper,
#tabContentCCReg .terms div.checkbox.superCuteFormElemWrapper {
    float: left;
    margin-right: 10px
}

.totalsTbl .delPicker li div.select.superCuteFormElemWrapper {
    width: 115px
}

.totalsTbl .delPicker li div.select.superCuteFormElemWrapper select {
    width: 135px
}

.totalsTbl #giftWrap div.checkbox.superCuteFormElemWrapper {
    float: left;
    margin-right: 10px
}

.ja_JP #billingForm .newaddress-form .rfe-row:nth-child(6) div.select.superCuteFormElemWrapper,
.ja_JP #shippingForm .newaddress-form .rfe-row:nth-child(6) div.select.superCuteFormElemWrapper {
    width: 85px
}

.ja_JP #billingForm .newaddress-form .rfe-row:nth-child(6) div.select.superCuteFormElemWrapper select,
.ja_JP #shippingForm .newaddress-form .rfe-row:nth-child(6) div.select.superCuteFormElemWrapper select {
    width: 105px
}

.ja_JP #shippingForm .newaddress-form div.radio.superCuteFormElemWrapper {
    margin-right: 10px
}

.ja_JP #billingForm .savedAddrList .toggleaddress {
    margin: 20px 0;
    padding: 0
}

.ja_JP #billingForm .savedAddrList .toggleaddress div.radio.superCuteFormElemWrapper {
    margin-top: -7px
}

.ja_JP #billingForm .savedAddrList .toggleaddress .toggleaddress-in {
    margin-left: 46px
}

.ja_JP .rfe-col-5.birth div.select.superCuteFormElemWrapper {
    width: 75px;
    float: left;
    margin-right: 15px
}

.ja_JP .rfe-col-5.birth div.select.superCuteFormElemWrapper select {
    width: 95px
}

.en_GB .newaddress-form .rfe-row:nth-child(4) div.select.superCuteFormElemWrapper {
    width: 143px
}

.en_GB .newaddress-form .rfe-row:nth-child(4) div.select.superCuteFormElemWrapper select {
    width: 163px
}

.en_GB .terms-wrap div.checkbox.superCuteFormElemWrapper {
    float: left;
    margin-right: 10px
}

.rfe-countrySelect div.select.superCuteFormElemWrapper {
    width: 143px
}

.rfe-countrySelect div.select.superCuteFormElemWrapper select {
    width: 163px
}

@media (max-width:767px) {
    .rfe-checkbox,
    .rfe-input,
    .rfe-label,
    .rfe-tip {
        padding-right: 10px;
    }
    .hpHero-wrapper {
        display: none!important
    }
    .tabbedContainer .tabbedContainerTabs li {
        width: 100%
    }
    .rfe-overview_left,
    .rfe-overview_right {
        width: 100%!important;
        margin: auto;
        float: left
    }
    .rfe-overview_left {
        display: inline
    }
    .rfe-overview_right {
        display: block
    }
    .rfe-button-editprofile,
    .rfe-button-editprofile button,
    .shoppingCartContainer .cartNav .btn_placeOrder.medButtonm {
        width: 100%;
        left: 4%;
        right: 4%
    }
    .overview_line,
    .rfe-row {
        width: 100%!important
    }
    .shoppingCartContainer .rightColumns {
        float: right
    }
    .rfe-checkbox .checkbox {
        margin-left: 10px
    }
    .rfe-checkbox label {
        margin-left: 25px
    }
    .rfe-label-overview {
        padding-left: 0
    }
    .product-big .outsideNavigation.swiperCarousel {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .product-big .sidePrev {
        background: rgba(255, 255, 255, 0);
        left: 0
    }
    .product-big .sideNext {
        background: rgba(255, 255, 255, 0);
        right: 0
    }
}

.rfe-dropdown {
    position: relative;
}

.rfe-dropdown input {
    background: #FAFAFA;
    border: 1px solid #ccc;

    display: block;
    width: 100%;
}

.acceptance-store-regulations .rfe-checkbox label {
    float:left;
    margin-top: -1px;
    line-height: 20px;
    font-weight: 400;
}

.shoppingCartContainer {
    font-family: Arial, sans-serif
}

.shoppingCartContainer .columnCell {
    float: left;
    vertical-align: top;
    position: relative;
    padding: 0
}

.shoppingCartContainer .columnHeads {
    background: #ebebeb;
    padding: 15px 20px
}

.shoppingCartContainer .productContainer {
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin: -1px 0 0
}

.shoppingCartContainer .productPrice .saleMsg {
    margin-top: 5px;
    color: #fe0000;
    line-height: 13px
}

.shoppingCartContainer .productContainer.productNotAvailable {
    border: 1px solid #ee2b33;
    position: relative;
    z-index: 1
}

.shoppingCartContainer .productContainer .pNfo p {
    margin: 0 0 10px;
    line-height: 16px;
    font-size: 15px;
}

.shoppingCartContainer .productContainer.productNotAvailable .productId,
.shoppingCartContainer .productContainer.productNotAvailable .productImage,
.shoppingCartContainer .productContainer.productNotAvailable .productPrice .price,
.shoppingCartContainer .productContainer.productNotAvailable .productQuantity .select65,
.shoppingCartContainer .productContainer.productNotAvailable .productVariation,
.shoppingCartContainer .productContainer.productNotAvailable h2 {
    opacity: .65
}

.shoppingCartContainer .productContainer.productNotAvailable .productPriceTotal .price {
    opacity: .35
}

.shoppingCartContainer .productContainer.productNotAvailable .removeItem,
.shoppingCartContainer .productContainer.productNotAvailable .removeItem:focus,
.shoppingCartContainer .productContainer.productNotAvailable .removeItem:hover {
    color: #fe0000
}

.shoppingCartContainer .columnHeadsRow,
.shoppingCartContainer .productContainerRow {
    overflow: hidden
}

.shoppingCartContainer .productContainerRow {
    padding-top: 2px
}

.shoppingCartContainer .productContainerRow .productImage a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%
}

.shoppingCartContainer .productContainerRow .productImage a img {
    vertical-align: top;
    width: 100%;
    height: 116px;
    object-fit: contain
}

.shoppingCartContainer .productContainerRow .column1 {
    width: 160px
}

.shoppingCartContainer .productContainerRow .column2 {
    width: auto;
    margin-bottom: 15px;
}

.shoppingCartContainer .productContainerRow .column2 div .errorRedText {
    max-width: 180px
}

.shoppingCartContainer .productContainerRow .column2 .pNfo {
    padding: 0 20px
}

.shoppingCartContainer .productContainerRow .column3 {
    width: 230px;
    margin-top: 2px
}

.shoppingCartContainer .productContainerRow .column3 .price {
    padding: 0 10px;
    float: none;
    width: auto;
    text-align: right;
    font-size: 14px
}

.shoppingCartContainer .productContainerRow .column3 .pAct {
    float: none;
    padding: 0 0 10px;
    width: auto
}

.shoppingCartContainer .oldPrice,
.shoppingCartContainer .productContainerRow .column3 .pAct h6 {
    font-size: 14px;
    font-weight: 400
}

.shoppingCartContainer .productContainerRow .column4 {
    width: 110px;
    text-align: right;
    margin-top: -2px
}

.shoppingCartContainer .productContainerRow .column4 .selector {
    text-align: left
}

.shoppingCartContainer .productContainerRow .column5 {
    width: 120px;
    margin-top: 2px
}

.shoppingCartContainer .productContainerRow .column5 .price {
    padding: 0 0 0 10px;
    float: none;
    width: auto;
    text-align: right;
    font-size: 14px
}

.shoppingCartContainer .productContainerRow h2 {
    padding: 0 0 15px;
    max-width: 260px
}

.shoppingCartContainer .columnHeadsRow h1,
.shoppingCartContainer .columnHeadsRow h6 {
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px;
    font-weight: 400
}

.shoppingCartContainer .columnHeadsRow .column1 h6 {
    padding-left: 0
}

.shoppingCartContainer .columnHeadsRow .column4 h6 {
    padding-right: 0
}

.shoppingCartContainer .columnHeadsRow .column2 {
    width: 230px;
    text-align: right
}

.shoppingCartContainer .columnHeadsRow .column3 {
    width: 110px;
    text-align: right
}

.shoppingCartContainer .columnHeadsRow .column4 {
    width: 120px;
    text-align: right
}

.bonusTitle {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px;
    background: #f6f6f6;
    margin: 40px 0 0;
    border-bottom: 1px solid #ccc
}

.shoppingCartContainer .errorRedText {
    position: relative;
    min-height: 20px
}

@media screen and (max-width:746px) {
    .shoppingCartContainer .cartNavBottom {
        width: 100%
    }
}

.shoppingCartContainer .cart-footer-table {
    width: 50%;
    font-size: 12px;
    float: right;
    padding: 15px 10px;
}

.shoppingCartContainer .cart-footer-table>.shipping {
    padding-top: 10px;
    border-bottom: 1px dashed #ccc
}

.shoppingCartContainer .cart-footer-table .divider {
    float: none;
    width: auto
}

.shoppingCartContainer .cart-footer-table .subTotal {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    border-bottom: 1px dashed #ccc
}

.shoppingCartContainer .cart-footer-table .estimatedTotal {
    font-size: 20px;
    line-height: 22px;
    border-top: 1px dashed #ccc;
    padding-top: 10px
}

.shoppingCartContainer .cart-footer-table .itemEstimatedShippingText,
.shoppingCartContainer .couponAppliedItem .cost,
.shoppingCartContainer .divider .cost,
.shoppingCartContainer .shipping .cost {
    font-size: 14px;
    font-weight: 700
}

.shoppingCartContainer .cart-footer-table .item {
    float: left;
    color: #444
}

.shoppingCartContainer .cart-footer-table .estimatedTotal .item {
    width: auto
}

.shoppingCartContainer .couponAppliedList .item {
    max-width: 80%
}

.shoppingCartContainer .cart-footer-table .itemEstimatedShipping {
    padding: 4px 10px 7px 0
}

.shoppingCartContainer .cart-footer-table .cost {
    float: right;
    white-space: nowrap
}

.shoppingCartContainer .couponAppliedList {
    padding: 0;
    margin: 0 -5px
}

.shoppingCartContainer .couponAppliedItem {
    padding: 10px 5px 0;
    width: auto;
    overflow: hidden
}

.shoppingCartContainer .couponAppliedItem:first-child {
    padding-top: 0
}

.shoppingCartContainer .couponAppliedItem a {
    margin-right: 10px
}

.shoppingCartContainer .cboxElement {
    white-space: nowrap
}

.shoppingCartContainer .textOverflow {
    max-width: 320px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis
}

.shoppingCartContainer .select65 div.selector,
.shoppingCartContainer .select65 div.selector span {
    background-image: url(../images/sortSelectBg65white.png)
}

.shoppingCartContainer div.selector {
    border: 0!important
}

.shoppingCartContainer div.selector select,
.shoppingCartContainer div.selector span {
    font-size: 12px!important;
    font-weight: 400
}

.shoppingCartContainer .select310 div.selector,
.shoppingCartContainer .select310 div.selector span {
    background-image: url(../images/sortSelectBg310white.png);
    width: auto
}

.shoppingCartContainer .select310 div.selector {
    width: 310px;
    font-size: 12px
}

.shoppingCartContainer .select310 div.selector select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 310px
}

.shoppingCartContainer .couponField {
    margin: 10px 0
}

.shoppingCartContainer .couponField label {
    font-size: 14px;
    font-weight: 700;
    color: #444;
    margin-bottom: 6px;
    width: 100%;
    float: left
}

.shoppingCartContainer .couponField input {
    border: 1px solid #cdcdcd;
    float: left;
    font-size: 12px;
    height: 24px;
    padding-left: 5px;
    background: #fafafa
}

.shoppingCartContainer .couponField input.focus {
    border: 1px solid #000;
    outline: 0!important
}

.shoppingCartContainer .couponField input.error {
    background: #fff799;
    color: #ff1813;
    border-color: #ff1813
}

.shoppingCartContainer .couponField .btn_couponApply {
    float: left;
    margin-left: 5px
}

.shoppingCartContainer .promotionsHeader {
    padding: 0 0 10px;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.shoppingCartContainer .couponHeaderLink {
    padding: 0 0 10px;
    margin: 0;
    font-size: 11px;
    float: left
}

.shoppingCartContainer .couponAppliedMsg {
    padding: 5px 0 0;
    margin: 0;
    font-size: 11px;
    clear: left
}

.shoppingCartContainer .couponAppliedMsg span {
    width: auto;
    padding: 0;
    margin: 0
}

.shoppingCartContainer .productInStock {
    background: #d70000;
    font-size: 11px;
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    text-transform: uppercase;
    margin: 8px 0 0;
    letter-spacing: 0
}

.shoppingCartContainer .cartPromotionalMessage {
    background: #e3f1ce;
    display: block;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 16px
}

.shoppingCartContainer .cartNav {
    /*  overflow: hidden*/
}

.shoppingCartContainer .cartNavBottom {
    padding: 20px 20px 40px
}

.shoppingCartContainer .cartNavTop {
    padding: 20px
}

.shoppingCartContainer .cartNavButtons {
    float: right
}

.shoppingCartContainer .cartNavButtons>button,
.shoppingCartContainer .cartNavButtons>span {
    float: left
}

.shoppingCartContainer .cartNav .cartNavSep {
    font-size: 12px;
    margin: 14px 10px 0
}

.shoppingCartContainer .cartNav .btn_placeOrder.disabled,
.shoppingCartContainer .cartNav .btn_placeOrder.disabled span {
    background-color: #ccc!important;
    color: #fff!important
}

.shoppingCartContainer .btn_placeOrder.disabled {
    background-color: #fff;
    cursor: default
}

.shoppingCartContainer button.paypal_checkout_btn {
    width: 170px;
    height: 40px;
    background-image: url(../../../../../../../../www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-small.png);
    margin-right: 0;
    background-color: #ffc439;
    background-repeat: no-repeat;
    background-position: center
}

.shoppingCartContainer button.paypal_checkout_btn:focus,
.shoppingCartContainer button.paypal_checkout_btn:hover {
    cursor: pointer;
    box-shadow: 0 0 0 3px rgba(255, 196, 57, .25)
}

.shoppingCartContainer .cart-footer-info-block {
    background: #fe7900;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding: 20px
}

.shoppingCartContainer .cart-footer-info-block dt {
    display: block;
    padding: 0 0 5px;
    margin: 0;
    font-size: 18px
}

.shoppingCartContainer .cart-footer-info-block dd {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 13px
}

.shoppingCartContainer .wishlistDelete {
    padding-left: 180px
}

.shoppingCartContainer .wishlistDelete span {
    padding: 0 4px;
    color: #cfcfcf
}

.shoppingCartContainer #emptyCart {
    padding: 40px 20px;
    font-size: 16px;
    line-height: 18px
}

.shoppingCartContainer .cartTotal {
    padding: 0 0 10px;
    margin: 0
}

.shoppingCartContainer .taxesLabel {
    font-size: 14px;
    font-weight: 700
}

.shoppingCartContainer .rightColumns {
    float: right
}

.shoppingCartContainer .productContainerRow .column1 .mobileOnlyLinks {
    display: none;
    margin-top: 20px
}

.shoppingCartContainer .productContainerRow .column1 .mobileOnlyLinks li {
    text-align: center;
    margin-bottom: 15px
}

.shoppingCartContainer .strikeThrough {
    text-decoration: line-through
}

.shoppingCartContainer .mobileLabel {
    display: none
}

.shoppingCartContainer .cartNav .btn_placeOrder.medButton {
    height: 40px
}

.shoppingCartContainer .cartNav .btn_placeOrder.medButton span {
    font-size: 24px;
    height: 20px;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 35px
}

.shoppingCartContainer .cart-footer-table>div {
    padding-bottom: 20px
}

.shoppingCartContainer .cart-footer-table>.coupon {
    margin-top: 10px;
    border-bottom: 1px dashed #ccc
}

.shoppingCartContainer .cart-footer-table>.taxes {
    margin-top: 10px
}

.shoppingCartContainer .couponControls {
    margin-top: 8px
}

.shoppingCartContainer .removeItemButton {
    border: 1px solid red;
    height: auto;
    margin-left: 20px;
    margin-bottom: 15px
}

.shoppingCartContainer .removeItemButton span {
    background-color: #fff;
    font-size: 15px;
    white-space: normal;
    height: auto
}

.shoppingCartContainer .shippingAbout {
    margin-left: 10px
}

.shoppingCartContainer .productContainerBody,
.shoppingCartContainer ul.wishlistDelete {
    padding-bottom: 0
}

.shoppingCartContainer ul.wishlistDelete li {
    float: left;
    margin-right: 4px
}

.shoppingCartContainer .cart-footer-main .itemLabel {
    font-size: 14px;
    font-weight: 700
}

@media screen and (max-width:959px) {
    .popup_container{
        width: 600px !important;
    }

    .shoppingCartContainer .wishlistDelete {
        padding-left: calc(17.5% + 20px)
    }
    .shoppingCartContainer .productContainerRow .column1 {
        width: 17.5%
    }
    .shoppingCartContainer .productContainerRow .productImage a img {
        height: auto
    }
    .shoppingCartContainer .columnHeadsRow .titleQuantity h6 {
        padding: 0
    }
    .shoppingCartContainer .rightColumns {
        width: 40%
    }
    .shoppingCartContainer .columnHeadsRow .rightColumns>div,
    .shoppingCartContainer .productContainerRow .rightColumns>div {
        width: 33.3%
    }
    .shoppingCartContainer .productContainerRow h2 {
        max-width: 180px
    }
    .shoppingCartContainer .removeLessThan960 {
        display: none
    }
    .shoppingCartContainer .productContainerRow .column4 .select {
        width: 50px!important
    }
}

@media screen and (max-width:750px) {
    .columnHeads,
    .shoppingCartContainer .wishlistDelete {
        display: none
    }
    .shoppingCartContainer .productContainerRow .column1 {
        width: 40%;
        text-align: center
    }
    .shoppingCartContainer .mobileLabel,
    .shoppingCartContainer .productContainerRow .column1 .mobileOnlyLinks {
        display: block
    }
    .shoppingCartContainer .rightColumns {
        float: right;
        width: auto;
        padding-left: 20px
    }
    .shoppingCartContainer .columnHeadsRow .rightColumns>div,
    .shoppingCartContainer .productContainerRow .rightColumns>div {
        float: none;
        width: auto
    }
    .shoppingCartContainer .productContainerRow .column3 .price,
    .shoppingCartContainer .productContainerRow .column5 .price {
        font-size: 16px;
        padding: 0;
        text-align: left
    }

    .shoppingCartContainer .productContainerRow .column3 .price>div>div,
    .shoppingCartContainer .productContainerRow .column4 div>div,
    .shoppingCartContainer .productContainerRow .column5 div>div {
        float: left;
        margin-right: 5px
    }
    .shoppingCartContainer .productContainerRow .column3 .price>div {
        margin-bottom: 5px
    }
    .shoppingCartContainer .productContainerRow .column4,
    .shoppingCartContainer .productContainerRow .column5 {
        margin-top: 15px
    }
    .shoppingCartContainer .productContainerRow .column4 div.select {
        margin-top: -6px
    }
    .shoppingCartContainer .shipping.multipleShippingOptions div {
        width: 100%!important
    }
    .shoppingCartContainer .shipping.multipleShippingOptions .cost {
        float: left;
        clear: left
    }
    select#cart_select_shipping_method_box {
        width: 110%!important
    }
    .shoppingCartContainer .cart-footer-table .cost .select select {
        position: absolute
    }
    .shoppingCartContainer .cart-footer-table .cost .select {
        width: 100%!important;
        height: 29px;
        padding-top: 4px;
        background: 0 0;
        position: relative
    }
    .shoppingCartContainer .cart-footer-table .cost .select::before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 16px;
        height: 16px;
        background: url(../images/input_select.png) right 0 no-repeat;
        right: 10px
    }
    .cart-footer {
        padding-top: 0;
    }
    .cart-footer-main {
        background: #f0f0f0
    }
    .cart-footer-main,
    .cart-footer-side {
        float: none;
        width: auto
    }
    .cart-footer-side {
        padding: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #ccc
    }
    .shoppingCartContainer .couponField input {
        width: calc(65% - 20px)
    }
    .shoppingCartContainer .couponField .btn_couponApply {
        float: right;
        margin-left: 5px;
        width: 35%
    }
    .shoppingCartContainer .couponField .btn_couponApply.medButton span {
        font-size: 16px
    }
    .shoppingCartContainer .cartNav,
    .shoppingCartContainer .cartNavBottom {
        padding: 15px 0
    }
    .shoppingCartContainer .cartNavButtons {
        position: relative;
        height: 60px;
        float: none
    }
    .shoppingCartContainer .cartNav button.paypal_checkout_btn {
        width: 49%;
        display: block;
        background-color: #ffc439;
        background-repeat: no-repeat;
        top: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        float: none;
        height: auto;
        margin: 0
    }
    .shoppingCartContainer .cartNav .btn_placeOrder.medButton {
        width: 49%;
        right: 0;
        left: 51%;
        position: absolute;
        top: 0;
        bottom: 0;
        float: none;
        margin: 0;
        height: auto;
        background: #79b709
    }
    .shoppingCartContainer .cartNav .btn_placeOrder.medButton span {
        padding-left: 15px;
        padding-right: 15px;
        height: 44px;
        line-height: 44px
    }
    .shoppingCartContainer .cartNav .btn_placeOrder.disabled,
    .shoppingCartContainer .cartNav .btn_placeOrder.disabled span {
        background-color: #ccc;
        color: #fff
    }
    .shoppingCartContainer .cartNav .cartNavSep,
    .shoppingCartContainer .productNotAvailable .rightColumns {
        display: none
    }
    .shoppingCartContainer .totalsTbl #giftWrap .item {
        width: 100%
    }
}

.shoppingCartContainerButSm {
    display: inline-block;
    vertical-align: top;
    position: relative;
    white-space: nowrap
}

.shoppingCartContainerButSm .copy {
    font-size: 20px;
    display: block;
    width: auto;
    padding-left: 15px;
    padding-right: 41px;
    height: 30px;
    line-height: 29px;
    background: url(../images/btnRight.png) center right no-repeat #79b709;
    color: #fff;
    border-radius: 0 15px 15px 0
}

.shoppingCartContainer .productContainerRow .column4 .select {
    width: 65px;
    float: right;
    background-color: #fff
}

.shoppingCartContainer .productContainerRow .column4 select {
    width: 110px
}

.shoppingCartContainer .cart-footer-table .cost .select {
    width: 297px;
    background-color: #fff
}

.shoppingCartContainer .cart-footer-table .cost select {
    width: 317px
}

.shoppingCartContainer .couponField input {
    width: 45%
}

.shoppingCartContainer{
    margin-bottom: 30px;
}

h2.rfe-step {
    font-weight: 700;
    font-size: 18px;
}

.cart-footer-main{
    position: relative;
    height: 180px;
}

.title_shopping_cart_basket{
    padding-top: 370px;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 5px;
}

.product_image{
    display: inline-block;
    float: left;
}

.productDetails h2{
    font-weight: 700;
    font-size: 16px;
}

.darkText{
    font-weight: 600;
}

.owl-item{
    max-width: 182px;
}

.center-main-block .owl-item{
    max-width: unset;
}

.owl-carousel .owl-item img{
    object-fit: cover;
}

.jibbitz_filter{
    border: 2px solid #000;
}

.item_group{
    grid-column: span 2;
}

.jibbitz-filter-inside {
    padding: 15px;
    height: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
}

.jibbitz_filter h3 {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
}

.jibbitz-filter-inside .title-price span {
    float: right;
    margin-top: 6px;
}

.jibbitz_filter input#jibbitz-input {
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #000;
    padding-left: 10px;
}

.jibbitz_filter .add-to-card-jibbitz{
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    font-size: 24px;
}

.jibbitz-card-black {
    width: 27px;
    position: absolute;
    right: 25px;
    padding-top: 9px;
}

.jibbitz-card-white {
    width: 27px;
    margin-left: 10px;
    display: inline-block;
}

.num-of-jibbitz-items {
    position: absolute;
    right: 29px;
    margin-top: 6px;
    font-weight: bold;
    font-size: 14px;
    width: 15px;
    text-align: center;
}

p.num-of-items {
    margin-left: -28px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    margin-top: 5px;
    display: inline-block;
    width: 34px;
}


.spacer{
    margin-top: 50px;
}

#newsletterSubscribeForm .message-block{
    display: none;
    margin-top: 5px;
}

#newsletterSubscribeForm .message-block.success{
    color: green;
}

#newsletterSubscribeForm .message-block.error{
    color: red;
}

#newsletterSubscribeForm button {
    width: 100%;
    padding: 10px 10px;
    display: block;
    color: #FFFFFF;
    font-size: 17px;
    margin-top: 10px;
    background-color: rgb(0 41 130);
}

p.total-item-price{
    font-size: 18px;
}

img#jibbitz-filter-img {
    width: 70px;
}

.jibbitz-image-container {
    display: inline-block;
    width: 57px;
    margin-right: -10px;
    margin-left: -4px;
}

.name_edit_container .zip_code-selectized{
    width: 100%;
}

.single-payment-input #zip_code{
    padding-left: 0;
    padding-right: 0;
}

.selectize-dropdown-content{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    overflow-scrolling: touch;
    background: #fff;
}

.single.selectize-dropdown{
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.profile_content_container .single.selectize-dropdown{
    left: 0 !important;
    z-index: 991;
}

.selectize-input>*{
    vertical-align: sub !important;
}

.selectize-input .item{
    padding-top: 8px;
    font-size: 16px;
}

.selectize-control.single .selectize-input{
    background-color: #fff !important;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single{
    background-image: none !important;
    border: none;
}

.selectize-dropdown .selected{
    background-color: #d9d9d9 !important;
    color: #000 !important;
}

.name_edit_container .selectize-zipcode-item .zipcode-label,
.name_edit_container .selectize-zipcode-item .city-label{
    padding-left: 10px;
    padding-right: 10px;
}

.name_edit_container .selectize-zipcode-item{
    padding-top: 5px;
    padding-bottom: 5px;
}

.popup_container{
    background: #fff;
    width: 800px;
    margin: auto;
    padding: 15px;
    border: 2px solid #ccc;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

#newsletter_agreement_content h1{
    padding-bottom: 10px;
    padding-top: 15px;
}

#newsletter_agreement_content{
    padding-bottom: 20px;
}

#newsletter_agreement_content p a{
    color: #0b5ed7;
}

i.exit_popup{
    float: right;
    cursor: pointer;
}

.koszty table th {
    border: 1px solid;
}

.koszty table td {
    border: 1px solid;
}

.inputed-letters {
    margin-bottom: 50px;
}

.jibbitz_filter.item_group{
    display: none;
}

input#jibbitz_filter {
    width: 20px;
    height: 20px;
}

.filter_item_border{
    border: 2px solid rgb(0,109,164,1);
}

span.addToWishlistButton.heart-color-white{
    cursor:pointer;
}

.min-price-x-days{
    font-size: 12px;
    color: rgb(155, 155, 155);
    margin-top: 8px;
    margin-bottom: -15px;
}

.hidden-elm{
    display: none;
}

.slick-prev::before, .slick-next::before{
    margin-top: -10px;
}

.search_items .px-3.flex-col{
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width:650px) {
    .popup_container{
        width: calc(100% - 30px) !important;
        top: 40%;
    }
    .jibbitz_filter h3{
        font-size: 22px;
    }

    .jibbitz-filter-inside .title-price span{
        margin-top: 0px;
    }
}

.relative{
    position: relative;
}

.klarna-payment-method{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

a.klarna-popup-button{
    text-decoration: underline;
    cursor: pointer;
    color: rgb(0 29 91);
}

@media screen and (max-width:1760px) {
    .klarna-payment-method{
        position: relative;
        margin-top: 15px;
    }
}

@media screen and (max-width:1140px) {
    .klarna-payment-method{
        display: block;
        margin-top: 25px;
    }
}

.klarna-payment-method.mobile{
    position: relative;
    display: flex;
    margin-top: 0;
}

.no-scroll{
    overflow: hidden;
}

.cs_container-crocs-placeholder{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    padding-bottom: 25px;
}

.placeholder-carousel-small-images .carousel-title{
    margin-bottom: 15px;
}

.ro_img_footer{
    display: inline-flex;
    margin-top: 15px;
}

@media screen and (max-width:767px) {
    .flex-dummy-container{
        display: none;
    }
}

.gjs-dashed .placeholder-carousel-small-images .one-image-container{
    outline: 1px dashed rgba(170, 170, 170, 0.7);
    outline-offset: -2px;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown{
    border: 1px solid;
    width: 100%;
    height: 45px;
}

input#phone_number {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.input label{
    font-size: 16px !important;
}

@media (max-width: 959px){
    .offcanvas ul li .inside-menu-banner-mw a{
        width: fit-content;
    }
}

@media (max-width: 450px){
    .offcanvas ul li .inside-menu-banner-mw a{
        width: 100%;
        padding-left: 0;
    }
    .inside-menu-banner-mw{
        padding: 0 20px;
    }
}

h1 {
    line-height: 1.5rem;
    font-size: 1.9rem;
    font-weight: 700;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.size-refine-show-us input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.size-refine-show-us label>div {
    float: left;
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #ebebeb;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.size-refine-show-us label>div>div {
    position: absolute;
    left: -5px;
    top: -2px;
    height: 22px;
    width: 22px;
    background-color: #2a7ab0;
    border-radius: 50%;
    transition: left .5s;
    cursor: pointer;
}

.size-refine-show-us, .size-refine-show-us span {
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.size-refine-show-us input:checked~label>div>div {
    left: 20px;
}

.size-refine-top p.size-refine-text{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

.adult-size-chart-pdp h2{
    padding-bottom: 0;
}

.gjs-editor-cont .btw-itm-banner{
    max-height: 350px;
    max-width: 290px;
}

.btw-itm-double-banner{
    /*max-height: 350px !important;
    max-width: 517px;*/
    display: grid;
    grid-template-columns: 50% 50%;
}

@media (max-width: 500px) {
    .inline-categories {
        gap: 30px;
    }
}

@media (max-width: 470px) {
    .inline-categories {
        display: flex;
        justify-content: space-evenly;
        gap: unset;
    }
    .inline-categories a{
        font-size: 17px;
    }
}

@media (max-width: 400px) {
    .inline-categories a{
        font-size: 16px;
    }
}

.top-m-0{
    margin-top: 0;
}

.tCRed{
    color: #ff0000 !important;
}

.fUnderline{
    text-decoration: underline;
}

.fBold{
    font-weight: bold;
}

.grid-cols-3 span{
    overflow: hidden;
    padding: 0 0px;
}

.edit-profile-form .fullWidth{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

#textofstockagreement a{
    text-decoration: underline;
}

.no-red{
    border-color: #000 !important;
    border: 1px solid !important;
}

@media (min-width: 2000px) {
    .klarna-payment-method{
        position: relative;
    }
}

.login-page .iti--allow-dropdown .iti__country-container{
    height: 45px;
}

.login-page form label {
    padding-left: 2px;
}

.login-page .last-div-login{
    margin-top: 0;
}

.forgot-password-page .input input{
    height: 45px;
    padding-top: 0;
}

.forgot-password-page .forgotten_password-form label{
    padding-left: 2px;
}

.login-page .phoneNumberSelection .iti{
    width: 100%;
}

.edit-profile-form .phoneNumberSelection .iti{
    height: 50px !important;
}

.edit-profile-form .phoneNumberSelection{
    border: 1px solid;
}

.edit-profile-form .phoneNumberSelection .iti{
    border: none !important;
}

.banner-show-container:has(> a div.btw-itm-double-banner) {
    grid-column: span 2;
}

.ok-story-card__content{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 12px;
    position: relative;
    width: 100%;
}

.ok-story-card__content .ok-link--tertiary{
    text-decoration: underline;
}

.ok-story-card__content h2.ok-story-card__heading{
    font-size: 20px;
    font-weight: 900;
    margin: 3px 0;
    line-height: 1;

}

.btw-itm-banner img{
    position: absolute;
    width: 100%;
}

.btw-itm-banner .ok-story-card__content{
    position: absolute;
    bottom: 0;
    color: #fff;
}

.article-colors-list .article-color-selection.desible + img{
    opacity: 0.3;
}

/*label.color-pick-selection{
    position: relative;
}*/

.color-pick-selection .container-cross{
    position: absolute;
}

.article-colors-list .article-color-selection.desible + img + .container-cross:after{
    content: '';
    position: absolute;
    width: 54px;
    height: 1px;
    left: 50%;
    transform: skewY(-47deg);
    -webkit-transform: skewY(-47deg);
    -ms-transform: skewY(-47deg);
    transform-origin: bottom left;
    background-color: #141215;
}

.article-colors-list .article-color-selection:checked + img{
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}

.m-b-non{
    margin-bottom: 0;
}

.container-coupon-code.article p.coupon-text{
    margin: 10px 0;
}

.min-price-x-days.mobile{
    margin-bottom: 8px;
    margin-top: 4px;
}

@media (max-width: 500px){
    .articles-list-items .item-container p.text-sm.leading-none{
        margin: 5px 0;
    }
}

/* .buy-button {
    background-color: rgb(0 41 130 / var(--tw-bg-opacity)) !important;
} */

.items-center a .hd,
.offcanvas a .hd{
    max-width: 70px;
}

.order-return-form #submitFormBtn {
    background-color: black;
    padding: 0 15px;
    margin-top: 15px;
}


.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;

    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    
    
}

.order-return-from .qtyContainer span {
    text-align: center;
    display: block;
}

.order-return-from img {
    padding-left: 5px;
}

/* .order-return-form {
    max-width: 1000px;
}
 */
.w-\[340px\] {
    
    width: 340px;
}


.pr-5 {
    padding-right: 1.25rem;
}
.pl-5 {
    padding-left: 1.25rem;
}

@media (min-width: 768px) {
    .md\:flex {
        display: flex !important;
    }

  
   
    
}

@media (max-width: 768px) {
    .w-\[340px\] {
    
        width: auto;
    }

    .return-reason-container {
        align-items: flex-start !important;
    }
}




.form-input-group.mb-3, .form-select-group.mb-3, .form-input-group {
    display: inline-block;
    width: calc(50% - 3px);
    padding-bottom: 10px;
}

.article-box.basket-item {
    border: 1px solid;
    margin-bottom: 10px;
}


.max-w-\[1530px\] {
    max-width: 1530px;
}

.qtyContainer select {

    appearance: auto;
    padding-left: 5px;
    padding-right: 5px; 

}

.return-reason-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.qtyContainer span{
    font-size: 15px;    
}

.return-reason-container select{
    height: 42px;
    appearance: auto; 
  
}

.return-reason-container span{
    display:block;
   
}


.order-return-from  {
    align-self: center;
}



.product-img-container {
    display: grid; 
    place-items: center; 
}

.order-return-from .name-container {
    width: 170px;
    
}


.purchase-disabled {
    background-color: rgb(0, 41, 130, 1) !important;
}

/* Modal backdrop + centering */
#notify-modal {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}
#notify-modal.hidden {
  display: none;
}

/* Content box */
.notify-content {
  position: relative;
  background: #fff;
  padding: 2rem;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  border-radius: 4px;
  font-family: sans-serif;
}

.notify-close-icon {
  position: absolute;
  top: 0rem; right: 0rem;
  width: 2rem; height: 2rem;
  background-color: #000;
  cursor: pointer;
}
.notify-close-icon::before,
.notify-close-icon::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 1.2rem; height: 0.125rem;
  background: #fff;
  transform-origin: center;
}
.notify-close-icon::before { transform: translate(-50%, -30%) rotate(45deg); }
.notify-close-icon::after  { transform: translate(-50%, -30%) rotate(-45deg); }

#notify-modal .modal-content,
#notify-modal .modal-body,
#notify-modal #notify-signup,
#notify-modal #notify-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#notify-signup,
#notify-confirm {
  margin-top: 20px;
}

.notify-window h2 {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#notify-modal .divider {
  display: block;
  width: 100%;
  height: 0;                   
  border: none;               
  border-bottom: 1.75px solid #000; 
  margin: 0.5em 0 1em;       
  box-sizing: border-box;      
}
.notify-window p {
  margin: 0.5rem 0 1rem;
  font-size: 0.95rem;
  line-height: 1.4;
}

.notify-window input[type="email"] {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1.5px solid #6A6A6A;
  border-radius: 0;
  font-size: 1rem;
  color: #6A6A6A;
}
#notify-modal input::placeholder {
  color: #6A6A6A;
}

.notify-window button {
  background: #275B85;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px;
}
.notify-window button:hover {
  background: #003766;
}

/* Checkbox + label grid alignment */
#notify-modal input[type="checkbox"] {
  appearance: none;
  width: 1.2em; height: 1.2em;
  border: 1px solid #888;
  border-radius: 0;
  cursor: pointer;
  margin-right: 0.5em;
  margin-top: 10px;
  vertical-align: middle;
}
#notify-modal input[type="checkbox"]:checked {
  background-color: #000;
  position: relative;
}
#notify-modal input[type="checkbox"]:checked::after {
  content: "✔";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  line-height: 1.2em;
  text-align: center;
  font-size: 0.9em;
  color: #fff;
}
#notify-modal .notify-window label {
  display: grid;
  grid-template-columns: 1.2em 1fr;
  grid-gap: 0.5em;
  align-items: start;
  text-align: left;
  width: 100%;
  color: #6A6A6A;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}

#notify-modal .notify-content *,
#notify-modal .notify-window * {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

#notify-modal #notify-error {
  color: rgb(218, 8, 8);
  font-size: 0.9rem;
  margin-top: 10px;
  align-items: center;
  text-align: center;
}

.price-group .second-currency{
    display: block;
    color: #9b9b9b;
}

#shopping-cart-popup .subtotal-container .second-currency{
    margin-top: -15px;
}

.basket-order-summary p.total-price-basket.second-currency {
    margin-top: 0;
    color: #9b9b9b;
    font-size: 20px;
    margin-top: -10px;
}

footer .diff-currency-notice{
    grid-column: 1 / -1;
}

footer .diff-currency-notice p{
    color: #fff;
    font-size: 14px;
}

#shopping-cart-popup .subtotal-container .second-currency{
    color: #9b9b9b;
    font-size: 18px;
}

.prices .second-currency{
    color: #9b9b9b;
}

.p-price-group .second-currency{
    color: #9b9b9b;
}