.preloader-page-client .inside {
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-page-client .preloader-logo {
    width: 130px !important;
    height: 130px !important;
}

.preloader-page-client .loader-circle {
    width: 134px;
    height: 134px;
    position: absolute;
    border-width: 3px;
}

header.header_in {
    position: fixed;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    z-index: 999;
}

header.header_in .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.header_in .basket-btn {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    background: #fafafa;
    padding: 10px;
    align-items: center;
}

header.header_in .basket-btn > span {
    margin-left: 5px;
    font-weight: bold;
    display: block;
}

header.header_in .header-basket-price {
    margin-left: 5px;
    display: none;
}

header.header_in .header-basket-price > span {
    font-weight: bold;
    color: var(--tree-poppy);
}

header.header_in .right-side {
    display: flex;
    align-items: center;
}

header.header_in .right-side a {
    margin-left: 15px;
}

header.header_in .right-side a:hover,
header.header_in .right-side a:focus {
    color: #fff;
}

.options li label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.options li label span {
    font-size: 12px
}

.btn-disabled {
    cursor: not-allowed;
    background: #d7d7d7 !important;
}

.btn-disabled:hover, .btn-disabled:focus {
    -webkit-filter: none;
    filter: none;
}

.order-options {
    margin-top: 6px;
    display: block !important;
}

.order-options div {
    width: 100%;
    margin-top: 5px;
}

.order-options span {
    font-size: 10px;
}

.delivery-type {
    display: none;
}

.shop-name {
    font-weight: 800;
}

.default-logo {
    font-family: 'Fredoka One', serif;
    color: var(--tree-poppy) !important;
    font-weight: bold;
    font-size: 55px;
    margin-top: 0 !important;
}

@media screen and (max-width: 991px) {
    .margin-main-container .hero_in.detail_page {
        height: 250px !important;
    }

    .banner-shop-name {
        flex-direction: column;
    }

    .shop-name {
        margin-bottom: 10px !important;
    }
}

/*--------------------------------------------------------------
Banner
--------------------------------------------------------------*/
.bg-default {
    background: #fafafa;
    background-size: contain;
    position: relative;
}

.opening-time-shop-banner {
    background: #ff5200;
    padding: 20px;
    text-align: center;
}

.opening-time-shop-banner span {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.hero_in.detail_page {
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .3);
}

.hero_in.detail_page > .wrapper {
    height: 100%;
}

.hero_in.detail_page .wrapper .main_info {
    position: relative !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hero_in.detail_page .wrapper .buttons {
    position: relative !important;
    margin: 0 !important;
}

.banner .container {
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
    z-index: 12;
}

.banner {
    border-bottom: 1px solid #e5e5e5;
}

.banner .row {
    align-items: center;
}

.banner-shop-name {
    display: flex;
    align-items: center;
}

.banner-shop-name button, .banner-shop-name a {
    padding: 2px 4px;
    margin-left: 10px;
}

.banner-shop-name a {
    color: #fff !important;
}

.banner-shop-name button > i:before {
    font-size: 12px;
}

.banner-shop-name h3 {
    font-size: 25px;
    margin-bottom: 0;
}

.banner .banner-content > .info-banner-text {
    margin-top: 20px;
}

.banner div p {
    margin-bottom: 0;
    font-weight: bold;
}

.banner div p span {
    font-weight: 500;
}

.banner .banner-logo > div, .preloader-page-client .preloader-logo {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 2px solid var(--tree-poppy);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15);
}

.banner .banner-logo > div > img, .preloader-page-client .preloader-logo > img {
    max-width: 80%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .hero_in.detail_page {
        height: 120px !important;
    }
}

@media screen and (max-width: 991px) {
    #logo {
        text-align: left;
        width: auto;
    }

    header.header_in {
        padding: 15px 0;
    }

    .banner .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .banner .banner-logo > div {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .banner .banner-content {
        text-align: center;
        margin-top: 20px;
    }

    .banner .banner-shop-name {
        justify-content: center;
    }
}


/*--------------------------------------------------------------
Basket
--------------------------------------------------------------*/
.box_booking .main {
    padding: 0;
}

.box_booking .main ul li a:before {
    content: "remove_circle_outline";
    font-size: 21px;
    position: absolute;
    left: 0;
    top: 0;
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#message:before {
    content: 'check_circle_outline';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 21px;
    position: absolute;
    left: 10px;
    top: 7px;
}

.basket-summary .box_booking {
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.basket-summary .box_booking .head {
    border-bottom: 1px solid #e5e5e5 !important;
}

.basket-summary .box_booking .head h3 {
    font-weight: 700;
}

.basket-summary li, #products-order {
    margin-bottom: 0;
}

.basket-summary li, #products-order li div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.basket-summary li span, #products-order li span {
    float: none !important;
}

