/*
Theme Name: ProntoPizza
Theme URI:
Author:
Author URI:
Version: 1.0
Text Domain: prontopizza
*/

.ul_class {
    display: flex;
    width: 500px;
    align-items: center;
    justify-content: space-between;
}

.ul_class li {
    width: 25%;
    margin-bottom: 40px;
}

.hidden {
    display: none !important;
}

.btn-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.popup-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: var(--clr-white);
    opacity: 0.7;
}

.checkout_mb {
    margin-bottom: 20px;
}

.holiday-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: var(--clr-primary);
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--clr-white);
    font-size: 14px;
    line-height: 1.2;
    z-index: 9999;
}

.success-message {
    text-align: center;
    margin-top: 15px;
}

/* .top-header .top-header-right_menu .header-lang li+li {
    margin-left: 10px;
}

.top-header .top-header-right_menu .header-lang .active a {
    color: #2a2a2a;
} */

.institutions-item .link-item .link-info p:first-child {
    font-size: 18px;
    font-weight: 700;
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.wpcf7 input[type="submit"] {
    width: auto;
}

span.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}

.wpcf7-not-valid {
    border-color: var(--clr-primary);
}

.wpcf7-not-valid::placeholder {
    color: var(--clr-primary);
}

.upload {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 30px;
    margin: 0px 0px 30px;
    max-height: 27px;
    cursor: pointer;
}

.upload~br {
    display: none;
}

.upload input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
}

.upload:before {
    content: "";
    width: 20px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    background: url("img/icons/file.svg") no-repeat 0 0;
    background-size: 18px 18px;
}

.upload span:not(.wpcf7-form-control-wrap) {
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-info {
    font-size: 0;
    margin-top: 20px;
}

.b-info li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 28px;
    font-size: 18px;
}

.b-info li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-color: var(--clr-primary);
    border-radius: 100%;
}

.section-title .b-info p {
    margin-top: 0;
}

.header-lang.mobile {
    font-size: 0;
    line-height: 1;
    display: flex;
    justify-content: center;
}

.header-lang.mobile li {
    display: inline;
}

.header-lang.mobile li.active {
    color: var(--clr-primary);
}

.header-lang.mobile li+li {
    margin-left: 9px;
}

.cart-product-wrapper.is-loader {
    position: relative;
    pointer-events: none;
}

.cart-product-wrapper.is-loader .cart-product {
    opacity: 0.25;
}

.cart-product-wrapper.is-loader:before {
    position: absolute;
    width: 32px;
    height: 32px;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    background: url('img/ajax_loader_gif.gif');
    content: '';
    background-size: contain;
    z-index: 9;
}

.recommend-slider .price-wrap {
    position: relative;
    right: auto;
    bottom: auto;
}

.recommend-slider .prod_horiz-desc {
    padding: 20px 20px 20px 15px;
}

.dgwt-wcas-overlay-mobile {
    background: transparent;
}

.dgwt-wcas-search-input {
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 56px !important;
    border: 1px solid #e6e6e6 !important;
    color: var(--clr-black);
    line-height: normal !important;
    padding: 0 20px !important;
    -webkit-transition: 0.25s !important;
    transition: 0.25s !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    border-radius: 10px !important;
    padding-right: 50px !important;
    background-color: var(--clr-white) !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    left: auto !important;
    right: 15px !important;
}


.dgwt-wcas-ico-magnifier,
.dgwt-wcas-suggestion-more {
    display: none;
}

.bonuses-wrapp {
    padding: 25px 20px;
    border-radius: 15px;
}

.payment_wrapper input,
.delivery_wrapper input,
.time_wrapper input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}



.ui-menu {
    width: 330px;
    background-color: var(--clr-white);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}

.ui-menu .ui-menu-item {
    padding: 6px 5px;
    color: black;
    background-color: transparent;
}

.ui-menu-item-wrapper {
    padding: 6px 5px !important;
    border: 0px !important;
    color: var(--clr-black) !important;
    background-color: transparent !important;
}

.ui-menu .ui-menu-item {
    padding: 6px 5px;
    color: var(--clr-black);
    background-color: transparent;
}

.ui-menu .ui-menu-item:hover {
    padding: 6px 5px;
    color: var(--clr-black);
    background-color: #A9C194;
}

.ui-menu-item-wrapper {
    padding: 6px 5px !important;
    border: 0px !important;
    color: var(--clr-black) !important;
    background-color: transparent !important;
}

.ui-menu-item-wrapper:hover {
    padding: 6px 5px !important;
    border: 0px !important;
    color: var(--clr-black) !important;
    background-color: transparent !important;
}

.sumo_time.invalid,
.sumo_date.invalid,
input.invalid {
    border: 1px solid var(--clr-primary);
    border-radius: 12px;
}

.price-discount,
.price-delivery,
.promo_code-info {
    display: none;
}

.main-order-button.disabled {
    background-color: #ccc;
    border-color: #ccc;
}

input[name="input_check_send_sms"] {
    display: none;
}

.register_button.disabled {
    background-color: #ccc;
}

.min-sum-desc span {
    color: var(--clr-primary);
    font-weight: 500;
}

.thank_items .prod_horiz-desc .product_additions {
    line-height: 24px;
    margin-bottom: 0px;
}

.thank_items .text-sm span {
    color: var(--clr-black);
}

#edit-address-form .sumo_select_city {
    margin-bottom: 15px;
}

.cabinet_address {
    width: 100%;
    border-collapse: collapse;
}

#ui-id-1,
#ui-id-2 {
    z-index: 999;
}

.select-address.invalid {
    border: 1px solid var(--clr-primary);
}

.product .product_top-right {
    width: 100%;
    top: 0;
    right: 0;
    position: absolute;
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cabinet .favorites_product .btn-close {
    position: relative;
    z-index: 9;
}

.cabinet .favorites_product .btn-close:before {
    content: "\02715";
}

.header-cart.empty {
    cursor: context-menu;
}

.favorites_product {
    margin: 0px auto;
    /*display: block;*/
}

.favorites_product .product_size {
    padding: 0 10px;
}

.reviews-item .review-title-wrapp .image img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.review_wrapp_label.invalid,
textarea.invalid,
.stars.invalid {
    border-bottom: 1px solid var(--clr-primary);
}

.wpcf7-response-output {
    display: none !important;
}

.wpcf7 .submitting .ajax-loader {
    display: block;
}

.wpcf7 .submitting .ajax-loader:before {
    position: absolute;
    width: 32px;
    height: 32px;
    left: auto;
    top: auto;
    background: url(img/ajax_loader_gif.gif);
    content: '';
    background-size: contain;
    z-index: 9;
    right: calc(50% - 105px);
    bottom: 2%;
}

#wpcf7-f711-o1 .ajax-loader:before {
    bottom: 45px;
}

