
.new-works-hours {
    text-align: center;
    z-index: 899;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 70px;
 }
.blog_right_content ul a {
    text-decoration: underline;
    font-weight: 600;
    color: #2f3327;
}

.bottom-description ul {
    list-style-type: square;
    margin-left: 25px;
}

.bottom-description ul li {
    padding-left: 5px;
}

.bottom-description ul+p,
.bottom-description p+p {
    margin-top: 15px;
}

.bottom-description h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}


.windowmodal {
    width: 100%;
    max-width: 484px;
    background: #f4f4f4;
    padding: 68px 34px 41px 30px;
}

.windowmodal_header {
    color: #333;
}

.windowmodal .spoiler {
    background: none;
    border-radius: 0;
}

.windowmodal .spoiler .spoiler-title {
    padding: 0;
    height: auto;
    font-size: 20px;
}

.windowmodal .spoiler.active .spoiler-title {
    background: none;
    color: #222;
    margin-bottom: 20px;
}

.windowmodal .windowmodal_header .status_icon {
    height: 80px;
    width: 80px;
    margin: auto;
    margin-bottom: 15px;
    margin-top: -27px;
}

.windowmodal .windowmodal_header .alert .status_icon {
    background-image: url(../images/status_alert.svg);
    background-size: cover;
    background-position: center;
}

.windowmodal .windowmodal_header .alert.success .status_icon {
    background-image: url(../images/status_success.svg);
    background-size: cover;
    background-position: center;
}

.windowmodal .spoiler-title .expand {
    border-bottom: 1px solid #8c8c8c;
    color: #222;
    font-size: 17px;
    font-weight: 300;
    margin-left: 10px;
}

.windowmodal .spoiler-content {
    padding: 21px 21px 15px 21px;
    border-radius: 25px;
    background: #E9EBE7;
}

.windowmodal .personal_blocks {
    flex-direction: column;
    margin-top: 12px;
}

.windowmodal .personal_block__left {
    width: 100%;
}

.windowmodal_body.fail {
    color: #222;
    padding: 0;
    text-transform: none;
    margin-bottom: 0;
}

.windowmodal_body.fail .details li.order_number{
    display: none;
}

.windowmodal_body.fail .spoiler-content {
    text-align: start;
}

.windowmodal .personal_block__left button {
    width: 100%;
    background-color: #B7BF96;
    color: #222;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    border: none;
    font-size: 18px;
    text-transform: unset;
    font-family: 'Montserrat';
    transition: .3s all ease;
    margin-bottom: 10px;
}
.windowmodal .personal_block__left button:hover{
    opacity: 0.6;
}


