/**-------------------------------------------------------------------------------------------*/
/*****     PAGINATION   *****/
/**-------------------------------------------------------------------------------------------*/
.custom-pagination {
    text-align: center;
    display: block;
    margin-top: 30px;
}

.pagination-arrow {
    width: 40px;
    height: 25px;
    vertical-align: middle;
}

.pagination-arrow .icon {
    fill: #585858;
    width: 14px;
    height: 14px;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
    top: 5px;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .pagination-arrow:hover .icon {
        fill: #3DAE2B;
    }
}

.custom-pagination ul {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.custom-pagination ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.custom-pagination ul li a {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 10px;
    height: 40px;
    width: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .custom-pagination ul li:not(.active) a:hover {
        border: 1px solid #3DAE2B;
        color: #3DAE2B;
    }
}

.custom-pagination .active a {
    background: #3DAE2B;
    border-radius: 5px;
    color: #FFF;
}

.custom-pagination ul li.dott {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    height: 40px;
    width: 40px;
    pointer-events: none;
}

@media (max-width: 420px) {
    .custom-pagination {
        margin-top: 20px;
    }

    .pagination-arrow {
        width: 20px;
        height: 30px;
    }

    .custom-pagination ul li a {
        margin: 0 5px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     INPUTS    *****/
/**-------------------------------------------------------------------------------------------*/
input:focus {
    -webkit-box-shadow: inset 0 0 0 1px #E5E5E5;
    box-shadow: inset 0 0 0 1px #E5E5E5;
}

.input__btn {
    max-width: 534px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.input__btn-2 {
    max-width: 534px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.input__btn-2 input+input {
    margin-left: 10px;
}

.block {
    max-width: 534px;
    width: 100%;
}

.block-2 {
    max-width: 350px;
    width: 100%;
}

.input {
    display: inline-block;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 0;
    padding: 0 23px;
    height: 60px;
    line-height: 58px;
    width: 100%;
    margin-bottom: 10px;
}

.input__text {
    padding: 17px 20px;
    height: 110px;
    font-weight: 400;
    font-size: 16px;
    color: #585858;
    line-height: 23px;
    resize: none;
}

.input-2 {
    margin-right: -5px;
    border-right: none;
    margin-bottom: 0;
    border-radius: 5px 0 0 5px;
    /*padding: 14px 23px;*/
}

.input__big,
.input__big-2 {
    position: relative;
}

.input__big .icon {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 21px;
    top: 17px;
}

.input__big-2 .icon {
    width: 22px;
    height: 22px;
}

.input__big-2 button {
    width: 62px;
    height: 55px;
    position: absolute;
    right: 1px;
    top: 3px;
    cursor: pointer;
    background: transparent;
}

.input-3 {
    padding: 0 20px 0 83px;
}

.input__big-2 .input-3 {
    padding: 0 73px 0 18px;
}

.input__big::before {
    content: '';
    width: 1px;
    height: 38px;
    background: #E5E5E5;
    position: absolute;
    left: 63px;
    top: 11px;
}

.input__big-2::before {
    content: '';
    width: 1px;
    height: 38px;
    background: #E5E5E5;
    position: absolute;
    right: 63px;
    top: 11px;
}

.width__50 {
    width: 50%;
}

.width__100 {
    width: 100%;
}

input.invalid::-webkit-input-placeholder,
textarea.invalid::-webkit-input-placeholder {
    color: #EF3F34;
    opacity: 1;
}

input.invalid:-moz-placeholder,
textarea.invalid:-moz-placeholder {
    color: #EF3F34;
    opacity: 1;
}

input.invalid::-moz-placeholder,
textarea.invalid::-moz-placeholder {
    color: #EF3F34;
    opacity: 1;
}

input.invalid:-ms-input-placeholder,
textarea.invalid:-ms-input-placeholder {
    color: #EF3F34;
    opacity: 1;
}

.invalid {
    border-color: #EF3F34;
}

.input__area,
.add__time-delivery {
    display: none;
}
.add__time-delivery{padding-bottom:10px;}

.change-password {
    display: inline-block;
    padding-right: 17px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #3DAE2B;
    position: relative;
    cursor: pointer;
    margin: 6px 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.change-password::before {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #3DAE2B;
    border-bottom: 2px solid #3DAE2B;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.change-password.active:before {
    top: 7px;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.change-password-inputs {
    margin-bottom: 20px;
}

.change-password-inputs {
    display: none;
}

@media(max-width:575px){
    .input{height:48px;line-height:46px;padding: 0 15px;}
}
@media (max-width: 560px) {
    .input__btn-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .input__btn-2 .width__50 {
        width: 100%;
    }

    .input__btn-2 input+input {
        margin-left: 0;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     CHECK BOX    *****/
/**-------------------------------------------------------------------------------------------*/
.checkbox__inner {
    display: block;
    margin-bottom: 15px;
}

.checkbox__inner input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox__inner label {
    position: relative;
    cursor: pointer;
}

.checkbox__inner label span {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

.checkbox__inner label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox__inner input:checked+label:before {
    border: 1px solid #3DAE2B;
}

.checkbox__inner input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 8px;
    width: 5px;
    height: 9px;
    border: solid #3DAE2B;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/**-------------------------------------------------------------------------------------------*/
/*****     SHOPPING-CART     *****/
/**-------------------------------------------------------------------------------------------*/
.shopping-cart-header {
    text-transform: uppercase;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 29px 40px;
    height: 80px;
}

.shopping-cart-header .status {
    text-transform: capitalize;
    margin-left: 10px;
    margin-right: auto;
}

.shopping-cart {
    padding: 0 40px;
    overflow: auto;
    height: calc(100vh - 185px);
}

#order-detail-popup .shopping-cart{
    padding-bottom:15px;
    height: calc(100vh - 80px);
}
#order-detail-popup .shopping-cart .thank_info{
    margin-bottom:0;
    margin-top:25px;
}
#order-detail-popup .shopping-cart .thank_info tr:last-child td{
    border-bottom:none;
}

.shopping-cart .popup-detail-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shopping-cart .popup-detail-info .address-delivery {
    margin-top: 0;
    font-size: 14px;
}

.shopping-cart .popup-detail-info .user-history-date {
    padding-right: 30px;
    position: relative;
}

.shopping-cart .popup-detail-info .user-history-date::before {
    content: "";
    background: #E5E5E5;
    width: 1px;
    height: 32px;
    position: absolute;
    right: 15px;
    top: -13px;
}

.shopping-cart .type-delivery {
    margin-top: 28px;
    margin-bottom: 24px;
}

.shopping-cart .input__area {
    display: block;
}

.shopping-cart .comment {
    max-width: 100%;
    margin: 0;
    margin-top: 24px;
}

.shopping-cart .comment .icon {
    fill: #202020;
}

.shopping-cart .response {
    max-width: 100%;
    margin: 0;
}

.shopping-cart .response .icon {
    fill: #202020;
}

.shopping-cart-footer {
    padding: 25px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shopping-cart-footer .order {
    margin-right: 0;
    border-right: none;
    border-radius: 5px 0 0 5px;
    width: 50%;
    cursor: unset;
}

.shopping-cart-footer .order.no-border {
    border: 0;
    border-radius: 0;
}

.shopping-cart-footer .price span {
    font-size: 22px;
    line-height: 22px;
}

.shopping-cart-footer button,
.shopping-cart-footer a {
    margin-left: -20px;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .popup-cart.popup-content {
        height: 100%;
    }

    .popup-cart.popup-content .popup-container {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        max-width: 100%;
    }

    .shopping-cart {
        padding: 0 10px;
        height: calc(100% - 161px);
    }

    .shopping-cart .cart-item {
        max-width: 100%;
    }

    .shopping-cart-header {
        padding: 20px 10px;
        height: unset;
    }

    .shopping-cart-footer .btn.btn-fix-2.btn-primary {
        font-size: 12px;
        line-height: 15px;
        padding: 20px 8px;
        width: 100%;
    }

    .shopping-cart-footer {
        padding: 17px 10px;
    }

    .shopping-cart-footer .order {
        width: 100%;
    }
    #order-detail-popup .shopping-cart{
        height: calc(100% - 77px);
        padding-bottom:0;
    }
}

@media (max-width: 374px) {
    .shopping-cart-footer .order {
        min-width: 128px;
    }

    .shopping-cart-footer button,
    .shopping-cart-footer a {
        margin-left: -3px;
    }

    .shopping-cart-footer .btn.btn-fix-2.btn-primary {
        font-size: 11px;
        min-width: 170px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Popups     *****/
/**-------------------------------------------------------------------------------------------*/
.popup-first {
    width: 97vw;
    height: 94vh;
    position: relative;
}

.map {
    width: 100%;
    height: 90%;
    position: relative;
    background-color: gray;
}

.popup-head {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    position: relative;
}

.popup-head .header-logo {
    -webkit-box-flex: 300px;
    -ms-flex: 300px;
    flex: 300px;
    position: absolute;
    left: 25px;
}

.popup-first .title-2 {
    width: 100%;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.popup-head .title.color-primary {
    width: 100%;
    padding: 0;
    line-height: 1em;
    margin-bottom: 0;
}

.popup-sm {
    max-width: 534px;
    width: 100%;
    padding: 30px 0;
    background-color: #fff;
    border: 2px solid #3DAE2B;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: absolute;
    margin: auto;
    bottom: 40px;
    left: 0;
    right: 0;
}

.popup-sm .popup-btn {
    margin-top: 20px;
}

.popup-first .btn.btn-back {
    position: absolute;
    left: 20px;
    bottom: -70px;
    z-index: 2;
}

.popup-sm-inner {
    max-width: 352px;
    margin: 0 auto;
}

.popup-sm h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.popup-sm .text {
    font-size: 18px;
    margin-bottom: 23px;
}

.popup-sm .input__big-2 .input-3 {
    margin-bottom: 0;
}

.popup-big {
    max-width: 815px;
    padding: 75px 0;
    background-color: #fff;
    border-radius: 5px;
    margin: auto;
    position: relative;
}

.popup-big-inner {
    max-width: 534px;
    margin: 0 auto;
}

.popup-big .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.popup-big h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 23px;
}

.popup-big .text {
    font-size: 18px;
    margin-top: -13px;
    margin-bottom: 25px;
}

.popup-big .popup-btn {
    margin-top: 10px;
}

.popup-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup-link a {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .popup-link a:hover {
        color: #3DAE2B;
    }
}

@media (max-width: 1200px) {
    .popup-head {
        display: block;
        height: unset;
    }

    .popup-first .title-2 {
        padding-bottom: 5px;
    }

    .popup-head .header-logo {
        position: unset;
        text-align: center;
    }

    .popup-first .btn.btn-back {
        left: 10px;
        bottom: -42px;
    }
}

@media (max-width: 768px) {

    .popup-first .title-2,
    .popup-head .title.color-primary {
        font-size: 16px;
        padding: 5px 15px;
    }

    .popup-container.size-2 .popup-sm {
        bottom: 0;
    }

    .popup-big {
        margin: 0 15px;
    }
}

@media (max-width: 600px) {
    .popup-big {
        padding: 30px 10px;
    }

    .popup-big .input__big .input-3 {
        height: 52px;
        line-height: 50px;
        padding: 0 20px 0 83px;
    }

    .popup-big .input__big::before {
        height: 32px;
        top: 10px;
    }

    .popup-big .popup-btn {
        margin-top: 0;
    }
}

@media (max-width: 440px) {
    .popup-container.size-2 .popup-sm {
        bottom: 0;
    }

    .popup-sm {
        padding: 10px 10px;
    }

    .popup-big h3 {
        padding: 0 44px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     POPUP INFO     *****/
/**-------------------------------------------------------------------------------------------*/
.popup-info {
    background-color: #fff;
    max-width: 815px;
    position: relative;
    border-radius: 5px;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/bg-info-img-2.png), url(../img/bg-info-img.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
}

.popup-info-inner {
    margin: 0 auto;
    max-width: 462px;
    padding: 80px 0;
}

.popup-info .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.popup-info .btn.btn-primary {
    max-width: 254px;
    width: 100%;
}

.popup-info .text {
    margin-top: 14px;
    margin-bottom: 24px;
}

.popup-info .text.underline {
    margin-bottom: 12px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 12px;
}

.line {
    margin: 39px 0 35px;
}

.line span {
    padding: 8px 13px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    position: relative;
}

.line span::before,
.line span::after {
    content: '';
    height: 1px;
    width: 190px;
    background-color: #E5E5E5;
}

.line span::before {
    position: absolute;
    right: 58px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.line span::after {
    position: absolute;
    left: 58px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.line-2 {
    position: relative;
}

.line-2 span {
    width: 100%;
    height: 1px;
    background-color: #E5E5E5;
    position: absolute;
    left: 0;
    top: 38px;
}

.line-2 span:last-child {
    width: 100%;
    height: 1px;
    background-color: #E5E5E5;
    position: absolute;
    left: 0;
    top: 10px;
}

.line-2 .icon {
    width: 76px;
    height: 76px;
    margin-bottom: 18px;
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 0 10px;
}

.popup-info .promo {
    font-weight: 600;
    font-size: 25px;
    color: #3DAE2B;
}

.promo-title {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #202020;
}

.popup-info .promo div {
    display: inline-block;
    z-index: 10;
    padding: 0 10px;
    background: #fff;
    position: relative;
}

.popup-info .work-info span {
    font-size: 16px;
    display: block;
    margin-top: 20px;
    font-weight: 400;
    color: #202020;
}

.popup-info .work-info .h4 {
    color: #202020;
    font-weight: 500;
    margin-bottom: 16px;
}

.work-info-title {
    font-weight: 600;
    font-size: 18px;
    color: #202020;
    margin-bottom: 16px;
}

.popup-info .work-info span b {
    color: #202020;
    font-weight: 500;
}

.popup-info .work-info span a {
    font-weight: 400;
    font-size: 16px;
    color: #585858;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .popup-info .work-info span a:hover {
        color: #3DAE2B;
    }
}

.popup-info .work-info .icon {
    width: 18px;
    height: 18px;
    fill: #202020;
    margin-right: 3px;
}

.warning {
    padding: 11px 20px 15px 50px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    margin-top: 17px;
    position: relative;
}

.warning .icon {
    width: 20px;
    height: 20px;
    fill: #C13127;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (max-width: 600px) {
    .popup-info {
        background-image: none;
    }

    .popup-info-inner {
        padding: 50px 15px;
    }

    .line span::before,
    .line span::after {
        width: 80px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     BACKGROUND IMAGES  *****/
/**-------------------------------------------------------------------------------------------*/
.background-img-1 {
    width: 225px;
    position: absolute;
    left: 0;
    top: 63px;
    z-index: -1;
}

.background-img-2 {
    width: 225px;
    position: absolute;
    right: 0;
    top: 500px;
    z-index: -1;
}

.background-img-3 {
    width: 193px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.background-img-4 {
    width: 225px;
    position: absolute;
    left: 0;
    top: 769px;
    z-index: -1;
}

.background-img-5 {
    width: 134px;
    position: absolute;
    right: 0;
    top: 250px;
    z-index: -1;
}

.background-img-1 img,
.background-img-2 img,
.background-img-3 img,
.background-img-4 img,
.background-img-5 img {
    width: 100%;
}

@media (max-width: 1700px) {
    .content-block.bg-images .background-img-1 {
        width: 230px;
    }

    .content-block.bg-images .background-img-2 {
        width: 200px;
        top: 600px;
    }
}

@media (max-width: 1380px) {
    .background-img-3 {
        width: 150px;
    }

    .background-img-4 {
        width: 230px;
    }

    .background-img-5 {
        width: 120px;
    }
}

@media (max-width: 1366px) {
    .content-block.bg-images .background-img-1 {
        width: 200px;
    }

    .background-img-1 {
        width: 200px;
    }

    .background-img-2 {
        width: 172px;
    }
}

@media (max-width: 1200px) {

    .background-img-1,
    .background-img-2,
    .background-img-3,
    .background-img-4,
    .background-img-5 {
        display: none;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     TABS     *****/
/**-------------------------------------------------------------------------------------------*/
.tab-title {
    position: relative;
    display: none;
    padding: 15px 40px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #1f1f1f;
    border: 1px solid #3DAE2B;
    border-radius: 5px;
    z-index: 6;
}

.tab-title:before {
    content: "";
    position: absolute;
    right: 17px;
    top: 17px;
    width: 8px;
    height: 8px;
    border-left: 1px solid #3DAE2B;
    border-bottom: 1px solid #3DAE2B;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tab-nav.active .tab-title:before {
    top: 20px;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    border-color: #3DAE2B;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-nav {
    font-size: 0;
    display: block;
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.tabs.type-1 .tab-nav {
    margin-bottom: 30px;
}

.tab-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
}

.tab-nav .tab-toggle div {
    position: relative;
    display: inline-block;
    width: auto;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    color: #585858;
    cursor: pointer;
    white-space: nowrap;
}

.tab-nav .tab-toggle div.tab-disabled {
    cursor: inherit;
}

.tab-nav .tab-toggle div .tab-caption {
    position: relative;
    display: inline-block;
    padding: 7px 0;
    margin: 0 40px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tab-nav .tab-toggle div+div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .tab-nav .tab-toggle div:hover span {
        color: #3DAE2B;
    }
}

.tab-toggle .active span {
    color: #3DAE2B;
}

.tab-nav .tab-toggle .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.tab-nav .tab-toggle div .pd-left {
    padding-left: 34px;
}

.tabs.type-1 .tab-nav .tab-toggle .icon {
    left: 0;
}

.tabs.type-1 .tab-nav .tab-toggle div:first-child {
    margin: 0 40px 0 0;
}

.tabs.type-1 .tab-toggle {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.tabs.type-1 .tab-nav .tab-toggle div+div::before {
    left: -40px;
}

.tabs.type-2 .tab-nav .tab-toggle div+div::before {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 48px;
}

@media (min-width: 1200px) {
    .tab-nav .tab-toggle div:hover span {
        color: #3DAE2B;
    }

    .tab-nav .tab-toggle div.tab-disabled:hover span.tab-caption {
        color: #b5b5b5;
    }
}

@media (max-width: 1100px) {
    .tab-title {
        display: block;
        font-weight: 400;
    }

    .tab-nav .tab-toggle div {
        display: block;
        padding: 5px 0;
    }

    .tabs.type-3 .tab-toggle {
        display: none;
        position: absolute;
        left: -10px;
        top: -10px;
        right: -10px;
        width: auto;
        background: #fff;
        z-index: 5;
        padding-top: 76px;
        padding-bottom: 10px;
        border-radius: 2px;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        margin-top: 20px;
    }

    .tab-nav.active .tab-toggle {
        display: block;
        margin-top: 0;
    }

    .tab-toggle div {
        display: block;
    }

    .tab-nav {
        margin-bottom: 30px;
    }

    .tab-nav .tab-toggle .icon {
        left: 25px;
    }

    .tabs.type-2 .tab-nav .tab-toggle div .tab-caption {
        margin: 0 25px;
    }
}

@media (max-width: 991px) {
    .tab-toggle div {
        font-size: 14px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     PAYMENT     *****/
/**-------------------------------------------------------------------------------------------*/
.row-16{margin-left:-8px;margin-right:-8px;}
.row-16 div[class^="col"]{padding-left:8px;padding-right:8px;}
.payment-zones{max-width:1096px;margin-left: auto;margin-right:auto;}
.payment-zones .row{justify-content: center;}
.payment {
    font-weight: 700;
    font-size: 25px;
    line-height: 1em;
    position: relative;
    padding-left: 45px;
}

.payment .icon {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.payment-info .icon{
    width: 40px;
    height: 40px;
}

.payment-info {
    display:block;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding:30px;
    padding-bottom:25px;
    margin-bottom:15px;
}
.payment-info .top-content{
    display: flex;
    align-items: center;
    min-height: 40px;
    position: relative;
    padding-left: 60px;
    margin-bottom:15px;
}
.payment-info .top-content .icon{width:40px;height:40px;position:absolute;left:0;top:0;}
.payment-info-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 1em;
}

.payment-info .text ul li {
    margin-bottom: 8px;
    color: initial;
}

.payment-info-yellow .text ul li span {
    color: #FFC700;
}

.payment-info-yellow .text ul li::before {
    background: #FFC700;
}

.payment-info.color-yellow .payment-info-title,.payment-info.color-yellow .text ul li span{color: #FFC700;}
.payment-info.color-yellow .text ul li::before{background: #FFC700;}
.payment-info.color-red .payment-info-title, .payment-info.color-red .text ul li span{color:#C13127;}
.payment-info.color-red .text ul li::before{background: #C13127;}


@media(max-width: 1199px){
    .payment-info{padding:20px;padding-bottom:15px;}
}


/* ------------------------------- */
/* ---- FOOTER ---- */
/* ------------------------------- */
.footer__inner {
    margin: 25px 0;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33.33%;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .public-offer:hover {
        color: #3DAE2B;
    }
}

.footer__info-copy img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.footer__info-copy p {
    display: inline-block;
    vertical-align: middle;
}

.footer__lang {
    text-transform: uppercase;
}

.footer__lang .active {
    color: #202020;
    font-weight: 500;
    cursor: unset;
}

.footer__lang a {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .footer__lang a:hover {
        color: #3DAE2B;
    }

    .footer__lang .active:hover {
        color: #202020;
    }
}


.footer__lang a:first-child {
    margin-right: 10px;
}

.footer__lang a+a {
    margin: 0 10px;
}

.footer__lang a+a::before {
    content: "";
    width: 1px;
    height: 90%;
    background: rgba(88, 88, 88, 0.7);
    position: absolute;
    left: -10px;
}

.footer__social {
    width: 33.33%;
}

.footer__social .social__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__social .social__links li+li {
    margin-left: 15px;
}

.footer__social .social__links a {
    border: 2px solid #3DAE2B;
    width: 40px;
    height: 40px;
    background-color: #3DAE2B;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .footer__social .social__links a:hover {
        background-color: #fff;
    }

    .footer__social .social__links a:hover .icon {
        fill: #3DAE2B;
    }
}

.footer__social .social__links .icon {
    fill: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer .develope {
    width: 33.33%;
    text-align: right;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .footer .develope a:hover {
        color: #3DAE2B;
    }
}

.footer .develope span {
    vertical-align: middle;
}

.footer .develope img {
    vertical-align: middle;
    margin-left: 13px;
}

@media (max-width: 1200px) {
    .footer__inner {
        margin: 10px 0;
    }

    .footer__info {
        width: 50%;
    }

    .footer__social {
        width: unset;
    }

    .footer .develope {
        width: unset;
    }
}

@media (max-width: 992px) {
    .develope a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .develope a span {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer__info {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .footer__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: unset;
    }

    .footer__info-copy img {
        display: none;
    }
}

@media (max-width: 576px) {
    .footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

    .footer__social {
        position: absolute;
        top: 25px;
    }

    .footer__lang {
        margin-bottom: 50px;
    }

    .footer__inner div+div {
        margin-top: 10px;
    }

    .footer__info-copy img {
        display: inline-block;
    }

    .footer__info {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .develope a {
        display: inline-block;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     POPUPS default styles    *****/
/**-------------------------------------------------------------------------------------------*/
.open-popup {
    cursor: pointer;
}

.popup-wrapper {
    position: fixed;
    z-index: 22;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: -100%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.popup-wrapper.active {
    left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.popup-wrapper .bg-layer {
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -100px;
    background: rgba(0, 0, 0, 0.8);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    opacity: 0;
}

.popup-wrapper.active .bg-layer {
    opacity: 1;
}

.popup-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    text-align: center;
    -webkit-transition: opacity .3s ease-out, left 0s .3s, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, left 0s .3s, transform .3s ease-out;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0;
    left: -10000px;
    padding: 15px;
}

.popup-content.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    left: 0;
    -webkit-transition: opacity .3s ease-out, left 0s 0s, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s;
    position: relative;
}

.popup-content .layer-close {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 10000px;
}

.popup-content:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: "";
}

.popup-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 815px;
    position: relative;
    text-align: left;
    border-radius: 5px;
}

.popup-container.size-2 {
    max-width: 97vw;
}

.popup-container.size-3 {
    max-width: 548px;
    background: #fff;
    border-radius: 0;
}

.popup-cart {
    text-align: right;
    height: unset;
    padding: 0;
}

@media (max-width: 768px) {
    .popup-wrapper.cont-full-screen .popup-content.active {
        padding: 0;
    }

    .popup-wrapper.cont-full-screen .popup-container.size-2 {
        max-width: 100vw;
    }

    .popup-container.size-2 .popup-first {
        width: 100vw;
        height: 100vh;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Page informer   *****/
/**-------------------------------------------------------------------------------------------*/
.menu__inner-informer {
    background-color: #fff;
    max-width: 450px;
    padding: 30px 44px 40px 44px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    position: fixed;
    top: 140px;
    z-index: 100;
}

.menu__inner-informer .info-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    margin-bottom: 25px;
}

.menu__inner-informer .info-text span {
    font-weight: 600;
    color: #3DAE2B;
}

.menu__inner-informer .info__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu__inner-informer button+button {
    margin-left: 10px;
}

@media (max-width: 1366px) {
    .menu__inner-informer {
        top: 130px;
    }
}

@media (max-width: 1200px) {
    .menu__inner-informer {
        top: 120px;
    }
}

@media (max-width: 600px) {
    .menu__inner-informer {
        top: 70px;
        margin-right: 15px;
    }
}

@media (max-width: 478px) {
    .menu__inner-informer {
        padding: 15px 20px 25px 20px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Order Page     *****/
/**-------------------------------------------------------------------------------------------*/
.order-product-inner {
    max-width: 1096px;
    margin: 0 auto;
}

.order-product-title {
    font-weight: 600;
    font-size: 18px;
    color: #202020;
    margin-bottom: 15px;
}

.order-product-alert {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #E63217;
    padding:13px 20px;
    background: #F2F2F2;
    border-radius:5px;
}

.order-product-alert span {
    font-weight: 600;
}

.order-product-map {
    max-width: 533px;
    height: 362px;
    margin-top: 15px;
    border-radius: 5px;
    /*background-image: url(../img/image10.jpg);*/
}

.checkout-map {
    position: relative;
}
.checkout-map .map-block {
    max-width: 533px;
    height: 362px;
    border-radius: 5px;
    /*background-image: url(../img/image10.jpg);*/
}
.errorMsg {
    display: none;
    padding: 10px;
    background-color: #F05B5B;
    color: #fff;
}
.not-delivery {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: fit-content;
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #202020;
    padding:15px;
    padding-left:45px;
    border-radius: 5px;
}
.not-delivery img{position:absolute;top:15px;left:15px;width:16px;height:16px;max-width:100%;max-height:100%;}



.deliveryWarning{margin:15px 0;}
.errorMsg.alert-success{font-weight: 400;font-size: 14px;line-height: 20px;color: #e63217;padding: 13px 20px;background: #f2f2f2;border-radius: 5px;}



.order-product-left .tabs .tab-nav{margin-bottom:20px;}
.order-product-left .tab-nav .tab-toggle{font-size:0;display: flex;border: 1px solid #e5e5e5;border-radius: 5px;}
.order-product-left .tab-nav .tab-toggle .change-delivery-type{width: 50%;height:48px;margin: 0;display: flex;align-items: center;justify-content: center;}
.order-product-left .tab-nav .tab-toggle div.change-delivery-type:first-child{margin:0;}
.order-product-left .tab-nav .tab-toggle div.change-delivery-type+div:before{content:none;}
.order-product-left .tab-nav .tab-toggle .change-delivery-type.active:before{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;width: auto;height: auto;border: 1px solid #3DAE2B;border-radius:5px;background:transparent;}
.order-product-left .tab-nav .change-delivery-type .icon{position:relative;top:auto;left:auto;transform:none;}
.order-product-left .tab-nav .change-delivery-type .tab-caption{margin:0 12px;}
.checkbox-delivery{margin-top:5px;}
.separator{width:100%;height:1px;background:#E5E5E5;margin: 20px 0;}
.separator.no-margin-top{margin-top:0;}

.payment-method-wrapp{position: relative;display: flex;align-items: center;height: 40px;border: 1px solid #e5e5e5;border-radius: 5px;font-size:0;}
.payment-method-wrapp .checkbox__inner{margin-bottom:0;width: 50%;}
.payment-method-wrapp .checkbox__inner label span{position:relative;display:block;vertical-align: middle;line-height: 38px;padding:0 15px;text-align: center;}
.payment-method-wrapp .checkbox__inner label span:before{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;width: auto;height: auto;border: 1px solid #3DAE2B;border-radius:5px;opacity:0;}
.payment-method-wrapp .checkbox__inner label:before, .payment-method-wrapp .checkbox__inner label:after{content:none;}
.payment-method-wrapp .checkbox__inner input:checked + label span{color:#3DAE2B;}
.payment-method-wrapp .checkbox__inner input:checked + label span:before{opacity:1;}
.payment-method-wrapp .checkbox__inner input:checked + label:after{content:none;}

.moneychange-input{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 0 25px;margin:0;}
.moneychange-input .text{color: #202020;font-size: 16px;font-weight:400;}
.moneychange-input .input{-ms-flex-negative: 0;flex-shrink: 0;margin-left: 15px;margin-bottom: 0;width: 144px;height:48px;}
.moneychange-input .checkbox__inner{margin-left: 20px;margin-bottom: 0;}
.payment-online{display:none;font-size:14px;line-height:1.5;color:#585858;text-align:left;font-weight:400;padding:5px 0 20px;}
.moneychange-input .input:disabled{pointer-events: none;background: #F2F2F2;}


.promo {margin-bottom:20px;}
.promo .input__btn .input{height:48px;}
.promo .input__btn .btn-fix-2 {padding-top:16px;padding-bottom:16px;}
.promo-status >*{font-size:14px;line-height:1.5;font-weight:400;color: #3DAE2B;padding-top:5px;}
.promo-status .access{color: #3DAE2B;}
.promo-status .fail{color: #C13127;}


.price-wrapp{text-align:right;}
.price-wrapp >*{color: #585858;font-size:18px;line-height:1.2;font-weight: 400;margin-bottom:5px;}
.price-wrapp >*:last-child{margin-bottom:0;}
.price-wrapp >* b{font-size:22px;font-weight:600;color:#202020;}
.price-wrapp .all-product-price{margin-top:15px;font-weight: 600;color:#202020;}
.price-wrapp .all-product-price .icon{vertical-align:bottom;}
.price-wrapp .all-product-price span{color:#585858;font-weight:400;}





.order-product-right form {
    margin-bottom: 22px;
}

.order-product-info {
    margin-bottom: 25px;
}

.delivery-info {
    font-size: 14px;
    line-height: 1.5em;
}

.delivery-info span {
    color: #202020;
    font-weight: 600;
}

.delivery-price {
    margin-bottom: 15px;
}

.delivery-price,
.delivery-discount {
    font-size: 16px;
    text-align: right;
}

.delivery-price span,
.delivery-discount span {
    font-size: 18px;
    color: #202020;
    font-weight: 600;
}

.delivery-discount {
    margin-bottom: 8px;
}

.deliver-total-price {
    text-align: right;
}

.deliver-total-price .order {
    border: none;
    padding: 14px 0 14px 15px;
    cursor: unset;
}

.deliver-total-price .price span {
    font-weight: 600;
    font-size: 22px;
    line-height: 1em;
}

.deliver-total-price .price {
    font-size: 16px;
}

#no-more-products-block div {
    color: #202020;
    text-align: center;
    margin-bottom: 30px;
}

#no-more-products-block a {
    text-align: center;
    padding: 17px 10px;
}

@media (max-width: 991px) {
    .order-product-left {
        margin-bottom: 30px;
    }

    .order-product-left .tabs.type-1 .tab-toggle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .order-product-title {
        text-align: center;
    }

    .order-product-right,
    .order-product-left {
        max-width: 550px;
    }

    .tabs.type-1 .tab-nav .tab-toggle div+div::before {
        left: -20px;
    }
}

@media (max-width: 767px) {
    #no-more-products-block div {
        font-size: 36px;
    }

    #no-more-products-block a {
        font-size: 12px;
        padding: 12px 7px;
    }
    .not-delivery{width:auto;}
    .moneychange-input .checkbox__inner{margin-left:15px;}
    .price-wrapp >*{font-size:16px;}
    .price-wrapp >* b{font-size:18px;}
    .price-wrapp .all-product-price{margin-top:10px;}
}

/**-------------------------------------------------------------------------------------------*/
/*****     Pay and Delivery     *****/
/**-------------------------------------------------------------------------------------------*/
.delivery-wrap {
    max-width: 1255px;
    margin: 0 auto;
}

.delivery-wrap .payment-info:first-child {
    margin-top: 20px;
}

.delivery-wrap .payment-info:last-child {
    margin-top: 48px;
}
.delivery-map-input {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    font-size: 0;
}
.delivery-map-input >* {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background-color: #fff;
    margin-bottom: 0;
    height: 48px;
    line-height: 46px;
}
.delivery-map-input #streetAutocomplete {
    width: 420px;
}

.delivery-map-input #houseNumber {
    width: 180px;
}
.delivery-map-input >*:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.delivery-map .not-delivery{position:absolute;left:10px;top:63px;}

.delivery-info-wrap {
    max-width: 1096px;
    margin: 0 auto;
}
.delivery-map{position:relative;width:100%;margin-bottom:40px;max-width:1096px;margin-left: auto;margin-right:auto;}
.map-block{height:404px;}

.delivery-info-wrap .payment {
    margin-bottom: 20px;
}
.infoBox {
    background-color: #FFF;
    color: #202020;
    font-size: 14px;
}
.info-box {
    padding: 10px 10px 15px;
    position: relative;
    text-align: center;
}
.infoBox > img {
    z-index: 1;
    width: 14px;
    margin: 10px !important;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
@media(min-width: 1200px){
    .infoBox > img:hover{opacity: .7;}
}
@media (max-width: 575px) {
    .delivery-map{margin-bottom:10px;}
    .delivery-map .map-wrapper{height:340px;}
    .delivery-map-input{top: 10px;left: 10px;right: 10px;}
    .delivery-map-input #streetAutocomplete, .delivery-map-input #houseNumber{width: 100%;}
    .delivery-map-input >* {margin-right: 0;margin-bottom: 5px;}
    .delivery-wrap .payment-info:last-child{margin-top: 20px;}
    .delivery-map .not-delivery{top: 116px;width: auto;padding-top: 10px;padding-bottom: 10px;}
    .delivery-map .map-block{height:500px;}
}

@media (max-width: 375px) {
    .delivery-info-wrap .text {
        font-size: 14px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Pay and Delivery     *****/
/**-------------------------------------------------------------------------------------------*/
.order-detail-wrapper {
    max-width: 740px;
    margin: 0 auto;
}

.order-detail-title {
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #3DAE2B;
    margin-bottom: 16px;
}

.order-detail-info {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3em;
    color: #797979;
    text-align: center;
    margin-bottom: 40px;
}

.order-detail-info span {
    font-weight: 500;
    color: #202020;
}

.order-detail-box {
    max-width: 736px;
    border: 2px solid #E5E5E5;
    border-radius: 5px;
    background-color: #fff;
}

.order-detail-item {
    padding: 50px 102px;
}

.order-detail-date-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.order-detail-num {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #202020;
}

.order-detail-date {
    font-weight: 400;
    font-size: 15px;
    color: #585858;
}

.order-detail-price .order {
    border: none;
    text-align: right;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    padding: 10px 0 28px 15px;
}

.order-detail-price .price span {
    font-size: 22px;
}

.order-detail-delivery-address,
.order-detail-user,
.order-detail-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 0 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #585858;
    border-bottom: 1px solid #E5E5E5;
}

.delivery-address {
    font-weight: 500;
    color: #202020;
}

.order-detail-user-name span {
    text-align: right;
    display: block;
    font-weight: 500;
    color: #202020;
}

.order-detail-btn {
    margin-top: 30px;
    text-align: center;
}

.order-detail-btn button,
.order-detail-btn a {
    max-width: 252px;
    width: 100%;
}

.order-detail-item .price-wrapp{margin-bottom:30px;}

@media (max-width: 690px) {
    .order-detail-item {
        padding: 50px 65px;
    }

    .order-detail-info {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .order-detail-item {
        padding: 25px 25px;
    }
    .order-detail-item .price-wrapp{margin-bottom:20px;}
}

@media (max-width: 500px) {
    .order-detail-item {
        padding: 20px 10px;
    }

    .order-detail-price .order {
        padding: 10px 0 10px 15px;
    }

    .order-detail-delivery-address,
    .order-detail-user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .order-detail-user-name span,
    .delivery-address {
        text-align: center;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     User Profile    *****/
/**-------------------------------------------------------------------------------------------*/
.tabs.type-2 .block {
    margin: 0 auto;
}

.tabs.type-2 .change-password-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tabs.type-2 .change-password-buttons button:first-child {
    margin-right: 5px;
}

.tabs.type-2 .change-password-buttons button:last-child {
    margin-left: 5px;
}

/**-------------------------------------------------------------------------------------------*/
/*****     User Profile History   *****/
/**-------------------------------------------------------------------------------------------*/

.user-page-tabs .tab-nav{margin-bottom:30px;}
.user-page-tabs .tab-toggle {
    font-size: 0;
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    max-width: 534px;
    width: 100%;
    margin: 0 auto;
}
.user-page-tabs .tab-toggle .tab-toggle-item {
    width: 50%;
    height: 48px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-page-tabs .tab-toggle .tab-toggle-item.active:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    width: auto;
    height: auto;
    border: 1px solid #3DAE2B;
    border-radius: 5px;
    background: transparent;
}
.user-page-tabs .tab-toggle .tab-toggle-item .icon{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
}
.user-page-tabs .tab-toggle .tab-toggle-item .tab-caption{
    padding:0;
    margin:0 12px;
}



.user-form .promo-title {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #E5E5E5;
}

.user-form .promo-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    color: #585858;
    margin-bottom: 16px;
}

.user-form .promo {
    font-weight: 600;
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    color: #3DAE2B;
    margin-bottom: 40px;
}

.user-form .promo div {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 10px;
    z-index: 2;
}

.user-form .promo.line2 {
    z-index: 1;
}

.user-history {
    max-width: 1660px;
    margin: 0 auto;
    overflow: auto;
    background:#fff;
}

.user-history-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #202020;
}

.user-history-num-info .icon-box+.icon-box,.system-data-user .icon-box+.icon-box {
    margin-top: 15px;
}

.user-history-num {
    color: #202020;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .user-history-num:hover {
        color: #3DAE2B;
    }
}

.user-history-num .icon {
    width: 24px;
    height: 24px;
    fill: #585858;
    margin-left: 20px;
}

.user-history-num .icon+.icon {
    margin-left: 4px;
}

.status {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #202020;
    position: relative;
    padding-left: 13px;
}

.status.new::before,
.status.in-progress::before,
.status.canceled::before,
.status.success::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 3px;
}

.status.new::before {
    background-color: #3DAE2B;
}

.status.in-progress::before {
    background-color: #FFD600;
}

.status.canceled::before {
    background-color: #EF3F34;
}

.status.success::before {
    background-color: #3DAE2B;
}

.user-history .address-delivery {
    font-size: 14px;
    line-height: 1.2em;
    margin: 0;
}

.user-history table {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
}

.user-history table td {
    padding: 10px 20px;
    vertical-align: middle;
}

.user-history thead {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #585858;
}
.user-history thead td{
    padding-top:14px;
    padding-bottom:14px;
}

.user-history tbody {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #202020;
}

.user-history table tbody:first-of-type .user-history-num-info .icon-box .product-tooltip,
.user-history table tbody:nth-of-type(2) .user-history-num-info .icon-box .product-tooltip {
    top: 135%;
    bottom: unset;
}

.user-history table tbody:first-of-type .user-history-num-info .icon-box .product-tooltip::after,
.user-history table tbody:nth-of-type(2) .user-history-num-info .icon-box .product-tooltip::after {
    bottom: 100%;
    top: unset;
}

.user-history table tr {
    border-bottom: 1px solid #E5E5E5;
}

.user-history tbody tr td:nth-child(1) {
    width: 15%;
}

.user-history tbody tr td:nth-child(2) {
    width: 15%;
}

.user-history tbody tr td:nth-child(3) {
    width: 10%;
}

.user-history tbody tr td:nth-child(4) {
    width: 25%;
}

.user-history tbody tr td:nth-child(5) {
    width: 10%;
}

.user-history tbody tr td:nth-child(6) {
    text-align: right;
    width: 25%;
}

.user-history tbody tr td:nth-child(6) button:last-child,
.user-history tbody tr td:nth-child(6) a:last-child {
    font-size: 12px;
    padding: 13px 30px;
}

.user-history tbody tr td:nth-child(6) >*{margin-right:10px;}
.user-history tbody tr td:nth-child(6) >*:last-child{margin:0;}

@media(max-width: 1399px){
    .user-history table td{padding:10px;}
    .user-history tbody tr td:nth-child(6) button, .user-history tbody tr td:nth-child(6) a.btn{padding-left:15px;padding-right:15px;}
}

@media (max-width: 1260px) {
/*    .user-history table td {
        padding: 10px 0;
    }*/

    .user-history thead,
    .user-history tbody {
        font-size: 12px;
    }

    .user-history tbody tr td:nth-child(6) button {
        font-size: 10px;
        padding: 9px 15px;
    }

    .user-history tbody tr td:nth-child(6) button:last-child,
    .user-history tbody tr td:nth-child(6) a:last-child {
        font-size: 10px;
        padding: 9px 8px;
    }

    .user-history tbody tr td:nth-child(2) {
        width: 20%;
    }

/*    .user-history tbody tr td:nth-child(3) {
        width: 25%;
    }

    .user-history tbody tr td:nth-child(4) {
        width: 10%;
    }

    .user-history tbody tr td:nth-child(5) {
        width: 8%;
    }*/

    .user-history tbody tr td:nth-child(6) {
        text-align: center;
    }
    .user-history tbody tr td:nth-child(6) >*{
        margin-bottom: 10px;
        margin-right:0;
    }

    .user-history-num .icon {
        width: 18px;
        height: 18px;
        margin-left: 10px;
    }

    .user-history-num .icon+.icon {
        margin-left: 2px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Ordering System     *****/
/**-------------------------------------------------------------------------------------------*/
.title-system-buttons{position:relative;margin-bottom:45px;display:flex;align-items:center;justify-content:space-between;}
.title-system-buttons .system-buttons, .title-system-buttons .system-buttons.sound-buttons{position:relative;top:auto;left:auto;}
.title-system-buttons .system-buttons-wrapp >*{display:inline-block;margin-right:60px;}
.title-system-buttons .system-buttons-wrapp >*:last-child{margin-right:0;}

.ordering-system .tab-nav .tab-toggle {
    font-size: 0;
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 0 auto;
    width: fit-content;
}
.ordering-system .tab-nav .tab-toggle div{
    width: 115px;
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ordering-system .tab-nav .tab-toggle div .tab-caption {
    padding: 0;
    margin: 0 12px;
}
.ordering-system .tab-nav .tab-toggle div+div::before{
    content:none;
}
.ordering-system .tab-nav .tab-toggle div.active:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    width: auto;
    height: auto;
    border: 1px solid #3DAE2B;
    border-radius: 5px;
    background: transparent;
}
.ordering-system .tab-nav .tab-toggle div.active .tab-caption{
    font-weight:500;
}

.ordering-system .tabs.type-3 .tab-nav {
    position: relative;
    margin-bottom:30px;
}

.system-buttons {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #797979;
    position: absolute;
    right: 20px;
    top: -4px;
}

.system-buttons span {
    margin-right: 15px;
}

.system-buttons button {
    padding: 13px 30px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    color: #585858;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}

.system-btn-on {
    border-radius: 5px 0 0 5px;
    border-right: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.system-btn-off {
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    border-left: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.system-btn-on.active {
    position: relative;
    border-radius: 5px;
    border-color: #3DAE2B;
    color: #3DAE2B;
    z-index: 2;
}

.system-btn-off.active {
    position: relative;
    border-radius: 5px;
    margin-left: -5px;
    border-color: #C13127;
    color: #C13127;
    z-index: 2;
}

.ordering-system .system-title {
    min-width: 1550px;
}

.ordering-system .system-title table {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    color: #585858;
    border-bottom: 1px solid #E5E5E5;
}

.ordering-system .system-title table td {
    padding: 14px 20px;
    vertical-align: middle;
}

.ordering-system .system-title table td:nth-child(1) {
    width: 10%;
}
.ordering-system .system-title table td:nth-child(2) {
    width: 15%;
}

.ordering-system .system-title table td:nth-child(3) {
    width: 9%;
}

.ordering-system .system-title table td:nth-child(4) {
    width: 25%;
}

.ordering-system .system-title table td:nth-child(5) {
    width: 9%;
}

.ordering-system .system-title table td:nth-child(6) {
    width: 27%;
}

.ordering-system .system-title table td:nth-child(7) {
    width: 5%;
}



/* _______________________________________________ */
.system-order-list {
    min-width: 1550px;
}

.ordering-system .tabs.type-3 .tab {
    overflow-y: hidden;
    padding-bottom: 130px;
}

.system-wrap-item {
    border-bottom: 1px solid #E5E5E5;
}

.system-order-item table {
    width: 100%;
}

.system-date-num .num {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    color: #202020;
}

.system-date-num .date {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    color: #585858;
}

.system-data-user div:first-child {
    vertical-align: middle;
    display: inline-block;
}

.system-data-user .phone {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5em;
    color: #202020;
}

.system-data-user .name {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    color: #585858;
}
.system-data-user .desc{
    color: #202020;
    font-size: 13px;
    line-height: 1.5em;
}
.user-history-num-info .system-data-user{
    display:inline-block;
    vertical-align:middle;
}

.user-history-num-info .icon,
.system-data-user .icon {
    width: 16px;
    height: 16px;
    fill: #585858;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.icon-box-wrapp{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 0;
}
.icon-box-wrapp:before{
    content:"";
    position: absolute;
    left:0;
    top: 50%;
    width:1px;
    height:48px;
    transform: translateY(-50%);
    border-left: 1px solid rgba(0,0,0,0.1);
}

.user-history-num-info .icon-box,
.system-data-user .icon-box {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    position: relative;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .user-history-num-info .icon-box:hover .icon,
    .system-data-user .icon-box:hover .icon {
        fill: #3DAE2B;
    }
}

.user-history-num-info .icon-box .product-tooltip,
.system-data-user .icon-box .product-tooltip {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #202020;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 360px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    padding: 10px 20px;
    left: -15px;
    bottom: 100%;
    z-index: 10;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.user-history-num-info .icon-box .product-tooltip:after,
.system-data-user .icon-box .product-tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 10px;
    left: 0;
    width: 100%;
}

.user-history-num-info .icon-box:hover .product-tooltip,
.system-data-user .icon-box:hover .product-tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.user-history .price, .system-order-item .price{
    font-size:15px;
    line-height:1.5;
    font-weight:500;
    color: #202020;
}
.user-history .price span,.system-order-item .price span{
    font-size:15px;
    line-height:1.5;
    font-weight:500;
    color: #202020;
}

.user-history .payment-method, .system-order-item .payment-method{
    font-size: 13px;
    line-height:1.4;
    color: #202020;
    font-weight:400;
}

.user-history-address-info{display:flex;align-items:center;}
.user-history .time-cost, .user-history .address-type, .system-order-item .time-cost,.system-order-item .address-type{display:inline-block;vertical-align:middle;position:relative;}
.user-history .time-cost,.system-order-item .time-cost{margin-right:10px;padding-right:10px;}

.user-history .time-cost:before,.system-order-item .time-cost:before{
    content:"";
    position: absolute;
    right:0;
    top: 50%;
    width:1px;
    height:48px;
    transform: translateY(-50%);
    border-left: 1px solid rgba(0,0,0,0.1);
}

.time-cost .time{font-size:15px;line-height:1.5;font-weight: 500;color:#202020;}
.time-cost .cost{font-size:13px;line-height:1.5;font-weight: 400;color:#202020;}
.address-type .address-delivery{font-size:15px;line-height:1.5;font-weight: 400;color:#202020;}
.address-type .type-delivery{font-size:13px;line-height:1.5;font-weight: 400;color:#585858;}
.address-type .type-delivery span{color:#202020;}

.system-order-item .status {
    font-weight: 400;
    font-size: 15px;
    color: #202020;
}

.system-time-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.system-time-address .time {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    color: #202020;
    padding-right: 9px;
}

.system-time-address .address {
    padding-left: 9px;
    border-left: 1px solid #E5E5E5;
}

.street {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    color: #202020;
}

.type-delivery {
    font-weight: 400;
    font-size: 14px;
    color: #585858;
}

.type-delivery span {
    font-weight: 500;
    color: #202020;
}

.status-list-inner {
    position: absolute;
    width: 100%;
}

.status-list-inner ul {
    padding: 50px 33px 26px 17px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    position: absolute;
    left: -17px;
    top: -15px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.status-list-inner ul li+li {
    margin-top: 12px;
}

.status-list {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #202020;
    position: relative;
    padding-left: 13px;
    cursor: pointer;
}

.status-list-inner.active .status-list {
    z-index: 3;
}

.status-list::after {
    content: "";
    position: absolute;
    left: 95px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #202020;
    border-bottom: 2px solid #202020;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.status-list[data-status]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 3px;
}

.status-list[data-status="new"]::before {
    background: #3DAE2B;
}

.status-list[data-status="in-progress"]::before {
    background: #FFD600;
}

.status-list[data-status="ready"]::before {
    background: #217AFF;
}

.status-list[data-status="done"]::before {
    background: #BE34EF;
}

.status-list[data-status="canceled"]::before {
    background: #EF3F34;
}

.status-list-inner ul.active {
    opacity: 1;
    visibility: visible;
}

.status-list-inner li {
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #202020;
    position: relative;
    padding-left: 13px;
    cursor: pointer;
}

.status-list-inner li[data-status]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 3;
}

.status-list-inner li[data-status="new"]::before {
    background: #3DAE2B;
    z-index: 3;
}

.status-list-inner li[data-status="in-progress"]::before {
    background: #FFD600;
}

.status-list-inner li[data-status="ready"]::before {
    background: #217AFF;
}

.status-list-inner li[data-status="done"]::before {
    background: #BE34EF;
}

.status-list-inner li[data-status="canceled"]::before {
    background: #EF3F34;
}

/* ------------------------------------ */
.system-order-item .more-detail{
    width: 40px;
    height: 40px;
    padding: 0;
}
.system-order-item .more-detail .icon{
    margin:0;
}
.system-order-item button .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.system-order-item button.active .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.system-order-item tr td {
    vertical-align: middle;
    padding: 10px 20px;
}



.system-order-item tr td:nth-child(1) {
    width: 10%;
}

.system-order-item tr td:nth-child(2) {
    width: 15%;
}

.system-order-item tr td:nth-child(3) {
    width: 9%;
}

.system-order-item tr td:nth-child(4) {
    width: 25%;
}

.system-order-item tr td:nth-child(5) {
    width: 9%;
}

.system-order-item tr td:nth-child(6) {
    width: 27%;
}
.system-order-item tr td:nth-child(7) {
    width: 5%;
}

.select-address{display:flex;}
.select-address .wrapp-btn{position:relative;margin-left:10px;}
.select-address .wrapp-btn .btn{position:absolute;top:0;left:0;min-width:125px;font-size:12px;padding: 13px 15px}
.select-address .wrapp-btn .confirm-address.disabled{pointer-events:none;background-color:#E5E5E5;color:#585858;border-color:#E5E5E5;opacity:1;visibility:visible;}
.select-address .wrapp-btn .change-address{opacity:0;visibility:hidden;}
.select-address.confirmed .wrapp-btn .confirm-address{opacity:0;visibility:hidden;}
.select-address.confirmed .wrapp-btn .change-address{opacity:1;visibility:visible;}

.all .system-wrap-item.order-item-new .system-order-item {
    background: rgba(61, 174, 43, 0.03);
    /* border-bottom: 2px solid #3DAE2B; */
}

.all .system-wrap-item.order-item-new:nth-last-of-type(1) .system-order-item {
    border-bottom: 2px solid #3DAE2B;
}

.system-order-item-info {
    padding: 30px 0 30px;
    width: 100%;
    display: none;

    overflow: hidden;
}

.all .order-item-new + .system-wrap-item:not(.order-item-new) {
    border-top: 2px solid #3DAE2B;
}

.system-order-item-info .btn-print {
    font-size: 12px;
    padding: 8px;
    height:fit-content;
}

@media (max-width: 1460px) {
    .ordering-system .tab-toggle {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    /* ____________________________________ */
    .system-order-item tr td {
        font-size: 12px;
    }
    .ordering-system .system-title table td{
        padding-left:10px;
        padding-right:10px;
    }
    .system-order-item tr td{
        padding:10px;
    }

    .ordering-system .system-title,.system-order-list{min-width: 1318px;}
}

@media (max-width: 1100px) {
    .title-system-buttons{display:block;}
    .system-buttons-wrapp{text-align:center;}
    .system-buttons {
        position: unset;
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .ordering-system .tab-nav .tab-toggle{display:none;padding-left: 10px;padding-right: 10px;}
    .ordering-system .tab-nav.active .tab-toggle {display: block;margin-top: 0;width:auto;}
    .ordering-system .tab-nav .tab-toggle div{width:100%;}
/*    .ordering-system .tabs.type-3 .tab-toggle {
        top: 38px;
    }*/
}

@media (max-width: 767px) {
    .ordering-system-wrapper {
        padding-top: 0;
    }
    .title-system-buttons{margin-bottom:30px;}
    .title-system-buttons .title{font-size:26px;}
    .title-system-buttons .system-buttons-wrapp >*{margin-right:0;}
    .ordering-system .tabs.type-3 .tab{padding-bottom: 110px;}

}
@media(max-width: 575px){
    .user-history-address-info{display:block;}
    .user-history .time-cost, .user-history .address-type{display:block;}
    .user-history .time-cost{margin:0;padding:0;margin-bottom: 10px;padding-bottom: 10px;}
    .user-history .time-cost:before{top:100%;width:100%;height:1px;transform:none;border:none;border-bottom: 1px solid rgba(0,0,0,0.1);}
}

/**-------------------------------------------------------------------------------------------*/
/*****     Order list info    *****/
/**-------------------------------------------------------------------------------------------*/
.order-list-info ol {
    font-size: 16px;
    padding-left: 20px;
    counter-reset: number;
}

.order-list-info ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.order-list-info ol li .img-with-name,.order-list-info ol li .weight-amount{
    display:flex;
    align-items: center;
}
.order-list-info ol li .img-with-name .img{
    margin-right:10px;
}
.order-list-info ol li .weight-amount>*{margin-right:30px;}
.order-list-info ol li .weight-amount>*:last-child{margin-right:0;}
.order-list-info ol li span,.order-list-info ol li .amount{
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    color: #202020;
}

.order-list-info ol li {
    padding: 10px 0 10px 28px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}


.order-list-info ol li::before {
    font-weight: 600;
    font-size: 16px;
    line-height: 1em;
    color: #3DAE2B;
    counter-increment: number;
    content: " "counter(number) ".";
    position: absolute;
    bottom: 22px;
    left: 0;
}

.order-list-info ol li:last-child {
    border-bottom: none;
}
.order-list-info ol li .img{position:relative;width:40px;height:40px;}
.order-list-info ol li .img img{width:100%;height:auto;max-width:100%;max-height:100%;}

.order-list-info-title {
    padding-left: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    color: #202020;
    margin-bottom: 8px;
    background: #F9FDF9;
    padding: 10px 15px;
    border-radius: 5px;
}

.order-list-info-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/**-------------------------------------------------------------------------------------------*/
/*****     Comment   *****/
/**-------------------------------------------------------------------------------------------*/
.comment {
    max-width: 460px;
    margin: 0 auto;
}

.comment-title {
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #202020;
    margin-bottom: 8px;
    background: #F9FDF9;
    padding: 10px 15px;
    border-radius: 5px;
}

.comment-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 9px;
}

.comment-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #585858;
    margin-bottom: 24px;
}

/**-------------------------------------------------------------------------------------------*/
/*****     Response   *****/
/**-------------------------------------------------------------------------------------------*/
.response {
    max-width: 440px;
    margin: 0 auto;
}

.response-title {
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #202020;
    margin-bottom: 8px;
    background: #F9FDF9;
    padding: 10px 15px;
    border-radius: 5px;
}

.response-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 9px;
}

.response-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #585858;
}

/**-------------------------------------------------------------------------------------------*/
/*****     CART INFORMER   *****/
/**-------------------------------------------------------------------------------------------*/
.cart-informer {
    position: fixed;
    max-width: 450px;
    width: 100%;
    padding: 29px 48px 40px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: block;
    bottom: 40px;
    z-index: 500;
    left: 50%;
    -webkit-transform: translate(-50%, 40px);
    transform: translate(-50%, 40px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cart-informer-inner {
    position: relative;
    margin: 0 auto;
}

.cart-informer-inner a {
    margin-top: 23px;
    width: 100%;
}

.cart-informer-inner span {
    font-weight: 600;
}

.cart-informer .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.cart-informer .btn-close .icon-2 {
    width: 11px;
    height: 11px;
}

.cart-informer.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

@media (max-width: 500px) {
    .cart-informer {
        padding: 15px 20px 25px;
    }
}

/**-------------------------------------------------------------------------------------------*/
/*****     Add to card btn   *****/
/**-------------------------------------------------------------------------------------------*/
.add-to-card-btn {
    position: relative;
}

.add-to-card-btn .first {
    display: block;
}

.add-to-card-btn .last span .icon {
    z-index: 2;
    fill: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .add-to-card-btn:hover .last span .icon {
        fill: #3DAE2B;
    }
}


.add-to-card-btn .last {
    display: none;
}

.add-to-card-btn .btn-loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btn-loader__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.btn-loader__inner span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 5px;
    -webkit-animation: scale 1s infinite ease;
    animation: scale 1s infinite ease;
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .add-to-card-btn:hover .btn-loader .btn-loader__inner span {
        background-color: #3DAE2B;
    }
}

.btn-loader__inner span:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

.btn-loader__inner span:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*===================*/
/*= ADDITIONAL STYLES =*/
/*===================*/

/* map infobox */
/*.infoBox>img {
    display: none;
}*/

.info-box {
    text-align: center;
}

.info-box.style2 {
    margin-bottom: 100px;
}


.infoBox {
    pointer-events: none;
}

.info-box-inner {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #202020;
    text-transform: uppercase;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    pointer-events: auto;
}

.info-box-inner.style2 {
    text-transform: none;
    color: #585858;
    font-size: 14px;
    line-height: 20px;
    margin-top: -80px;
}

/**/
#map-popup-back-btn {
    display: none;
}

#confirm-selected-address {
    display: none;
    margin-top: 20px;
}

@media (max-width: 767px) {
    #confirm-selected-address {
        margin-top: 10px;
    }
}


.delivery-map-input .input {
    z-index: 1;
}

.order-product-alert-item {
    display: none;
}

.btn-left[disabled],
.btn-right[disabled] {
    opacity: .6;
    pointer-events: none;
}

.btn[disabled] {
    pointer-events: none;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
}

#no-delivery-address-popup.active {
    position: absolute;
}

#no-delivery-address-popup .layer-close {
    background: rgba(0, 0, 0, .8);
}

.search-location-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-location-inputs .houseNumber {
    width: 110px;
    margin-bottom: 0;
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.search-location-inputs.input__big-2 .input-3 {
    padding-right: 20px;
    margin-bottom: 0;
}

.search-location-inputs.input__big-2::before {
    content: none;
}

.search-location-inputs button {
    position: relative;
    height: 60px;
    width: 60px;
    right: 0;
    top: 0;
    background-color: #3DAE2B;
    border-radius: 5px;
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #3DAE2B;
    -webkit-transition: .25s;
    transition: .25s;
}

.search-location-inputs button svg {
    fill: #fff;
    width: 60px;
    -webkit-transition: .25s;
    transition: .25s;
}

.search-location-inputs button:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

@media (hover: hover),
(-ms-high-contrast: none) {
    .search-location-inputs button:hover {
        background-color: #fff;
    }

    .search-location-inputs button:hover svg,
    .search-location-inputs button:hover .fill-hover {
        fill: #3DAE2B;
    }
}

.map-popup-inner {
    max-width: 100%;
    margin: 0 30px;
}

.map-popup-inner .text {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

/* menu__inner-informer */
.menu__inner-informer {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 20;
}

.menu__inner-informer.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media (max-width: 767px) {
    .search-location-inputs .input {
        height: 52px;
        line-height: 50px;
        padding: 0 15px;
    }

    .search-location-inputs .houseNumber {
        width: 90px;
        margin-left: 5px;
    }

    .search-location-inputs button {
        height: 52px;
        width: 52px;
        margin-left: 5px;
    }

    .popup-sm .text {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .popup-sm .text .h4 {
        font-size: 16px;
    }

    .popup-sm {
        border-width: 2px 0 0 0;
        border-radius: 0;
    }
}

/* .popup-first */
.popup-first {
    height: 100%;
    width: 100%;
}

#welcome-map-popup {
    padding: 30px;
}

#welcome-map-popup .popup-container {
    line-height: 1;
}

.popup-container.size-2 {
    max-width: 100%;
    height: 100%;
}

.popup-first .map {
    height: calc(100% - 100px);
}

.popup-sm {
    bottom: 30px;
}

.popup-sm .text {
    margin-bottom: 20px;
}

@media (max-width: 1499px) {
    .popup-sm {
        bottom: 15px;
        padding: 20px 0;
    }
    #welcome-map-popup {
        padding: 15px;
    }

    .popup-first .popup-head {
        height: 76px;
    }

    .popup-first .map {
        height: calc(100% - 76px);
    }

    .popup-sm .text {
        margin-bottom: 15px;
    }

    .popup-first .popup-head .title {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {
    .popup-first .popup-head {
        display: flex;
    }

    .popup-first .popup-head .title {
        font-size: 22px;
        padding: 0 30px;
        text-align: right;
    }
}

@media (max-width: 991px) {
    .popup-container.size-2 .popup-first {
        height: 100%;
        width: 100%;
    }

    #welcome-map-popup {
        top: 0;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .popup-first .popup-head {
        height: auto;
        padding: 10px 0;
    }

    .popup-first .popup-head .header-logo {
        padding-top: 0;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        height: auto;
        left: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .popup-first .popup-head .title.color-primary {
        padding: 0 15px 0 0;
    }

    .popup-container.size-2 .popup-first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .popup-first .map {
        height: 100%;
    }

    .popup-container.size-2 .popup-sm {
        position: relative;
        max-width: 100%;
    }

    .popup-first .title-2,
    .popup-head .title.color-primary {
        font-size: 14px;
    }

    .popup-sm {
        padding: 20px 10px;
    }

    .map-popup-inner {
        margin: 0;
    }

    .popup-first .popup-head .header-logo img {
        width: 120px;
        position: relative;
    }
}

/* end of popup-first */

/*  */
.popup-info-inner b {
    font-weight: 600;
}

/* top adress input */
.header-address.active .address-input {
    width: 490px;
}

@media (max-width: 767px) {
    .header-address.in-header .address-input {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        padding: 60px 15px 15px 15px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .header-address.in-header .address-input .input {
        /*padding: 15px !important;*/
        padding: 0 15px !important;
        font-size: 16px !important;
    }

    .header-address.in-header.active .address-input {
        top: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 60px 15px 15px 15px;
        left: 0;
        width: 100%;
    }

    .header-address.in-header.active .address-input .input__big-2 button {
        width: 52px;
        height: 52px;
    }

    .header-address.in-header.active .address-box {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .3s .1s;
        transition: all .3s .1s;
    }
}

/* autocomplete styles */
/* .pac-icon-marker{display: none!important;}  */

/*google logo*/
.pac-container:after {
    display: none;
}

.pac-container {
    width: 500px !important;
}

.pac-container+.pac-container:last-child {
    margin-top: -210px;
}

@media (max-width: 767px) {
    .pac-container {
        width: 90vw !important;
    }
}

/* other styles */
#no-delivery-address-popup {
    z-index: 1;
}

.self-delivery-mode .header-address i {
    display: none;
}

.popup-info .warning + .btn {
    margin-top: 20px;
}
/* end of other styles */

/*  */

input[type=number] {
    -moz-appearance:textfield!important;
}

/*@media (min-width: 1200px) {*/
/*  .popup-head .header-logo {*/
/*    top: 50%;*/
/*    -webkit-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*  }*/
/*}*/

@media (max-width: 1200px) {
    .header-info .header-address {
        pointer-events: none;
    }
}
/*  */

.category-product-wrap .product-item {
    margin-bottom: 0;
    height: 100%;
}

.category-product-wrap > [class*=col-] {
    margin-bottom: 20px;
}

/* new styles */
.product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.product-item-info > .row {
    margin-top: auto;
}

.user-click {
    white-space: nowrap;
}

.user span {
    max-width: 80px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .user span {
        display: none;
    }
}

.btn.disabled-on-fields-focus {
    pointer-events: none;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.warning.d-none {
    display: none!important;
}

.self-delivery-mode .header-address .address-delivery {
    display: none;
}

.address-box {
    position: relative;
}

.address-title {
    position: absolute;
    white-space: nowrap;
    top: -27px;
    left: -35px;
    padding-bottom: 27px;
    font-size: 12px;
    font-weight: 500;
    color: #202020;
}
@media (max-width: 1200px) {
    .address-title {
        display: none;
    }
}

.product-item-ad-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.welcome-map-popup .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.welcome-map-popup .btn-close,
.welcome-map-popup .layer-close  {
    display: none;
}

.welcome-map-popup.show-closes-controls .btn-close {
    display: inline-block;
}
.welcome-map-popup.show-closes-controls .layer-close {
    display: block;
}

@media (max-width: 1200px) {
    .welcome-map-popup.show-closes-controls .popup-first .popup-head .title{
        text-align: left;
    }
}

@media (max-width: 767px) {
    .welcome-map-popup.show-closes-controls .btn-close {
        width: 40px;
        height: 40px;
        top: 4px;
        right: 0;
        right: 0;
        background: #fff;
    }
}

/* end of new styles */

/* order-print */

#order-print {
    display: none;
}

@media print {
    .content-block {
        width: 100%;
        margin: 0;
    }

    .content-block>* {
        display: none!important;
    }

    #order-print {
        display: block!important;
        padding: 30px 20px;
    }

    @page { size: auto;  margin: 0mm; }

    .order-print-table {
        width: 100%;
    }

    .order-print-table {
        width: 100%;
        font-size: 12px;
        color: #000;
    }

    .order-print-table th,
    .order-print-table td {
        padding: 5px;
        border-bottom: 1px dashed #000;
    }
    .order-print-table td {
        font-size: 13px;
        font-weight:400
    }

    .order-print-table th:first-child,
    .order-print-table td:first-child {
        padding-left: 0;
    }
    .order-print-table th:last-child-child,
    .order-print-table td:last-child-child {
        padding-right: 0;
    }

    .order-print-table th {
        text-align: left;
    }

    .print-table-info {
        margin-bottom: 20px;
    }

    .print-table-info td:first-child {
        width: 35%;
    }
    .print-table-info td:last-child {
        width: 65%;
    }

    .print-table-food td:first-child,
    .print-table-food th:first-child {
        width: 52%;
    }
    .print-table-food td:nth-child(2),
    .print-table-food th:nth-child(2){
        width: 16%;
    }
    .print-table-food td:nth-child(3),
    .print-table-food th:nth-child(3) {
        width: 16%;
    }
    .print-table-food td:last-child,
    .print-table-food th:last-child {
        width: 16%;
        text-align: right;
    }

    .print-table-info tbody tr:first-child td {
        padding-bottom: 10px;
    }

    .order-print-title {
        margin-bottom: 5px;
        font-size: 14px;
        color: #000;
    }
    .order-print-logo {
        max-width: 150px;
        margin-bottom: 10px;
    }
    .order-comment {
        margin-top: 20px;
    }
    .order-comment td {
        border-bottom: 0;
    }
    .order-thank-you{
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        margin-top: 20px;
    }
}

/* end of order-print */

.thank_info{border-collapse: collapse;width: 100%;margin-bottom: 30px;}
.thank_info td{height: 48px;padding: 10px 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;vertical-align: middle;color:#202020;font-size:14px;line-height:1.5;font-weight: 400;text-align: right;}
.thank_info td:first-child{color: #585858;width: 40%;padding-right: 10px;text-align: left;}
.thank_info td b{font-weight:600;}
.thank_info .one-td td:first-child{width:100%;color: #202020;padding-right:0;}
.thank_info .one-td .caption{margin-bottom:5px;}

@media (max-width: 767px) {
    #cart-popup-out {
        height: calc(100% - 84px);
    }
    .shopping-cart {
        height: calc(100% - 77px);
    }
    .popup-cart.popup-content .popup-container {
        height: 100%;
    }
    .thank_info{margin-bottom:20px;}
    .thank_info td:first-child{width:33%;}
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* SUMOSELECT */
/*-----------------------------------------------------------------------------------------------------------------------*/
.SumoSelect {display: block;width: 100%;cursor: pointer;z-index: 3;margin:10px 0;}
.SumoSelect.open {z-index: 4 !important;}
.SumoSelect:hover {z-index: 3;}
.SumoSelect > .CaptionCont {width: 100%;cursor: pointer;padding: 0;border-radius:5px;border: 1px solid #E5E5E5;background-color: #fff;-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.SumoSelect.open .CaptionCont {border-radius: 5px;}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus,.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont{border-color:#E5E5E5;box-shadow: none;}
.SumoSelect > .optWrapper {background-color: #FFF;border-radius:5px;padding: 0;overflow: auto;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);top: 100%;z-index: 2;display: block;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border: none;border-top-width: 0;margin-top: 5px;}
.SelectBox {font-size: 16px;line-height: 1;color: #202020;height: 60px;}
.SumoSelect>.CaptionCont>span,.SumoSelect > .CaptionCont > span.placeholder {font-size: 16px;font-weight: 400;line-height: 58px;padding: 0 50px 0 20px; color: #797979;font-style: normal;-webkit-backface-visibility: hidden;backface-visibility: hidden;cursor: pointer;}
.SumoSelect>.CaptionCont>span{color:#202020;}
.SumoSelect.open > .CaptionCont > span.placeholder {opacity: 1;}
.SumoSelect > .CaptionCont > label {cursor: pointer;width: 50px;height: 58px;}
.SumoSelect > .CaptionCont > label > i {background-image: none;opacity: 1;width: 10px;height: 10px;}
.SumoSelect > .CaptionCont > label > i:before {content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;margin-top: -1px;border-left: 2px solid #585858;border-bottom: 2px solid #585858;-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.SumoSelect.open > .CaptionCont > label > i:before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(-225deg);-ms-transform: translate(-50%, -50%) rotate(-225deg);transform: translate(-50%, -50%) rotate(-225deg);}
.SumoSelect.open > .optWrapper {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);top: 100%;}
/*options*/
.SumoSelect > .optWrapper > .options {border-radius:5px;padding:5px 0;max-height: 100%;}
.SumoSelect > .optWrapper > .options li.opt {border-bottom: 0;padding: 10px 20px;}
.SumoSelect > .optWrapper > .options li.opt:last-child {margin-bottom: 0;}
.SumoSelect > .optWrapper > .options li label {padding: 0;font-size: 16px;font-weight:400;color: #202020;-webkit-transition: 0.3s;transition: 0.3s;}
.options > .opt.disabled:first-child {display: none;}

.system-wrap-item  .SumoSelect{margin:0;width: 260px;}
.system-wrap-item .SelectBox{height:40px;}
.system-wrap-item  .SumoSelect>.CaptionCont>span, .system-wrap-item  .SumoSelect > .CaptionCont > span.placeholder{line-height:38px;padding-left:15px;font-size:14px;}
.system-wrap-item .SumoSelect > .CaptionCont > label{width:40px;height:38px;}
.system-wrap-item .SumoSelect > .optWrapper > .options li.opt {border-bottom: 0;padding: 10px 15px;}
.system-wrap-item .SumoSelect > .optWrapper > .options li label{font-size:14px;}

/*media*/
@media(min-width: 1200px){
    .CaptionCont,.SumoSelect:hover>.CaptionCont {border-color:#E5E5E5;box-shadow: none;}
    .SumoSelect>.optWrapper>.options li.opt:hover{background:transparent;}
    .SumoSelect > .optWrapper > .options li:hover label {color: #3DAE2B;}
}
@media(max-width: 1460px){
    .system-wrap-item  .SumoSelect{width: 180px;}
}
@media(max-width: 575px){
    .SelectBox,.SumoSelect > .CaptionCont > label{height:48px;}
    .SumoSelect>.CaptionCont>span, .SumoSelect > .CaptionCont > span.placeholder{padding-left:15px;line-height:46px;}
    .SumoSelect > .optWrapper > .options li.opt {border-bottom: 0;padding: 10px 15px;}
}


/* change 04.10 */
.popup-type-delivery h3.black-title{text-transform: inherit;font-weight: 600;}
.popup-type-delivery .btn.disabled{pointer-events: none;cursor: not-allowed;background: #E5E5E5;color: #202020;border-color: #E5E5E5;}
.popup-type-delivery .tab-nav{margin-bottom:25px;}
.popup-type-delivery .tab-nav .tab-toggle{gap:15px;}
.popup-type-delivery .tab-nav .tab-toggle div{width: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #E5E5E5;height: 84px;border-radius: 5px;padding:10px;}
.popup-type-delivery .tab-nav .tab-toggle div+div::before{content:none;}
.popup-type-delivery .tab-nav .tab-toggle .icon{position: relative;left: auto;top: auto;transform: none;width:46px;height:46px;margin-right:20px;}
.popup-type-delivery .tab-nav .tab-toggle div .tab-caption{font-size:14px;font-weight:600;text-transform:uppercase;color:#202020;margin:0;padding:0;}
.popup-type-delivery .tab-nav .tab-toggle div.active{border-color: #3DAE2B;}
.popup-type-delivery .tab-nav .tab-toggle .active .tab-caption{color: #3DAE2B;}
.popup-type-delivery .input{margin-bottom:0;}
.popup-type-delivery .type-delivery-form .btn{margin-top:20px;padding:22px 15px;}
.popup-type-delivery .popupWarning{margin:10px 0 0;}
.popup-type-delivery .errorMsg{color:#C71407;background-color:rgb(255 18 18 / 13%);border-radius:5px;padding:10px 25px;padding-left:50px;font-weight:400;font-size:14px;position:relative;}
.popup-type-delivery .errorMsg .icon{width:16px;height:16px;position:absolute;left:25px;top:50%;margin-top:-8px;}
.popup-type-delivery .errorMsg b{font-weight:600;}
.popup-type-delivery .errorMsg.success{background-color:#F9F9F9;color:#202020;}
.popup-type-delivery .errorMsg.success i.red{color: #ef002f;}
.popup-type-delivery .errorMsg.success i.yellow{color: #ffc700;}
.popup-type-delivery .errorMsg.success i.green{color:#3DAE2B;}

.popup-type-delivery .map-block{height:0;}
.pac-container{background: #fff;border-radius: 0;}
.pac-container .pac-item{margin: 0;padding: 0 15px;border-top: 0;font-size: 14px;color: #202020;line-height:34px;font-weight: 300;position: relative;display: block;cursor: pointer;-webkit-transition:0.3s;transition: 0.3s;}
.pac-container .pac-item:nth-child(1){border-top: none;}
.pac-icon-marker{display: none !important;}
.pac-item-query {font-size: 14px;-webkit-transition:0.3s;transition: 0.3s;}
.pac-container.pac-logo:after{content: none;}

.popup-product-wrapp{margin-bottom:20px;position: relative;overflow-y: scroll;height:260px;}
.popup-product-wrapp .cart-item{height:80px;overflow: hidden;margin-bottom:10px;}
.popup-product-wrapp .cart-item:last-child{margin-bottom:0;}
.popup-product-wrapp .cart-item-img{max-width:80px;}
.popup-product-wrapp .cart-item-img img{width:100%;height:100%;}
.popup-product-wrapp .cart-item-info{display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding-top:5px;padding-bottom:5px;}
.popup-product-wrapp .cart-item-title{padding-top:0;}
.popup-product-wrapp .cart-item-info .price{top:20px;bottom:auto;}
.btn-wrapp{display:flex;justify-content:space-between;gap:10px;}
.btn-wrapp .btn{width:50%;padding:22px 10px;}

@media(max-width: 575px){
  .popup-type-delivery h3.black-title{padding:0;}
  .popup-type-delivery .popup-big .btn-close{top:0;right:5px}
  .popup-type-delivery .popup-big .text{font-size:16px;}
  .popup-type-delivery .tab-nav .tab-toggle{gap:10px;}
  .popup-type-delivery .tab-nav .tab-toggle div{height:54px;}
  .popup-type-delivery .tab-nav .tab-toggle .icon{width:30px;height:30px;margin-right:10px;}
  .popup-type-delivery .tab-nav .tab-toggle div .tab-caption{font-size:12px;}
  .popup-type-delivery .input{margin-bottom:10px;}
  .popup-type-delivery .input__btn-2 .input:last-child{margin-bottom:0;}
  .popup-type-delivery .type-delivery-form .btn{padding: 19px 15px;}
  .popup-product-wrapp .cart-item.cart-item-2 .cart-item-img{max-width: 80px;height: 80px;}
  .popup-product-wrapp .cart-item.cart-item-2 .cart-item-img img{max-width:80px;}
  .popup-product-wrapp .cart-item-title{margin-bottom:5px;}
  .popup-product-wrapp .cart-item-info .price{right:10px;}
  .btn-wrapp{flex-wrap:wrap;}
  .btn-wrapp .btn{width:100%;padding:17px 15px;}
}