.notice_about_city {
    display: none;
    font-size: 14px;
    line-height: 1.2;
    color: var(--clr-primary);
    padding: 5px 0px 0px;
}


.time_wrapper {
    display: flex;
}

.tab-nav .time_wrapper div.active {
    background: var(--clr-primary);
    color: var(--clr-white);
    border: 1px solid var(--clr-primary);
}

.tab-nav .time_wrapper div:first-child {
    border-radius: 60px 0 0 60px;
}

.tab-nav .time_wrapper div:last-child {
    border-radius: 0px 60px 60px 0px;
}

.tab-nav .time_wrapper div {
    position: relative;
    width: auto;
    flex: 0 0 50%;
    cursor: pointer;
    white-space: nowrap;
    background: var(--clr-white);
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    border: 1px solid #e6e6e6;
    text-align: center;
}

.notice_add_delivery_time {
    color: var(--clr-primary);
    font-size: 16px;
    display: block;
    width: 100%;
}

.your_date_delivery {
    display: none;
}

.price-discount-bonuses {
    display: none;
}

.bonuses_code_message {
    margin-bottom: 20px;
    color: var(--clr-black);
    font-size: 16px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.select_action_use {
    margin-bottom: 0;
    border-bottom: 2px solid var(--clr-grey2);
    padding-bottom: 20px;
    margin-top: 15px;
}

.your_date_delivery {
    font-size: 16px;
}

.your_zone_location span {
    font-weight: bold;
}

.select_action_use .text {
    margin-bottom: 5px;
}

.cart_bottom .cart-left .cart-discount {
    margin-left: 45px;
    color: var(--clr-white);
}

.select_action_use.hidden_block {
    display: none;
}

.header-cart.empty .number {
    display: none;
}

.things .price-wrap {
    min-width: 120px;
}

.account-info {
    overflow: initial;
}

.checkbox-entry-wrap.add-comments{
    margin-bottom: 0;
}

.checkbox-entry-wrap.add-comments .checkbox-entry span{
    margin-bottom: 10px;
}

header .headerSection.user-block span,
header .headerSection .languages span.select-location {
    padding: 0;
}

header .headerSection .languages span.select-location {
    max-width: 87px;
    text-align: center;
}

header .headerSection .languages span.select-location.select-km {
    max-width: 110px;
    text-align: center;
}

header .headerSection.user-block ul {
    min-width: 110px;
}

header .headerSection.user-block a {
    color: var(--clr-black);
}

header .headerSection.user-block a:hover {
    color: var(--clr-primary);
}

.login-code {
    display: none;
}

.login-code p {
    font-size: 13px;
    line-height: 1.5;
    color: var(--clr-primary);
}

a.send_login_code_again {
    text-decoration: underline;
}

.load-customer-orders,
a.delete-address,
a.add-address {
    color: var(--clr-primary);
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: color .250s linear;
    transition: color .250s linear;
    font-size: 14px;
}

.load-customer-orders:hover,
.delete-address:hover,
.add-address:hover {
    color: var(--clr-black);
}

.popup-delete-address,
.popup-add-address {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.popup-delete-address span {
    font-size: 14px;
    display: block;
    margin-top: 25px;
    text-decoration: underline;
    color: var(--clr-primary);
}

.popup-delete-address .button,
.popup-add-address .button {
    margin: 0 15px 10px;
}

.popup-add-address .CaptionCont,
.popup-add-address .optWrapper {
    line-height: 14px;
}

.button.full-width {
    width: 100%;
}

.cabinet-bofons-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 25px;
}

.ui-datepicker-title select {
    background: var(--clr-white);
    border: 1px solid rgb(169, 169, 169);
    color: var(--clr-black);
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.bofony-text.size-1 {
    font-size: 18px;
    line-height: 26px;
    color: var(--clr-primary);
    font-weight: 400;
}

.bofony-text.size-2,
.bofony-text.size-3 {
    font-size: 14px;
    line-height: 20px;
}

.my-orders-wrapper {
    position: relative;
    width: 100%;
    font-size: 0;
}

.my-orders-wrapper .rows>* {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 20%;
}

.my-orders-wrapper .rows .order-col-100 {
    width: 100%;
}

.my-orders-wrapper .rows .order-col-65 {
    width: 65%;
}

.my-orders-wrapper .rows .order-col-60 {
    width: 60%;
}

.my-orders-wrapper .rows .order-col-50 {
    width: 50%;
}

.my-orders-wrapper .rows .order-col-30 {
    width: 30%;
}

.my-orders-wrapper .rows .order-col-15 {
    width: 15%;
}

.my-orders-wrapper .rows .order-col-10 {
    width: 10%;
}

.my-orders-caption .order-caption,
.my-orders-wrapper .order-text {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
    color: var(--clr-black);
    font-size: 13px;
    padding: 11px 0;
}

.my-orders-caption .order-caption {
    padding: 10px 0;
}

.my-orders-caption .order-caption {
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: var(--clr-black);
}

.my-orders-item-info .order-text.order-number {
    position: relative;
    color: #f7c200;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 18px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    min-width: 56px
}

.my-orders-item-info .order-text.order-number:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    margin-top: -3px;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #D8D8D8;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.my-orders-item-info .order-text.order-number.open:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.my-orders-item-info .order-text.payment-status {
    color: #1A7505;
}

.my-orders-item {
    position: relative;
    border-top: 1px solid #ECECEE;
    backface-visibility: hidden;
}

.my-orders-item .order-caption {
    padding: 6px 0;
}

.my-orders-item-inner {
    padding: 30px 0 35px;
}

.my-orders-wrapper .my-orders-item-inner .rows>* {
    vertical-align: middle;
}

.my-orders-item-inner .order-text {
    font-size: 16px;
    line-height: 21px;
    font-style: normal;
}

.my-orders-item-inner a {
    color: var(--clr-black);
    font-style: normal;
}

.my-orders-item-inner p {
    font-size: 12px;
}

.my-orders-item .button {
    font-size: 13px;
    padding: 6px 16px 6px;
}

.my-orders-item .my-orders-item-inner {
    display: none;
}

.my-orders-item-info .address {
    font-size: 13px;
    line-height: 1.5em;
}

.promocode input,
.referral input {
    font-style: oblique;
    background: #e6e6e6;
    font-weight: 600;
}

.promocode input:hover,
.referral input:hover {
    cursor: pointer;
}

.set-promokod {
    position: relative;
    margin-top: 30px;
}

.set-promokod .input-field-wrapp {
    max-width: 340px;
    position: relative;
    font-size: 0;
}

.add-promo-code {
    color: var(--clr-black);
    position: absolute;
    top: 0;
    right: 0;
    background: #f7c200;
    font-size: 0.9375rem;
    line-height: 16px;
    min-width: 130px;
    padding: 16px 15px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 2;
    font-weight: 700;
    border: 1px solid #f7c200;
}

.add-promo-code:hover {
    color: #f7c200;
    background: transparent;
}

.set-promokod .input-field-wrapp input {
    padding-right: 160px;
}

.sending-coupons input[type="search"] {
    font-size: 16px;
}

.call_me_wrapper {
    margin-top: 10px;
}

.call_me_wrapper .checkbox-entry span{
    margin-bottom: 20px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}


.sending-coupons input[type="submit"] {
    font-size: 14px;
    border: 1px solid var(--clr-black);
    border-radius: 5px;
    cursor: pointer;
    padding: 3px 10px;
}

.page-template-page-sending-coupons .ui-datepicker {
    z-index: 9 !important;
}

.emptySpace60 {
    height: 60px;
}

.col-xs-12 {
    width: 100%;
}

.input_export_file {
    font-size: 16px;
    border: 1px solid var(--clr-black);
    border-radius: 5px;
    padding: 4px 15px !important;
}

.as_title {
    text-align: center;
    margin-bottom: 25px;
}

.terms-payment>div {
    margin-bottom: 20px;
}

/*.favorites_product img[data-i-src].imgLoaded {
    padding: 15px;
}*/

.hours-block span::before {
    display: none;
}

.change_free_product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.change_free_product select {
    width: 30%;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.change_free_product .name_product_action {
    width: 70%;
}

.checkout-products .change_free_product+.prod_horiz {
    padding-top: 10px !important;
}

/* #login-form button[type="submit"] {
    color: var(--clr-white) !important;
} */

.main__menu li a {
    text-align: center;
}

.tab_content {
    display: none;
}

.tab_content.active {
    display: block;
}


.tab-nav .payment_wrapper div {
    flex: 0 0 33%;
}

.your-department {
    text-align: left;
}

.wpcf7-not-valid+.CaptionCont {
    border: 1px solid var(--clr-primary);
}

.wpcf7-not-valid+.CaptionCont span {
    color: var(--clr-primary);
}

.menu-item-has-children>ul {
    background: var(--clr-white);
    border-radius: 0 0 15px 15px;
    padding: 10px 10px 10px 30px;
    width: 153px;
    position: absolute;
    top: 42px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 1;
}

/*Actions improvments*/
.actionimg img {
    max-width: 100%;
}

.tab_nav_text {
    font-size: 14px;
    line-height: 1.2;
    margin-left: 5px;
    margin-bottom: 10px;
}

#download-app {
    display: none;
}

.payment_wrapper div.hidden_payment {
    display: none;
}

.payment_wrapper div svg, .payment_wrapper div img{
    display: none;
}


@media(max-width: 1500px) {

    .phone-window,
    .hours-menu {
        padding: 5px;
        padding-right: 32px;
        padding-top: 46px;
    }
}

@media(max-width: 991px) {
    .categories-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .categories-list-item {
        width: auto;
    }

    .categories-list-item a {
        padding: 6px 12px;
    }
}



@media(max-width:767px) {
    .change_free_product {
        flex-wrap: wrap;
    }

    .change_free_product select,
    .change_free_product .name_product_action {
        width: 100%;
    }


    .wpcf7 .submitting .ajax-loader:before {
        right: 40px;
        bottom: 0px;
    }

    .emptySpace60 {
        height: 40px;
    }

    .things .price-wrap {
        min-width: auto;
    }

    .js-checkout-product .prod_horiz-desc {
        margin: 0 0px;
        padding: 0 10px;
    }

    .payment_wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }

    #checkout-form .tab-nav .payment_wrapper div {
        font-size: 14px;
        height: auto;
        line-height: 1.2;
        width: 100%;
        border-radius: 0;
         margin-bottom: 0; 
        flex-wrap: wrap;
        width: fit-content;
        display: inline-flex;
        white-space: normal;
        padding: 10px;
        align-items: center;
        flex: 0 0 calc(33.33% - 7px);
        border-radius: 10px;
    }

    .tab-nav .payment_wrapper div {
        flex: 0 0 100%;
    }

    #download-app {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 9999;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: .25s;
        transition: .25s;
        display: block;
    }

    #download-app.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #download-app .download-app-inner {
        background: var(--clr-white);
        -webkit-box-shadow: 0px 1px 5px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 5px 4px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        z-index: 9;
        padding: 10px 10px;
        padding-left: 40px;
        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: 15px;
        position: relative;
    }

    .icon-with-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .icon-with-text .icon {
        position: relative;
        width: 100px;
        height: 50px;
    }

    .icon-with-text .icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .icon-with-text .text {
        text-align: left;
        margin-left: 10px;
    }

    .icon-with-text .text .name {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: var(--clr-black);
    }

    .icon-with-text .text .desc {
        font-weight: 400;
        font-size: 11px;
        line-height: 14px;
        color: rgba(17, 17, 17, 0.75);
    }

    #download-app .btn-close {
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
    }

    #download-app .btn-close:after,
    #download-app .btn-close:before {
        width: 14px;
        height: 2px;
        border-radius: 3px;
        background-color: #98989D;
    }

    .app-active .header {
        top: 100px;
    }

    #content-block {
        -webkit-transition: .25s;
        transition: .25s;
    }

    .app-active #content-block {
        margin-top: 100px;
    }

    .app-active .header.active {
        top: 0;
    }

    .app-active .header.active #download-app.active {
        top: -100px;
    }

    .app-active .header.slide-down #download-app {
        z-index: 2;
    }

    .app-active .header.slide-down #download-app {
        z-index: 2;
    }

    .app_download_button {
        min-width: auto;
        font-size: 14px;
        padding: 5px 10px !important;
        height: 36px;
        line-height: 21px;
    }

    #download-app.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #download-app .btn-close:after,
    #download-app .btn-close:before {
        width: 14px;
        height: 2px;
        border-radius: 3px;
        background-color: #98989D;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);

    }

    #download-app .btn-close:after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .payment_wrapper div svg, .payment_wrapper div img{
        margin: 0 auto;
        margin-bottom: 5px;
        display: inline-block;

        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 18px;
    }

    .payment_wrapper div.active svg path{
        fill: var(--clr-white);
        stroke: var(--clr-white);
    }

    .terms-payment>div{margin-bottom: 0;}
}