.basket-summary li, #products-order li:last-child {
    margin-bottom: 0;
}

.basket-summary .products-order {
    padding: 25px 25px 0;
    overflow-y: auto;
    max-height: 230px;
    margin-bottom: 22px;
}

.basket-summary .products-order li {
    flex-direction: column;
}

.basket-summary .discount-container > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-summary .discount-container button {
    margin-left: 15px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-summary .discount-container small {
    color: #777;
    font-size: 10px;
}

.basket-summary li.discount-price-wrapper {
    display: none;
}

.discount-price-wrapper span, .discount-price-wrapper {
    color: #e74747;
    font-weight: bold !important;
}


/*--------------------------------------------------------------
Products
--------------------------------------------------------------*/
.category-title {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    background-color: #fafafa;
    display: flex;
    align-items: center;
}

.category-title h3 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.125rem;
    z-index: 12;
    position: relative;
}

.category-title i {
    font-size: 15px;
    margin-left: 10px;
    margin-bottom: -3px;
    color: #222;
}

.category-title i:before {
    font-weight: bold;
}

.products-cs .strip figure {
    background-color: rgba(0, 0, 0, .2);
    background-position: center;
    background-size: cover;
}

.products-cs .biggerHeight figure {
    height: auto;
}

.cover-bg {
    position: relative;
}

.cover-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    z-index: 5;
}

.products-cs .strip {
    border-radius: 5px;
}

