.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; } .my-systems { margin: 30px auto 0; width: 100%; max-width: 300px; } } /*-------------------------------------------------------------- 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; } .subcategory-title { background: #fdfdfd; padding: 10px 15px; box-shadow: none; margin: 0 13px 20px; } .subcategory-title h3 { font-size: 15px; color: #777; font-weight: 500; } .subcategory-wrapper { margin: 0; } .subcategory-container { padding: 0; margin-bottom: 15px; } .subcategory-container .filters_full { padding-top: 0; } .subcategory-container .filters_full .switch-field { margin-top: 0; } .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; } .content-info-product.info-ingredients { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; background: #fdfdfd; display: flex; flex-direction: column; } .qnty-products { display: flex; align-items: center; } .qnty-options { display: none; } .qnty-products input { width: 40px; text-align: center; border: 1px solid #e5e5e5; padding: 0 10px; height: 39px; } .qnty-options input { width: 25px; height: 20px; padding: 0 5px; font-size: 11px; } .qnty-products > button, .product-price, .qnty-options > button, .option-item-price { height: 39px; border: 1px solid #e5e5e5; background: #fafafa; padding: 0 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .qnty-options > button, .option-item-price { height: 20px; padding: 0 5px; } .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, .option-item-price { border-color: var(--royal-blue); border-radius: 4px; margin-left: 10px; cursor: default; } .option-item-price { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .product-price > span, .option-item-price > span { font-weight: bold; color: var(--white); } .option-item-price > span { font-size: 11px; } .product-price > span:last-child, .option-item-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 { display: flex; justify-content: space-between; align-items: center; } ul.content-info-product li:not(:first-child) { margin-top: 8px; } ul.content-info-product li .container_check { margin-bottom: 0; } 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; } .consent-container label .icon { font-size: 20px; } .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; } .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; } /*-------------------------------------------------------------- Loyalty --------------------------------------------------------------*/ .loyalty-box-bg { background: #fdfdfd; border: 1px solid #e5e5e5; padding: 15px 0; border-radius: 5px; margin-bottom: 30px; } .loyalty-box-bg h6 { padding: 0 15px; color: #e74747; font-weight: bold; } .loyalty-box h6 { font-size: 13px; margin-bottom: 15px; text-transform: uppercase; } .loyalty-box p { padding: 0 5px; margin: 0; font-size: 13px; } .loyalty-box-bg .loyalty-box-info { display: flex; padding: 0 10px; flex-wrap: wrap; } .loyalty-box .loyalty-box-info { margin-top: 15px; } .loyalty-box .loyalty-box-info p { font-size: 12px; margin-bottom: 0; } .loyalty-box .loyalty-time { margin-top: 10px; } .tabs_detail .tab-content .card .card-body { padding-top: 20px; } /*-------------------------------------------------------------- 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; }