/* 25.08.2022 */
.popup-container.size-5 {
    max-width: 1045px;
}

.popup-container.size-5::before {
    display: none;
}

.popup-title.type-2 {
    line-height: 1.4;
    margin-bottom: 25px;
}

.grid {
    max-width: 800px;
    margin-bottom: 42px;
}

.grid-row {
    margin-left: -15px;
    margin-right: -15px;
}

.grid-col {
    padding: 0 15px;
    flex: 0 0 25%;
    max-width: 25%;
}

.grid-col:nth-child(n+5) {
    margin-top: 30px;
}

.grid-item {
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    cursor: pointer;
    transition: border-color .3s;
    position: relative;
    padding: 20px 10px 12px;
}

.grid-item-img-wrapp {
    max-width: 130px;
    margin-bottom: 20px;
}

.grid-item-img {
    padding-bottom: 100%;
    position: relative;
}

.grid-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.grid-item-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.grid-item-action {
    position: absolute;
    right: -11px;
    top: -11px;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    border: 1px solid var(--clr-primary);
    background-color: var(--clr-white);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, border-color .3s;
}

.grid-item-action::before,
.grid-item-action::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.grid-item-action::before {
    width: 12px;
    height: 9px;
    background-image: url("img/icons/icon-ingredient-check.svg");
}