.products-cs .strip figure > div {
    width: 100%;
    height: 100%;
    padding: 15px;
    z-index: 10;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.products-cs .strip figure > div > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.products-cs .strip figure .ribbon {
    position: relative;
    right: 0;
    top: 0;
    padding-bottom: 7px;
    border-radius: 3px;
}

.products-cs .strip figure .strip_info {
    width: 100%;
}

.products-cs .biggerHeight .strip_info {
    margin-top: 30px;
}

.products-cs .strip figure .item_title, .item_title {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    position: relative;
    padding: 10px;
    font-weight: 600;
    min-width: 40px;
    z-index: 9;
    border-radius: 4px;
}

.strip figure .item_title h3, .item_title h3 {
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-bottom: 0;
}

.strip figure .item_title small {
    font-size: 11px !important;
    margin-top: 10px !important;
    display: block;
}

.products-cs .strip .category-name {
    background: #444;
    color: #fff;
}

.products-cs .btn-cs-1 {
    font-weight: bold;
}

.products-cs .btn-cs-1 > * {
    color: var(--white);
}

.products-cs .price {
    color: var(--white);
    font-weight: bold;
    padding: 8px;
    border-radius: 4px;
}

.products-cs .strip ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.products-cs .strip ul li {
    padding: 0;
}

.products-cs .strip ul li:first-child {
    display: flex;
}

.products-cs .strip ul li:last-child {
    float: none;
}

.products-cs .btn-cs-1 {
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

.products-cs .link-to-product {
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    border-radius: 3px;
    background: #444;
}

.products-cs .link-to-product i {
    color: #fff;
}

.products-cs .link-to-product i:before {
    font-weight: bold;
}

.products-cs .btn-info-product {
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-cs .btn-info-product i {
    font-size: 20px;
}


/* Products without img */
.without-img-product-container figure {
    background: transparent none !important;
    height: auto;
}

.without-img-product-container figure:before {
    content: none;
}

.without-img-product-container .strip figure > div {
    justify-content: flex-start;
}

.without-img-product-container .strip figure .strip_info {
    margin-top: 10px;
}

.without-img-product-container .strip,
.without-img-product-container .product-data-info {
    background-color: var(--product-color);
}

.without-img-product-container .product-data-info {
    padding: 0 15px 15px;
}

.without-img-product-container.biggerHeight figure {
    height: auto !important;
}


.name-info-product {
    padding: 30px 15px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.name-info-product h3 {
    color: #fff;
    position: relative;
    z-index: 10;
}

.info-product > div:not(:first-child), .basket-product > div:not(:first-child) {
    margin-top: 15px;
}

.title-info-product {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px;
    background: #fafafa;
}

.title-info-product h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}

.title-info-product i {
    display: block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 20px;
}

.content-info-product {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.content-info-product .pictures {
    margin-bottom: 0;
    text-align: left;
}

.gallery-info-product {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.gallery-info-product:after {
    content: none !important;
}

.gallery-info-product figure {
    border-radius: 5px;
    margin: 11px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
}

.content-info-product .table {
    margin-bottom: 0;
}

.content-info-product .table-bordered td {
    font-size: 12px;
    font-weight: bold;
}

.content-info-product .table-bordered tr.noActive > td:last-child {
    color: #ff5200;
}

.qnty-products {
    display: flex;
    align-items: center;
}

.qnty-products input {
    width: 50px;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 0 15px;
    height: 40px;
}

.qnty-products > button, .product-price {
    height: 40px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.qnty-products > button:first-child {
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.qnty-products > button:nth-child(3) {
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.product-price {
    border-color: var(--royal-blue);
    border-radius: 4px;
    margin-left: 20px;
    cursor: default;
}

.product-price > span {
    font-weight: bold;
    color: var(--white);
}

.product-price > span:last-child {
    display: block;
    margin-left: 5px;
}

ul.content-info-product, ul.content-info-product li {
    margin: 0;
    list-style-type: none;
}

ul.content-info-product li:last-child label {
    margin-bottom: 0;
}

.preview-product {
    border: 6px solid var(--tree-poppy);
}

.grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 15px;
}

.grid ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid ul:first-child {
    margin-right: 10px;
}

.grid li:not(:last-child) {
    margin-right: 10px;
}

.grid ul, .grid li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.grid ul {
    margin-bottom: 10px;
}

.grid a {
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid li > * {
    font-size: 11px;
    font-weight: bold;
    color: #444;
}

.grid a:hover, .grid .active-item {
    background: var(--royal-blue);
    color: #fff;
    border-color: var(--royal-blue);
}

.grid .active-item {
    cursor: default;
}

@media screen and (max-width: 1024px) {
    .products-cs .biggerHeight figure {
        height: 190px;
    }
}


/*--------------------------------------------------------------
Checkout
--------------------------------------------------------------*/
.checkout-order .box_booking_2 {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #e5e5e5
}

.checkout-order .box_booking_2 .head {
    padding: 45px 20px 53px 20px;
    background-position: center;
}

.checkout-order .container {
    padding-top: 50px;
}

.checkout-order .title h3 {
    margin-bottom: 25px;
}

.checkout-order .head {
    background-size: cover;
}

.checkout-order .head.cover-bg:before {
    background: rgba(0, 0, 0, .2);
}

.checkout-order .head > .title {
    z-index: 5;
    position: relative;
    font-weight: 600;
    text-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.basket-payments {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.basket-payments li {
    width: 49%;
}

.basket-payments li input, .consent-container input {
    display: none !important;
}

.basket-payments li label, .consent-container label {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
    transition: .4s;
    background: none;
    outline: none;
    width: 100%;
    text-align: left;
}

.consent-container label {
    justify-content: space-between;
}

.basket-payments li label:hover, .basket-payments li input:checked ~ label {
    border-color: var(--tree-poppy);
    background: var(--tree-poppy);
    color: #fff;
}

.basket-payments img {
    height: 40px;
    width: 56px;
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 5px;
}

.basket-payments span {
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold !important;
}

.button-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.checkout-info-terms {
    margin-top: 10px;
}

.checkout-info-terms > span, .delivery-type span {
    color: #999;
    font-size: 11px;
}

.checkout-info-terms button {
    margin-top: 10px;
}

.checkout-info-terms button b {
    text-decoration: none;
    color: #fff;
}

.checkout-info-terms b {
    text-decoration: underline;
    color: #444;
}

.consent-container label:hover, .consent-container input:checked ~ label {
    border-color: var(--royal-blue);
    background: var(--royal-blue);
    color: #fff !important;
}

.consent-terms-privacy-container label:hover, .consent-terms-privacy-container input:checked ~ label {
    border-color: var(--tree-poppy);
    background: var(--tree-poppy);
}

.consent-terms-privacy-container label:hover a, .consent-terms-privacy-container input:checked ~ label a {
    color: #fff !important;
}

.consent-terms-privacy-container label a {
    text-decoration: underline;
}

.consent-container label .icon {
    font-size: 20px;
}

.consent-container label span {
    font-size: 12px;
    font-weight: 500;
}

.box_booking_2 .form-group i, .sign_up .form-group i {
    font-size: 21px;
    top: 9px;
}

/* BANKS */
.banks .tpay {
    display: none;
}

.banks .tpay-groups-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.banks .tpay-groups-wrapper .tpay-group-holder {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #fff;
    padding: 10px;
    border: 1px solid #e5e5e5;
    max-width: 130px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
}

.banks .tpay-groups-wrapper .tpay-group-holder:hover, .banks .tpay-groups-wrapper .tpay-group-holder.tpay-active {
    border-color: var(--tree-poppy);
}

.banks .tpay-group-logo-holder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banks .tpay-groups-wrapper .tpay-group-holder img {
    max-width: 80%;
}

.banks .tpay-group-name {
    display: none;
}

@media screen and (max-width: 650px) {
    .basket-payments li {
        width: 100%;
    }
}


/*--------------------------------------------------------------
Order
--------------------------------------------------------------*/
.client-logo img {
    max-width: 110px;
    max-height: 80px;
    height: auto;
}

.order-status-title {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 15px;
}

.order-status-title h5 {
    margin: 0 15px 0 0;
}

.order-status-title span:last-child {
    margin-left: 5px;
}

.list-order-logs, .list-order-logs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list-order-logs li > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.list-order-logs li > div + span {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 5px;
    display: inline-flex;
    background: #fafafa;
    margin-top: 15px;
    font-size: 11px;
}

.list-order-logs li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.list-order-logs li strong {
    background: #f9f9fc;
    padding: 8px;
    border-radius: 30px;
    color: #444;
    margin-right: 15px;
    font-size: 10px;
    border: 1px solid #ebedf2;
}

.list-order-logs li span {
    font-size: 12px;
}

.list-order-logs li > * {
    margin-top: 10px;
}

.table-order-products tr td:first-child {
    border-left: 1px solid #dee2e6
}

.table-order-products tr td:last-child {
    border-right: 1px solid #dee2e6;
}

.table-order-products tr:last-child td {
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

.table-order-products tr.summary:not(:last-child) {
    border-top: 1px solid #e5e5e5;
}

.table-order-products tr.summary {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
}

.table-order-products tr.summary td {
    background: var(--royal-blue);
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, .1);
}

.table-order-products tr.summary-discount td {
    background: #e74747;
}

.table-order-products tr.summary td {
    border-color: transparent !important;
}

.table-order-products .order-attr-info {
    max-height: 190px !important;
    overflow-y: auto;
}

.attr-info-container ul {
    margin: 0;
}

.btn-cancel-order {
    background: var(--torch-red);
}

.button-group-orders {
    flex-direction: column;
    align-items: flex-end;
}

.button-group-orders button {
    margin-bottom: 5px;
}

.button-group-orders .text-muted {
    font-size: 10px;
}

.order-payment .icon i {
    font-size: 70px;
}

.order-payment .icon i.success {
    color: var(--mountain-meadow);
}

.order-payment .icon i.warning {
    color: var(--supernova);
}

.order-payment .icon i.error {
    color: var(--radical-red);
}

.order-payment .main h3 {
    font-size: 17px;
    font-weight: bold;
}

.order-payment .main a {
    display: inline-block;
}

.order-payment .main a:hover {
    color: #fff !important;
}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.footer-logo {
    color: var(--tree-poppy) !important;
    opacity: 1 !important;
}

.footer-payments {
    display: flex;
}

.footer-payments, .footer-payments li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer-payments li:not(:first-child) {
    margin-left: 5px;
}

.footer-payments li {
    width: 50px;
}

.footer-payments img {
    max-width: 100%;
    height: auto;
}