.windowmodal .personal_block__right {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.windowmodal .mg-plugin-repeat-order {
    width: calc(50% - 5px);
}

.windowmodal .mg-plugin-repeat-order button {
    color: #222;
    display: flex;
    gap: 8px;
    align-items: center;
    background: #D2D2D2;
    width: 100%;
    line-height: normal;
    display: flex;
    justify-content: center;
}

.windowmodal .close-order {
    color: #222;
    color: #222;
    display: flex;
    gap: 8px;
    align-items: center;
    width: calc(50% - 5px);
    background: #D1A9A3;
}

.windowmodal .close_hidden {
    display: none;
}

.windowmodal .mg-plugin-repeat-order .plugin-button-repeat,
.windowmodal .personal_blocks .close-order {
    font-weight: 500;
    height: 52px;
    font-size: 18px;
    transition: .3s all ease;
}

.windowmodal .close-order svg {
    color: #222;
    width: 28px;
    height: 28px;
}

.windowmodal .close-order:hover svg,
.close-order:hover,
.windowmodal .plugin-button-repeat:hover {
    color: #222 !important;
}

.windowmodal_body .link {
    color: #222;
    font-size: 17px;
    text-decoration: none;

    line-height: 1.2;
}

.windowmodal .about_order {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.windowmodal .about_order div{
    font-weight: 400;
}

.windowmodal .details {
    margin-top: 20px;
}

.windowmodal .mg-plugin-repeat-order .plugin-button-repeat:hover{
    opacity: 0.6;
}
.windowmodal .personal_blocks .close-order:hover {
    opacity: 0.6;
}
.bottom-part__page .help-with-order svg,
.windowmodal .help-with-order svg,
.windowmodal .payment-result svg {
    max-width: 52px;
    max-height: 52px;
    margin: 0;
    transition: .3s all ease;
}
.bottom-part__page .help-with-order svg path,
.windowmodal .help-with-order svg path{
    transition: .3s all ease;
}
.bottom-part__page .help-with-order svg:hover path,
.windowmodal .help-with-order svg:hover path{
    fill: #238FE9;
}
.bottom-part__page .help-with-order .help_order-whatsapp-icon:hover path,
.windowmodal .help-with-order .help_order-whatsapp-icon:hover path{
    fill: #25D366;
}


.windowmodal .help-with-order h3 {
    color: #222;
    font-size: 20px;
    font-family: 'Montserrat';
    text-align: start;
}
.bottom-part__page .help-with-order a {
    text-decoration: none!important;
        margin-right: 30px;
}
.windowmodal .help-with-order h3 a {
    color: #222;
    text-decoration: none!important;
    border-bottom: 1px solid #222;
}

.windowmodal .help-with-order p {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 14px;
}


.windowmodal_header .alert {
    font-size: 36px;
    color: #222;
    display: flex;
    flex-direction: column;
    text-transform: none;
    margin-bottom: 10px;
}

.windowmodal_header .alert span {
    font-family: 'Montserrat';
    color: #222;
    font-size: 20px;
    font-weight: 400;
}

.windowmodal_body.alert.success {
    color: #222;
    text-transform: none;
}

.windowmodal_body.alert.success .spoiler-title {
    display: none;
}

.windowmodal_body.alert.success .about_order {
    display: none;
}

.windowmodal_body.alert.success .spoiler-content {
    display: block !important;
    background: none;
    padding: 0;
    text-align: start;
}

.windowmodal_body.alert.success .help-with-order {
    display: none;
}

.windowmodal_body.alert.success .personal_block__right {
    display: none;
}

.windowmodal_body .content ul:not(.form-list):not(.select-ul) li:before {
    width: 15px;
    height: 15px;
    top: 4px;
}

.windowmodal_header .alert.success {
    margin-bottom: 0;
}

.windowmodal .modoal_li {
    font-size: 20px;
    padding-left: 43px;
}

.windowmodal_body .details li{
    padding-left: 38px !important;
}

.windowmodal_body.alert.success .details li{
    display: none;
}

.windowmodal_body.alert.success .details li.order_number,
.windowmodal_body.alert.success .details li.order_delivery{
    display: block;
}

.windowmodal .details{
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.windowmodal .details b{
    font-weight: 600;
}

@media (max-width: 767px){
    .windowmodal{
        max-width: 298px;
        padding: 68px 19px 20px 19px;
    }
    .windowmodal_header .alert{
        font-size: 25px;
        margin-bottom: 25px;
    }
    .windowmodal_header .alert span{
        font-size: 16px;
    }
    .windowmodal .spoiler-title .expand{
        font-size: 14px;
    }
    .windowmodal .spoiler.active .spoiler-title{
        margin-bottom: 12px;
    }
    .windowmodal .spoiler-content{
        padding: 16px 16px 15px 21px;
    }
    .windowmodal .about_order{
        gap: 5px;
    }
    .windowmodal .about_order div{
        font-size: 12px;
    }
    .windowmodal_body .link{
        font-size: 12px;
    }
    .windowmodal .details{
        font-size: 12px;
    }
    .windowmodal .personal_block__left button{
        font-size: 14px;
        font-weight: 500;
    margin-top: 10px;
    }
    .wrapper-mg-plugin-edit-order svg{
        max-width: 19px;
    }
    .windowmodal .close-order svg{
        width: 18px;
    }
    .windowmodal .close-order{
        width: calc(50% - 2px);
        font-size: 14px;
    }
    .windowmodal .mg-plugin-repeat-order .plugin-button-repeat, .windowmodal .personal_blocks .close-order{
        font-size: 14px;
        transition: .3s all ease;
    }
    .windowmodal .personal_block.personal_block__right{
        margin-top: 10px;
    }
    .windowmodal .mg-plugin-repeat-order{
        margin: 0;
    }
    .windowmodal .help-with-order h3{
        font-size: 14px;
    }
    .windowmodal_header{
        padding-bottom: 0;
    }
    .windowmodal_body.alert.success{
        margin-bottom: 0;
    }
}   