.grid-item-action::after {
    width: 10px;
    height: 11px;
    background-image: url("img/icons/icon-ingredient-close.svg");
}

.grid-item:hover {
    border-color: rgba(0, 0, 0, .15);
}

.grid-item.active {
    border-color: var(--clr-primary);
}

.grid-item.active:hover,
.grid-item.active:hover .grid-item-action {
    border-color: var(--clr-primary);
}

.grid-item.active .grid-item-action {
    opacity: 1;
    visibility: visible;
}

.grid-item.active .grid-item-action::before {
    opacity: 1;
    visibility: visible;
}

.grid-item.active:hover .grid-item-action::before {
    opacity: 0;
    visibility: hidden;
}

.grid-item.active:hover .grid-item-action::after {
    opacity: 1;
    visibility: visible;
}

.alert-message {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--clr-primary);
    margin-bottom: 36px;
    margin-top: -5px;
}

.button-group .btn:not(:last-child) {
    margin-right: 30px;
}

.wrapper_thank_text {
    margin-left: 0;
}

@media(max-width:1199px) {
    .grid-row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .grid-col {
        padding: 0 10px;
    }

    .grid-col:nth-child(n+5) {
        margin-top: 20px;
    }

    .grid-item-title {
        font-size: 16px;
    }

    .wrapper_thank_text {
        text-align: center;
        margin-left: 0px;
    }

    .thank_image {
        width: 150px;
    }

    .center_image {
        margin: 30px auto 0px;
    }

    .content-title {
        margin-top: 0px;
    }

    .flex_direction {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media(max-width:991px) {
    .grid-col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .grid-col:nth-child(n+4) {
        margin-top: 20px;
    }

    .grid-item-img-wrapp {
        max-width: 80%;
    }
}

@media(max-width:767px) {
    .grid-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .grid-col:nth-child(n+3) {
        margin-top: 20px;
    }
}


.wrapp_text_button_contact {
    text-align: center;
    width: 100%;
    padding: 20px 30px;
    background: var(--clr-primary);
    color: var(--clr-white);
    display: block;
    margin-top: 30px;
    border-radius: 15px;
    position: relative;
}

.submit_product_free.disabled {
    pointer-events: none;
}

.your_date_pickup {
    display: none;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.your_date_pickup span {
    font-weight: 700;
}

@media (max-width: 767px) {
    .your_date_pickup {
        margin: 10px 0;
        font-size: 15px;
    }
}

#content-block #categories__wrapp {
    justify-content: center;
    margin-bottom: 5px;
}

#content-block .categories-list-item {
    margin-left: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .available_gateways-4 .tab-nav .payment_wrapper div:not(.hidden_payment) {
        flex: 0 0 25%;
        white-space: normal;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media (min-width: 1240px) {
    .available_gateways-4 .tab-nav .payment_wrapper div:not(.hidden_payment) {
        font-size: 0.9375rem;
    }
}

body .main-order-button[disabled] {
    pointer-events: none;
    background: #ccc;
    border-color: #E6E6E6;
}

.tax-product_cat .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

.tax-product_cat .category-list>li {
    margin: 20px 0;
    display: block;
}

.tax-product_cat .category-list>li+li {
    margin-left: 10px;
}

.tax-product_cat .category-list>li a {
    white-space: nowrap;
    padding: 5px 15px;
    background: #eeeeee;
    border-radius: 20px;
    display: block;
}

.tax-product_cat .category-list>li.active a {
    pointer-events: none;
    background-color: var(--clr-primary);
    color: var(--clr-white);
}

.single-actions .download-app {
    margin-top: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    color: var(--clr-white);
    background-color: var(--clr-primary);
    border-radius: 20px;
}

@media (max-width: 575px) {
    .single-actions .download-app h5 {
        font-size: 0.9375rem;
    }
}

@media (max-width: 413px) {
    .single-actions .download-app h5 {
        font-size: 13px;
    }
}

.single-actions .download-app .market {
    display: -ms-flexbox;
    display: flex;
}

.single-actions .download-app .market a {
    line-height: 0;
}

.single-actions .download-app .market a path {
    fill: var(--clr-white);
}

.header-apps .market {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 25px auto 0;
    width: 280px;
}

.header-apps .market a svg {
    display: block;
    margin: 0 auto;
}

body .top-header-section .top-header {
    padding: 5px 0;
}

body .top-header-section .locations-mobile-block>img,
body .top-header-section .locations-mobile-block>a {
    z-index: 4;
}

body .top-header-section .locations-mobile-block>ul {
    z-index: 3;
}

body .top-header-section .locations-mobile-block>ul a {
    white-space: nowrap;
}

body .top-header-section .locations-mobile-block .hours-block span {
    padding-right: 0;
    font-size: 14px;
    line-height: 1.5;
    display: block;
}

body header {
    height: 135px;
}

body .header-margin {
    height: 130px;
}

body header.header-hide {
    top: -71px;
}

body header .hours-block {
    margin-top: -5px;
}

@media (max-width: 1500px) {
    body header {
        height: 120px;
    }

    body .header-margin {
        height: 115px;
    }
}

@media (max-width: 767px) {
    body header {
        height: 58px;
    }

    body .header-margin {
        height: 58px;
    }

    body header.header-hide {
        top: 0;
    }
}

@media (max-width: 575px) {
    body header {
        height: 50px;
    }

    body .header-margin {
        height: 50px;
    }
}

.locations-address .text-lg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /* max-width: 215px; */
}

.main-header-wrapp .navigation .text-lg {
    margin-right: auto;
    margin-left: auto;
}

.single-product .weight-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.single-product .weight-label .product_size {
    margin-bottom: 0px;
}

.big_product_label {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 2px 10px 0px 10px;
    color: var(--clr-white);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 7px;
    text-align: center;
    min-width: 134px;
    max-width: 96%;
    overflow: hidden;
    white-space: nowrap;
    transform: translateX(-50%);
    z-index: 9;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.big_product_label img {
    max-width: 25px;
    height: auto;
    max-height: 25px;
    width: auto;
    margin-right: 5px;
}

.single-product .big_product_label {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    min-width: 70px;
}

.single-product .product_size+.big_product_label {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .big_product_label {
        font-size: 11px;
        line-height: 1.2;
        min-width: auto;
        width: auto;
        left: 5px;
        right: 5px;
        bottom: 5px;
        transform: none;
        max-width: 100%;
        padding: 4px;
        white-space: normal;
    }

    .big_product_label img {
        max-width: 15px;
        max-height: 15px;
    }
}

.vacancies__detail .vacancies__form {
    max-width: 100%;
    width: 100%;
}

.vacancies__detail .vacancies__form-desc {
    z-index: 9;
    position: relative;
}


@media (max-width: 1640px) {
    .vacancies__detail .vacancies__form {
        right: 0px;
    }
}


body .actionimg img {
    height: auto;
}

.col-lg-4>.action-item {
    max-width: 478px;
    margin-left: auto;
    margin-right: auto;
}

.col-lg-4>.action-item .h4{
    font-size: 1.4rem;
    line-height: 1.2em;
}

@media(max-width:575px){
    .col-lg-4>.action-item .h4{font-size: 1.1rem;line-height: 1.36em;}
}

.filters-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
    width: 100%;
}

.filters-items>li {
    margin-left: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    padding: 6.5px 20px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    font-size: 0.9375rem;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 60px;
    border: 1px solid #eeeeee;
    cursor: pointer;
}

.filters-items>li.active {
    background-color: var(--clr-primary);
    color: var(--clr-white);
    border: 1px solid var(--clr-primary);
}

@media (min-width: 1200px) {
    .filters-items>li:hover {
        background-color: var(--clr-primary);
        color: var(--clr-white);
        border: 1px solid var(--clr-primary);
    }

    body .action-item .action-image a:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    body .action-item .action-desc a:hover {
        color: var(--clr-primary);
    }
}

.for-filter-row {
    min-height: 500px;
}

body .action-image {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

body .action-item img,
body .action-item a {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

body .action-item .action-image a {
    display: block;
    overflow: hidden;
}

.product_labels li.product_label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_labels li.product_label img {
    max-width: 27px;
    height: auto;
    max-height: 27px;
    width: auto;
    margin-right: 5px;
    margin-bottom: -6px;
    margin-top: -6px;
}

@media (min-width: 1200px) {
    .main-header .navigation {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .main-header .navigation .menu-toggle.main__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 30px;
        padding-left: 30px;
    }
}

.show-rating-popup {
    cursor: pointer;
}

@media (min-width: 768px) {
    .logo-wrapp+.show-rating-popup {
        display: none;
    }
}

@media (min-width: 1501px) {
    body .second-title {
        margin-top: 60px;
    }
}

.single-product .product_detail .title {
    margin-bottom: 20px;
}

.single-product .product_detail .add_components,
.single-product .product_detail .description {
    margin-bottom: 20px;
}

.single-product .product_detail .product-type {
    padding-top: 20px;
}

.single-product .product_detail .product-type .product-type-title {
    margin-bottom: 10px;
}

.single-product .js-product-detail #ingredients-toggle {
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.single-product .product_detail-controls {
    margin: 20px 0;
    padding: 15px 0;
}

.single-product .product_detail .ingredients-block {
    max-width: 100%;
}

/*.single-product .product_detail .ingredients-block .ingredient {
    max-width: 124px;
}*/

@media (max-width: 575px) {
    .single-product .product_detail .add_components #ingredients-toggle {
        margin-top: 10px;
    }

    .single-product .product_detail .ingredients-block .ingredient {
        max-width: initial;
    }
}

body .select-city-wrapp {
    max-height: initial;
}

body .ingredient_img {
    height: auto;
    margin-bottom: 5px;
}

/* body .ing_footer-buttons .btn-secondary:not(:hover) {
    color: var(--clr-white);
} */

.fixed-ing-footer .fixed-ing {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
}

.fixed-ing-footer .fixed-ing.bottom {
    position: relative;
}

.fixed-ing-footer .fixed-ing.bottom .container {
    padding: 0;
}

.popup-content.ing-popup .popup-container {
    height: 100%;
}

.product_detail .ingredients-block .ingredient {
    margin-top: 15px;
}

@media (min-width: 768px) {
    body .ing_row {
        margin-left: -7px;
        margin-right: -7px;
    }

    body .ing_row>.ingredient {
        margin-left: 7px;
        margin-right: 7px;
    }
}

@media (min-width: 1366px) {
    .product_detail .ingredients-block .ingredient:nth-child(-n+5) {
        margin-top: 0;
    }

/*    .single-product .product_detail .ingredients-block .ingredient {
        max-width: 120px;
    }*/
}

@media (max-width: 480px) {
    .single-product .product_detail .ingredients-block .ingredient {
        width: calc(33.333% - 10px);
    }
    .single-product .product_detail-controls{padding-bottom: 17px;}
    .product_detail-controls .left-controls + div{display: flex;align-items: center;width: 100%;justify-content: center;}
    .product_detail-controls .btn{width: 50%;}
}

@media (max-width: 400px) {
    .single-product .product_detail .ingredients-block .ingredient {
        width: calc(50% - 10px);
    }
}

@media (min-width: 401px) and (max-width:480px) {
    .product_detail .ingredients-block .ingredient:nth-child(-n+3) {
        margin-top: 0;
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .popup-align .ing_row {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .product_detail .ingredients-block .ingredient:nth-child(-n+5) {
        margin-top: 0;
    }

    .popup-align .ingredients-block.ing_row>div {
        width: 17%;
        width: calc(100% / 5 - 30px);
    }
}

@media (min-width: 992px) and (max-width:1199px) {

    .page-template-constructor-page .ing_row .ingredient:nth-child(-n+6),
    .product_detail .ingredients-block .ingredient:nth-child(-n+6) {
        margin-top: 0;
    }

    .page-template-constructor-page .ing_row .ingredient {
        width: 17%;
        width: calc(100% / 5 - 30px);
    }
}

body #content-block .simple-page * span,
body #content-block .simple-page span {
    color: initial;
}

.product_labels_icons {
    position: absolute;
    top: 0;
    left: 5px;
    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;
    z-index: 2;
}

.product_labels_icons li {
    max-width: 36px;
}

.product_labels_icons li img {
    display: block;
    max-width: 100%;
    height: auto;
}

.product_labels_icons li+li {
    margin-top: 6px;
}

.product_labels_icons.pli1 {
    top: 42px;
}

.product_labels_icons.pli2 {
    top: 84px;
}

.product_labels_icons.pli3 {
    top: 107px;
}

.product_labels_icons.pli4 {
    top: 168px;
}

.checkout-products .prod_horiz.things-product {
    padding: 0 0 10px;
}

.checkout-products .prod_horiz.things-product .tin-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.checkout-products .prod_horiz.things-product .tin-wrapper>div+div,
.checkout-products .prod_horiz.things-product .prod_horiz-details>.title+.title {
    margin-top: 5px;
}

.cart-product.disable-remove .btn-close.remove-product {
    pointer-events: none;
    opacity: 0;
}

.prod_horiz .btn-close {
    width: 28px;
}

@media(max-width: 575px){
    .product_labels_icons.pli3{top:97px;}
}

/**********************/
/*--POPUPS PROD HALF--*/
/**********************/
.prod-popup .popup-container {
    max-width: 1410px;
}

.product-half-popup {
    padding: 15px;
}

.product-card {
    position: relative;
    width: 100%;
    border-radius: 24px;
    background: var(--clr-white);
    margin: auto;
    overflow: hidden;
}

.product-card__error-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 20px;
    background: var(--clr-primary);
    color: var(--clr-white);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

.product-card__error-message.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.product-card__grid {
    overflow: auto;
    display: grid;
    grid-template-columns: 340px auto;
    gap: 60px;
    align-items: flex-start;
    padding: 55px 50px 90px 50px;
    max-height: calc(100vh - 140px);
    overflow: auto;
}


.product-card__bottom .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    background-color: var(--clr-white);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--clr-black);
    padding: 0 25px;
    user-select: none;
}

.product-card__bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--clr-primary);
    border-radius: 0 0 15px 15px;
    padding: 25px 50px;
}

