.page-account-dsedit .nav.nav-tabs li.active{margin-bottom: -1px;display: block;background: #fff;}
.page-account-dsedit .nav.nav-tabs li.active a{font-weight:bold;border: 1px solid #ddd;border-bottom-color: transparent;padding-bottom: 5px;}
.logo-block .container-main{position: relative;}
.logo-block .container-main a>img{position: absolute;z-index: 5;max-width: 241px;top: 24px;}
.site-top{z-index:4;}
header{z-index:auto;}
.page-account-dsedit .nav.nav-tabs li a {font-weight: normal;font-size: 20px;line-height: 1.3;padding: 5px 0px 0px 0px;color: #000;font-weight: normal;margin-bottom: -1px;display: block;width: 250px;width: fit-content;padding-left: 5px;}
.page-account-dsedit .nav.nav-tabs li{border: none;padding-right: 100px;}
.page-account-dsedit .nav.nav-tabs li.active{border: none;position: relative;}
.page-account-dsedit .nav.nav-tabs li.active a {border: none;color: #009CDD;height: 36px;}
.page-account-dsedit .nav.nav-tabs li.active:before {position: absolute;content: "";bottom: 0;width: 100%;height: 3px;background-color: #009CDD;}
.form-text-field{border: 2px solid #D6D9E6;border-radius: 10px;background-color: #ffffff!important;}
.page-dscheckout .shopping-cart .col-info .options .option-value, .page-product .option-radio .option-item label, .page-product .qty-info .form-control, .modal-cart .shopping-cart .col-info .options .option-value{border: 2px solid #D6D9E6;border-radius: 8px;background-color: #ffffff!important;width: 30px;height: 30px;font-size: 10px;line-height: 1;}
.address-list input[type=text]{border: 2px solid #D6D9E6;border-radius: 8px;}
.btn.btn-show-password{color: #009CDD;}
.btn.btn-main.btn-large.btn-block{font-size: 20px;line-height: 1;font-weight: 700;}
.form-group label {text-transform: initial;font-size: 12px;}
.props{display: flex;justify-content: space-between;}
.props .form-group:nth-of-type(1) {width: 226px;}
.props .form-group:nth-of-type(2) {width: 278px;}
.props .form-group:nth-of-type(3) {width: 84px;}
.props .form-group:nth-of-type(4) {width: 312px;}
.legal-address{display: flex;justify-content: space-between;flex-wrap: wrap;}
.legal-address .form-group:nth-of-type(1) {width: 226px;}
.legal-address .form-group:nth-of-type(2) {
    width: 278px;
}
.legal-address .form-group:nth-of-type(3) {
    width: 84px;
}
.legal-address .form-group:nth-of-type(4) {
    width: 84px;
}
.legal-address .form-group:nth-of-type(5) {
    width: 208px;
}
.legal-address .form-group:nth-of-type(6) {
    width: 226px;
}

.grey_bg{
    position: relative;
    padding:5px 0 25px 0;

}
.grey_bg:after{
    position: absolute;
    content: "";
    height: 100%;
    z-index: -1;
    left: -100%;
    top: 0;
    width: 100vw;
    background-color: #EFF1F4;
    display: none;
}
.grey_bg:before{
    position: absolute;
    content: "";
    height: 100%;
    z-index: -1;
    right: -100%;
    top: 0;
    width: 300vw;
    background-color: #EFF1F4;
}
.page-account-dsedit.site-content{
    overflow-x: hidden;
}
.btn.btn-delete{
    background-color: #ED1C24;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    position: relative;
    top: 17px!important;
}
.shopping-cart .btn.btn-delete{
    top: -20px!important;
}
/* .btn.btn-delete:after{
    content: "\2715";
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 0;
    left: -1px;
    margin: auto;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
} */

.btn.btn-delete:after{
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0px;
    margin: auto;
    background-image: url(../image/icon/close_icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: scale(.5);
}
.btn.btn-delete svg {
    display: none;
}
.control-label.requeired{
    position: relative;
    padding-left: 10px;
}
.control-label.requeired:before{
    position: absolute;
    top: 3px;
    left: 0;
    width: fit-content;
    height: fit-content;
    content: "*";
    font-size: 15px;
    line-height: 1;
    color: #ED1C24;
}
.page-account-dsedit h2 {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #000000;
}

.address-list .row[data-id]{
    border:none;
    border-top: 1px solid #ccc;
    padding: 30px 0 10px 0;
}

.add_adress{
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color:#08A835;
    position: relative;
    padding-left: 10px;
}
.add_adress:after{
    position: absolute;
    content:"";
    bottom: -3px;
    height: 2px;
    background-color:#08A835;
    width: calc( 100% - 10px);
    left: 10px;
}
.add_adress:before{
    position: absolute;
    content:"\271A";
    bottom: 0px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    font-size: 10px;
    line-height: 1;
    color:#08A835;
}


.form .nav.nav-tabs li a{
    padding-left: 0px;
    padding-right: 60px;

}
.nav.nav-tabs li{

}
.modal-form .nav-tabs .nav-link{
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-right: 40px;
}
.modal-form .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
}

/* .nav-tabs:hover .nav-item:not(:hover) a{
    border:#009cdd00!important;
} */
.nav.nav-tabs li  .active{
    color: #009CDD;
    border-color: #009CDD;

}
/* .nav-item:hover ~  .nav-item .active{
    border:none;
} */



#tab-modal-login{
    width: 300px;
}
#tab-modal-signup{
    width: 544px;
}
#tab-modal-signup form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#tab-modal-signup form .form-group.required{
    width: calc(50% - 10px);
}
.row.row3.align-items-center{
    width: 100%;
    flex-wrap: wrap;
}
.modal-content{
    width: fit-content;
}
.modal-dialog{
    width: fit-content;
}
.login_button, .submit_button{
    width: 100%;
    height: 46px;
    max-width: 500px;
    background-color: #009CDD;
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 1!important;
    cursor: pointer;
}
.custom-control-label:before {
    background: #fff;
    width: 24px;
    height: 24px;
    border: 1px solid #d5d8e6;
    border-radius: 8px!important;
    border-width: 2px;
}
.custom-control-label:after {
    width: fit-content;
    height: fit-content;
    font-size: 20px;
    line-height: 23px;
    top: 0px;
    left: 7px;
    background-image: none!important;

}
#form-checkout .custom-control-label:after {
    line-height: 20px;
}
.custom-control.custom-checkbox{
    min-height: 28px;
    display: flex;
    align-items: center;
    padding-left: 0;
}
.custom-control .custom-control-label {
    font-size: 12px;
    color: #000;
    line-height: 1;
    font-weight: 400;
    padding-left: 30px;
}
.custom-control .custom-control-label img{
    width: 100px;
    max-width: 100px!important;
}

.page-account-dsforgotten .page-title{
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}

.modal-cart .shopping-cart .col-quantity .form-control,  .page-dscheckout .shopping-cart .col-quantity .form-control{
    width: 50px;
    height: 30px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}
.shopping-cart .col-value, .shopping-cart .total-text, .shopping-cart .btn-back{
    color: #009CDD!important;
}
.shopping-cart  .total-text{
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 1.3;
}
.row.align-items-baseline.info-sell{
    margin-bottom: 20px;
}
.shopping-cart .total-title{
    font-weight: 700!important;
    font-size: 18px!important;
    line-height: 1;
    margin-right: 30px!important;
}
.shopping-cart .click_to_buy_in_cart{
    background-color: #009CDD;
    height: 46px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.btn.btn-main.btn-large.btn-block {
    background-color: #009CDD;
    height: 46px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}
.btn-main.btn-large {
    background-color: #009CDD;
    height: 46px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}
.page-dscheckout .form h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.text-shipping{
    color:#7E8C9B;
    font-size: 12px;
}
.payment-totals .item-title{
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
}
.page-dscheckout .form .payment-totals .item .item-text{
    color: #009CDD;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}
.page-dscheckout .form .payment-totals .item.code-total .item-text {
    font-size: 24px;
    color: #009CDD;
    font-weight: 700;
}
.page-dscheckout .form .payment-totals .divider {
    margin-bottom: 1rem;
}
.payment-methods{
    margin-top: 3rem;
}
.page-dscheckout .form .payment-methods .payment-methods-title {
    margin-bottom: 2rem;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}


.page-dscheckout .form .payment-methods .item .custom-control-input~.custom-control-label:before {
    border-radius: 50%!important;
    width: 22px;
    height: 22px;
}
.page-dscheckout .form .payment-methods .item .custom-control-input:checked~.custom-control-label:after {
    background: #009CDD;
    width: 12px;
    height: 12px;
}
.page-dscheckout .form .payment-methods .item .custom-control-label span {
    font-size: 12px;

}
.page-dscheckout .form .payment-methods .item .custom-control-label span img{
    display: inline-block;
    width: 41px!important;
    margin-left: 15px;

}

.modal-cart .shopping-cart .col-title,.modal-cart .shopping-cart .col-info .sku span,.page-product .qty-info label, .page-product .sku span, .page-dscheckout .shopping-cart .col-info .sku span, .page-dscheckout .shopping-cart .col-title, .page-dscheckout .shopping-cart .col-title, .page-dscheckout .shopping-cart .col-title,.modal-cart .shopping-cart .col-info .options .option-name,.page-product .option-radio .option-name,.product-item .item-description .sku {
    text-transform: capitalize;
  
}
.modal-cart .shopping-cart .col-info .sku{
    text-transform: capitalize;
    font-size: 1.2rem;
}
.modal-cart .shopping-cart .col-info .sku span{
    margin-right: 5px;
}


.page-dscheckout .shopping-cart .col-info .sku {
    text-transform: capitalize;
    font-size: 1.2rem;
}
.page-dscheckout .shopping-cart .col-info .sku span{
    margin-right: 5px;
}


.page-product .sku {
    text-transform: capitalize;
    font-size: 1.2rem;
}
.page-product .sku span{
    margin-right: 5px;
}


.product-item .item-description .sku  span{
    margin-right: 5px;
    text-transform: capitalize;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;

}
.form .select2{
    width: 100%!important;
    max-width: 465px;
    height: 40px;
}
.form .select2-container .select2-selection--single {

    height: 40px;
    border: 2px solid #D6D9E6;
    border-radius: 10px;
}
.form  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    height: 40px;
}
.form  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 40px;
}
.form  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}


footer .item-schedule {
    color:#F6F6F6 ;
    font-size: 14px;
}

footer .item-schedule svg{
    width: 16px;
    height: 16px;
    transform: translateY(3px);
    margin-right: 5px;
}
.site-top .shedule svg{
    width: 16px;
    height: 16px;
    transform: translateY(4px);
    position: relative;
    opacity: 0.6;
}
footer .item-informations {
    margin-top: -2.5px;
}
.copyright-2{
    font-weight: 600;
    font-size: 6px;
}
footer .item-social ul .list-inline-item:not(:last-child) {
    margin-right: 0.4rem;
}

element.style {
}
footer .copyright {
    font-size: 1.1rem;
}
@media (max-width: 1200px)  {
    .props{
        flex-wrap: wrap;
    }
    .props .form-group:nth-of-type(1) {
        width: calc(50% - 10px);
    }
    .props .form-group:nth-of-type(2) {
        width: calc(50% - 10px)
    }
    .props .form-group:nth-of-type(3) {
        width: calc(50% - 10px)
    }
    .props .form-group:nth-of-type(4) {
        width: calc(50% - 10px)
    }


    .legal-address .form-group:nth-of-type(1) {
        width: calc(33% - 10px);
    }
    .legal-address .form-group:nth-of-type(2) {
        width: calc(33% - 10px);
    }
    .legal-address .form-group:nth-of-type(3) {
        width: calc(33% - 10px);
    }
    .legal-address .form-group:nth-of-type(4) {
        width: calc(33% - 10px);;
    }
    .legal-address .form-group:nth-of-type(5) {
        width: calc(33% - 10px);
    }
    .legal-address .form-group:nth-of-type(6) {
        width: calc(33% - 10px);
    }
}


@media (max-width: 767px)  {
    .logo-block{
        display: none;
    }
    .site-top .nav-item-account .dropdown-menu:after, .site-top .nav-item-account .dropdown-menu:before{
        left:6.8rem;
    }

    #tab-modal-signup{
        width: 300px;
    }
    #tab-modal-signup form .form-group.required{
        width: 100%;
    }
    .row.row3.align-items-center{
        display: block;
    }
    .row.row3.align-items-center .col-sm-7{
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px!important;
    }
    .row.row3.align-items-center .col-sm-5{
        max-width: 100%;
    }

    .props .form-group:nth-of-type(1) {
        width: 100%;
    }
    .props .form-group:nth-of-type(2) {
        width: 100%;
    }
    .props .form-group:nth-of-type(3) {
        width: 100%;
    }
    .props .form-group:nth-of-type(4) {
        width: 100%;
    }

    .legal-address .form-group:nth-of-type(1) {
        width: 100%;
    }
    .legal-address .form-group:nth-of-type(2) {
        width: 100%;
    }
    .legal-address .form-group:nth-of-type(3) {
        width: 100%;
    }
    .legal-address .form-group:nth-of-type(4) {
        width: 100%;
    }
    .legal-address .form-group:nth-of-type(5) {
        width: 100%;
    }
    .legal-address .form-group:nth-of-type(6) {
        width: 100%;
    }
}
.row[data-id]{
    border: 1px solid #ccc;
    padding: 20px 0 10px 0;
    margin: 0 0 20px 0;
    position:relative;
}
.row[data-id] .btn-delete{
    position: absolute;
    top: 8px;
    right: 8px;
}
select.form-control{
    min-height:40px;
}
.stock-sku-info{
    justify-content: space-between;
}
.socials .form-group{display: flex;align-items: center;justify-content: flex-start}
.socials .form-group img{ max-height: 30px}
.socials .form-group label{width: 50px;display: block;margin: 0 10px}
.socials .form-group input{width: 30px}

[for="pm-liqpay_checkout"] span strong{
    font-size: 20px;
    color: #333;
    margin-left: -13px;
    margin-right: 1.2rem;
}
button.pre-order{padding: 10px}
.shopping-cart .pre-order{
    border: 1px #e8574f solid;
    border-radius: 5px;
    position: relative;
}
.shopping-cart .pre-order:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    content: 'Передзамовлення';
    background: #e8574f;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    border-bottom-right-radius: 5px;
}



@media screen and (min-width: 577px) {
    div:has(> .product-item){
        min-height: 290px !important;
    }
    .product-item:hover{
        position: absolute;
        inset: 0;
        background: white;
        border: 1px solid #009CDD;
        height: fit-content;
        z-index: 20;
    }
    .product-item:hover .caption{
        max-height: fit-content;
    }
}
@media screen and (max-width: 577px) {
    .product-item .item-description .caption{
        max-height: fit-content;
    }
}


/*header{
    z-index: 3!important;
}*/

/*@media (min-width: 992px){
    .logo a img{
        bottom: 20px;
    }
}*/