.product-card__controlls {
    display: flex;
    align-items: center;
    gap: 55px;
}

.product-card__controlls .thumb-input-number button,
.product-card__controlls .thumb-input-number input {
    color: var(--clr-white);
}

.image-cover {
    position: relative;
}

.image-cover img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-card__total-price {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    color: var(--clr-white);
}

.product-card__total-price span {
    margin-left: 10px;
}

.product-card__left {
    display: grid;
    gap: 40px;
}

.product-image-holder {
    position: relative;
}

.product-half-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
}

.product-half-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-half-image_right {
    left: 50%;
}

.product-half-image_right img {
    -o-object-position: right;
    object-position: right;
}

.product-half-image_left img {
    -o-object-position: left;
    object-position: left;
}

.product-image-holder .image-cover {
    position: relative;
    display: block;
    padding-bottom: 100%;
    overflow: hidden;
}

.product-half-selected-list {
    display: grid;
    gap: 15px;
}

.product-half-selected {
    background: var(--clr-grey);
    border-radius: 20px;
    padding: 12px;
    display: grid;
    grid-template-columns: 65px auto min-content;
    gap: 15px;
    align-items: center;
    font-weight: bold;
    line-height: 1.2;
}

.product-half-selected__title {
    font-size: 18px;
}

.product-half-selected__price {
    font-size: 16px;
    white-space: nowrap;
}

.product-half-main-image_0 img,
.product-half-main-image_1 img,
.product-half-selected .product-half-image img {
    display: none;
}

.product-card__right {
    position: relative;
    display: grid;
    gap: 24px;
}

.product-card__block-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-card__checkboxes:not(.product-type-new) {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.product-card__checkboxes .checkbox-entry span {
    margin-bottom: 0;
}

.product-card__checkboxes:not(.product-type-new) .checkbox-entry {
    background: var(--clr-grey);
    border-radius: 5px;
    padding: 10px 14px;
}


.product-half-item {
    text-align: center;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
}

.product-half-item__title {
    font-size: 18px;
    margin: 8px 0 2px;
}

.product-half-item__price {
    font-size: 14px;
}

.product-half-item__icon {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -10px;
    top: -10px;
    z-index: 2;
}

.product-half-item__icon img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: .3s;
}

.product-half__products-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.product-half-item.selected {
    border-color: var(--clr-primary);
}

.product-half-item.selected .product-half-item__icon img:first-child {
    opacity: 1;
}

@media (min-width:1200px) {
    .product-half-item:hover {
        border-color: var(--clr-primary);
    }

    .product-half-item.selected:hover {
        border-color: var(--clr-primary);
    }

    .product-half-item.selected:hover .product-half-item__icon img:last-child {
        opacity: 1;
    }

    .product-card__bottom .btn:hover {
        color: var(--clr-white);
        background: var(--clr-primary);
        border-color: var(--clr-primary);
    }
}


@media (max-width:991px) {
    .product-card__grid {
        grid-template-columns: 280px auto;
        padding: 55px 15px 20px;
        gap: 30px;
    }

    .product-half__products-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-card__bottom {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .product-card__controlls {
        gap: 20px;
    }
}

@media (max-width:767px) {
    .product-card__grid {
        grid-template-columns: 1fr;
        padding: 40px 10px 15px;
    }

    .product-card__block {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .product-half__products-list {
        gap: 10px;
    }

    .product-card__left {
        gap: 20px;
    }

    .product-half-selected {
        padding: 10px;
    }

    .product-card__total-price {
        font-size: 18px;
    }

    .product-card__bottom .order-btn {
        width: 100%;
    }

    .product-half-item__title {
        font-size: 16px;
    }

    .product-card__checkboxes {
        gap: 10px;
    }
}

.bonus_calculate {
    text-align: center;
    font-size: 14px;
    color: var(--clr-primary);
    font-weight: 700;
}

.weight-label-bonus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.weight-label-bonus .weight-label {
    margin-bottom: 0px;
}

.main-order-wrapp.pb-bonus {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.your_date_wrapper {
    background: #f5faf2;
    margin-bottom: 15px;
    border-radius: 20px;
}

.your_date_wrapper>* {
    padding: 10px 20px;
}

.your_date_wrapper>*+* {
    padding-top: 0;
}

body .your_date_wrapper>*:first-child {
    padding-bottom: 0;
    margin-bottom: -5px
}

body .your_date_wrapper>.your_date_delivery.your_time_delivery:not([style*="block"])+.your_time_pickup {
    padding-top: 10px;
}

.your_date_wrapper>*[style*="inline"]:last-child:not(:empty) {
    display: block !important;
    margin-top: -15px;
}

body .your_date_wrapper>*[style*="inline"]:empty {
    display: none !important;
}

.your_date_wrapper span {
    font-weight: 700
}

.bonus_calculate+.product_price-old.hidden+.product_price,
.bonus_calculate+.product_price-old:not(.hidden) {
    margin-bottom: -5px;
}

.your_date_wrapper .red {
    color: var(--clr-primary);
}

body .btn-loader-inner,
body .btn-loader-complete,
body .filters-items>li,
body .thumb-input-number,
body.tax-product_cat .category-list>li a,
body .categories-list-item a,
body .main-header .main__menu li:nth-child(n+1):nth-child(-n+2) a,
body .btn {
    border-radius: 10px;
}

body .product_variations li:first-child,
body .footer-bottom-wrapp .right-block .market a:first-child,
body .tab-nav .time_wrapper div:first-child,
body .tab-nav .tab-toggle div:first-child {
    border-radius: 10px 0 0 10px;
}

body .product_variations li:last-child,
body .footer-bottom-wrapp .right-block .market a:last-child,
body .tab-nav .time_wrapper div:last-child,
body .tab-nav .tab-toggle div:last-child {
    border-radius: 0 10px 10px 0;
}

.promocode_use {
    margin-top: 10px;
}

.bonus_calculate.bonus_constructor_single {
    padding: 10px;
    color: var(--clr-white);
}

@media (min-width:768px) {
    .bonus_calculate.bonus_constructor_single {
        font-size: 18px;
    }
}

.promocode-wrapper {
    border-radius: 10px;
    margin-top: 50px;
    padding: 15px 20px;
    background-color: var(--clr-grey);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.promocode-wrapper .promocode {
    font-size: 20px;
    font-weight: 700;
}

.promocode-wrapper .btn:not(:hover) {
    color: var(--clr-white);
}

@media (max-width:767px) {
    .promocode-wrapper {
        margin-top: 25px
    }
}

.kpfc-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.page-template-constructor-page .calories-wrapp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-template-constructor-page .kpfc-title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 575px) {
    .kpfc-title{
        text-align: center;
    }
}

.form.delivery-form.disabled {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 767px) {

    .checkout-products .prod_horiz.things-product .prod_horiz-details,
    .checkout-products .prod_horiz.things-product .tin-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .checkout-products .prod_horiz.things-product .tin-wrapper>div+div,
    .checkout-products .prod_horiz.things-product .prod_horiz-details>.title+.title {
        margin-top: 0px;
        margin-left: 10px;
    }

    .checkout-products .prod_horiz.things-product .prod_horiz-details>.title {
        width: 50%;
        text-align: center;
    }
}

@media (max-width: 575px) {

    .checkout-products .prod_horiz.things-product .tin-wrapper>div+div,
    .checkout-products .prod_horiz.things-product .prod_horiz-details>.title+.title {
        margin-left: 5px;
    }

    .checkout-products .prod_horiz.things-product .tin-wrapper+.prod_horiz-info {
        margin-right: -15px;
    }

    .checkout-products .prod_horiz.things-product .prod_horiz-details {
        max-width: 200px;
    }
}

.content-description strong {
    color: var(--clr-primary);
}

.popup-container.size-6 {
    padding: 50px;
    max-width: 584px;
}

@media (min-width: 576px) {
    .popup-container.size-6 {
        padding: 103px 115px;
    }
}

.popup-container.size-6 img {
    max-width: 100%;
    height: auto;
}

.popup-container.size-6 .popup-align {
    padding: 0;
}

body #qr-show {
    color: var(--clr-white);
    padding: 6px;
    font-size: 12px;
    min-width: 60px;
    line-height: 1;
    border-radius: 7px;
}

.avatar-text-qr-wrapper {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body .order-wrap.btn-disabled {
    opacity: 1;
}

/**************02.08.23 NEW DESIGN**************/
a.home-banner-image img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media (max-width: 1199px) {
    #content-block .navigation {
        top: 105px;
    }

    .header-lang.color-content.mobile.hide-desktop {
        text-align: center;
        margin-top: 30px;
    }

    .header-lang.color-content.mobile.hide-desktop a {
        font-weight: 600;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width: 991px) {
    #content-block .navigation {
        top: 149px;
    }
}

@media (max-width: 767px) {
    .main-header-wrapp .locations-address.show-mobile .text-lg {
        width: 210px;
        max-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #content-block .navigation{
        top: 100px;
    }
}

.wrapper-bonus-weight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.wrapper-bonus-weight+.product_title-wrap {
    margin-top: 7px;
}

.wrapper-bonus-weight .bonus_calculate {
    color: var(--clr-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 27px;
    background: url(./img/new-design/bonuses.png) no-repeat left center;
}

body .bonus_calculate.bonus_constructor_single {
    padding-left: 27px;
    background: url(./img/new-design/bonuses.png) no-repeat left center;
}

.wrapper-bonus-weight .product_size {
    color: var(--clr-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
}

.wrapper-bonus-weight.weight-label,
.wrapper-bonus-weight.weight-label-bonus {
    margin-top: 0;
}

.product-type-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #eee;
    border-radius: 5px;
    background: var(--clr-white);
    max-width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-type-new::-webkit-scrollbar {
    display: none;
}

@media (min-width: 576px) {
    .calories-wrapp>.calories-item {
        width: 23.32%;
    }
}

@media (min-width: 1200px) {
    a.home-banner-image:hover img {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }
}

.single-product .product_detail .product-type.product-type-new {
    padding: 0;
    margin-top: 20px;
}

.page-template-constructor-page .product_detail .product-type.product-type-new {
    padding-top: 0;
    margin-top: 45px;
}

@media (max-width: 1366px) {
    .page-template-constructor-page .product_detail .product-type.product-type-new {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .product_wrapp .js-product .product_price-wrap, .products_swiper .js-product .product_price-wrap {
        width: 100%;
        flex-direction: row;
        margin-bottom: 6px;
    }

    .product_wrapp .js-product .product_price-wrap .product_price, .products_swiper .js-product .product_price-wrap .product_price {
        margin-bottom: 0;
        width: 100%;
        white-space: nowrap;
    }

    .product_wrapp .js-product .product_price-wrap .product_price-old, .products_swiper .js-product .product_price-wrap .product_price-old{
        width: fit-content;
        margin: 0;
    }

    .product_wrapp .js-product .product_price-wrap .product_price-old:not(.hidden)+.product_price, .products_swiper .js-product .product_price-wrap .product_price-old:not(.hidden)+.product_price {
        margin-left: 15px;
    }
}


.btn-loader,
.order-btn.loading {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
}

.main-header>.main__menu>.menu-item-has-children>ul {
    display: none;
}

/**************02.08.23 NEW DESIGN**************/

.tab_nav_text_mleft {
    margin-left: 15px;
}

#wpadminbar {
/*    opacity: 0;
    display: none;*/
    z-index: -111
}

.promo_free_product a {
    pointer-events: none
}

.term-constructor .product-row .product_wrapp .btn-product {
    opacity: 0;
    pointer-events: none;
}

.term-constructor .product-row .product_wrapp .product_plus {
    visibility: hidden;
    display: none;
}

body .product_variations li {
    border-radius: 0
}

.product_variations.var4 {
    flex-wrap: wrap;
}

.product_variations.var4>li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.product_variations.var4>li:first-child {
    border-radius: 10px 0 0 0
}

.product_variations.var4>li:nth-child(2) {
    border-radius: 0 10px 0 0
}

.product_variations.var4>li:nth-child(3) {
    border-radius: 0 0 0 10px
}

.product_variations.var4>li:nth-child(4) {
    border-radius: 0 0 10px 0
}

.product_detail .product_variations.variations4,
.product_detail .product_variations.variations5,
.product_detail .product_variations.variations6 {
    max-width: 100%;
}

html body footer span.hide_text,
html body #content-block span.hide_text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    font-size: 0;
}

body .main-header-wrapp .locations-mobile.hide-mobile .hours {
    margin-left:0;
    margin-right:0;
}

body .main-header-wrapp .locations-mobile a.hide-arrow::before {
    display:none;
}

.top-header-menu #menu-top-navigation .menu-item-has-children > ul {
    box-shadow: 0 0 1px #000;
    border-radius: 10px;
    padding:10px 20px;
    width: auto;
    min-width:100px;
}
.top-header-menu #menu-top-navigation .menu-item-has-children:hover > ul {
    visibility: visible;
    opacity: 1;
    z-index: 9;
    pointer-events: all;
    top: 33px;
}
.top-header-menu #menu-top-navigation .menu-item-has-children > ul li {
    margin:0;
}
.top-header-menu #menu-top-navigation .menu-item-has-children > ul li a {
    white-space:nowrap;
}
.top-header-menu #menu-top-navigation .menu-item-has-children > ul li + li {
    margin-top:5px;
}

.top-header-menu #menu-top-navigation .menu-item-has-children > a {
    padding-right: 25px;
    position: relative;
}
.top-header-menu #menu-top-navigation .menu-item-has-children > a::before {
    position: absolute;
    content: "";
    right: 6px;
    top: 2px;
    margin-top: 0px;
    width: 15px;
    height: 15px;
    border: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(./img/new-design/angle.svg) no-repeat center center;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.top-header-menu #menu-top-navigation .menu-item-has-children:hover a::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: 0px;
    top: 3px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

#menu-top-navigation-1 .sub_menu {
    width: 100%;
    pointer-events:all;
    margin:0 auto;
    border-top: 1px solid var(--clr-grey2);
}

#menu-top-navigation-1 .sub_menu li{
    border-bottom: 1px solid var(--clr-grey2);
}

#menu-top-navigation-1 .sub_menu li:last-child{
    border-bottom: none;
}

#menu-top-navigation-1 .sub_menu li a {
    padding:10px !important;
}

.menu-title-image,
.menu-title-image .menu-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}

.menu-title-image .menu-image {
    width: 30px;
    height:30px;
    margin-bottom:5px;
}

.menu-title-image .menu-image img {
    max-width:100%;
    max-height:100%;
    height:auto;
    width: auto;
    display:block;
}

.menu-title-image .menu-title {
    line-height:1.4;
}

/* product total cost */

.ch_total-cost.bonuses-wrapp{
    padding: 0;
    border-radius: 0;
    color: var(--clr-black);
    background: transparent;
    margin-bottom: 20px;
    align-items: flex-end;
    gap: 0;
}

.ch_total-cost.main-order-wrapp .price-wrapp{
    align-items: flex-end;
    justify-content: flex-end;
}

.ch_total-cost.main-order-wrapp .all-product-price{
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 400;
}

.ch_total-cost.main-order-wrapp .all-product-price span{
    font-weight: 700;
}

.ch_total-cost.main-order-wrapp .total-bonus{
    font-size: 0.975rem;
    font-weight: 400;
    margin-left: auto;
}

.ch_total-cost.main-order-wrapp .all-product-bonus{
    color: var(--clr-green);
    font-weight: 700;
}

@media(max-width: 767px){
    .ch_total-cost.bonuses-wrapp{
        margin-bottom: 15px;
    }
}

/*hide arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.page-template-page-about main > .banner + .decor + section .second-title {
    margin-top: 0;
}

@media(max-width: 767px){
    .page-template-page-career .vacancies__detail .vacancies__form {
        margin-top: 0px;
    }
}

.input_errors_wrapper {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    z-index: 9;
    background: #cc1120;
    padding: 15px;
    color: #fff;
    transition: all 1s;
}
.input_errors_wrapper.show {
    bottom: 0;
    transition: all 1s;
}

html #bingc-phone-button {
    left: 2%!important;
    right: auto!important;
}
html #bingc-phone-button div.bingc-phone-button-tooltip.bingc-phone-button-tooltip-bottom-right {
    right: auto;
    left: 5px;
}
html #bingc-phone-button div.bingc-phone-button-tooltip.bingc-phone-button-tooltip-bottom-right svg.bingc-phone-button-arrow {
    left: 29px;
    right: auto;
}



.sale_informer {
    position: fixed;
    bottom: 1.875rem;
    right: 3.3125rem;
    width: 100%;
    max-width: 25rem;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    background: #ffffff;
    display: block;
    padding: .625rem;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
}

.sale_informer .btn-close {
    position: absolute;
    top: 1.1rem;
    right: 1.1rem;
    z-index: 99;
}

.sale_informer .btn-close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
}

.sale_informer.active {
    z-index: 9999999;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

.sale_img {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    border-radius: 15px;
    padding-bottom: 50%
}

.sale_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sale_content {
    position: relative;
    margin-top: .625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    text-align: center
}

.sale_content .no-img {
    padding-inline: 28px;
}

.sale_content .btn {
    margin-top: .75rem;
    margin-bottom: 20px;
    margin-inline: auto;
    font-size: 15px;
    line-height: 25px;
    min-width: auto;
    padding: 4.5px 20px;
}

@media (max-width: 767px) {
    .sale_informer {
        position: fixed;
        bottom: .625rem;
        left: .625rem;
        right: .625rem;
        width: auto
    }
}



.h-info {
    position: relative;
    /* position: fixed; */
    z-index: 101;
    /* top: 0;
    left: 0; */
    width: 100%;
    background-color: var(--clr-primary);
    transform: translateY(0);
    transition: transform .5s cubic-bezier(0.65, 0, 0.35, 1);
    outline: 0.0625rem solid var(--clr-primary);
}

.h-info-wrap {
    position: relative;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0.25rem;
}

.h-info-wrap img {
    display: inline-block;
    width: auto;
    max-height: 26px;
}

.h-info-wrap .caption {
    max-width: 90%;
    font-size: 0.9375rem;
    line-height: 1.5em;
    color: #ffffff;
}

.btn-icon {
    --size: 1.75rem;
    position: relative;
    transition: .3s ease;
    display: inline-block;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #ffffff;
    color: var(--clr-black);
}

.btn-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
}

@media (min-width: 1200px) {
    .btn-icon:hover {
        background-color: var(--clr-black);
        color: #ffffff;
    }
}

@media (max-width: 1199px) {

    body #content-block header.show-info,
    body #content-block header.show-info+.header-margin {
        height: 147px;
    }
}

@media (min-width: 1200px) {
    body #content-block header.header-hide .h-info {
        top: 42px;
        bottom: -42px;
    }

    body #content-block header.show-info,
    body #content-block header.show-info+.header-margin {
        height: 205px;
    }
}

@media (min-width: 1501px) {

    body #content-block header.show-info,
    body #content-block header.show-info+.header-margin {
        height: 227px;
    }
}

@media (max-width: 575px) {

    body #content-block header.show-info,
    body #content-block header.show-info+.header-margin {
        height: 157px;
    }
}