html { font-family: Eina03, Helvetica Neue, helvetica, arial, sans-serif; line-height: 1.6em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust:100% } body.custom-background { background-color: #f4f1ef; color: rgb(119, 119, 119); font-size: 16px; } .text-body { color: rgb(119, 119, 119); } a { color: rgb(119, 119, 119); text-decoration: underline; outline: 0; } a:hover, .text-body[href]:hover { color: #776f5f; text-decoration: none; } a.btn { text-decoration: none; } /*Header*/ @media (min-width: 992px) { .box-min-width { min-width: 255px; } } .landing-navbar { padding-bottom: 25px; border-bottom: 1px solid #c6c2bf; } .contact-phone-text { display: block; } .contact-phone-title { font-size: 10px; font-weight: 700; text-transform: uppercase; color: rgb(163, 165, 167); font-family: Rufina; } .contact-phone-link { font-size: 16px; font-weight: 700; line-height: 30px; } .contact-phone-icon { color: rgb(119, 111, 95); font-size: 30px; height: 30px; line-height: 30px; float: left; width: 38px; padding-right: 5px; } a.contact-phone-link { color: #3a3d46; } .contact-day-email { font-size: 12px } .contact-day-email a { color: rgb(119, 119, 119); } .img-brand { width: 200px; } @media ((max-width: 767px)){ .img-brand { width: 175px; } } .navbar-nav { font-size: 0.85em;} .nav-link { padding: 0.225rem 0.625rem; } hr { border-top: 1px solid #c6c2bf; } hr.light { border-top: 1px solid #dbd6d3; } /**/ h1, h2, h3, h4, .typo-heading { font-family: "Rufina",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-weight: 400; color: rgb(64, 65, 66); } p { font-size: 16px; } .product-item { border: 0 solid #fff; background-color: transparent; } .product-item:hover { border: 0 solid #fff; background-color: #fff; box-shadow: 0 3px 7.92px 0.08px rgba(0, 0, 0, 0.08); } h4.product-title { height: 4.35rem; overflow: hidden; margin-bottom: .5rem; } .product-description { font-size: 16px; height: 4.3rem; overflow: hidden; margin-bottom: .5rem; } .product-description-small { overflow: hidden; margin-bottom: .5rem; } .product-item-price{ font-size: 1.2rem; font-weight: bold; color: rgb(64, 65, 66); line-height: 1.5rem; } .product-item-price .small{ font-size: 0.85rem; } .badge-cart { background: #426c5d !important; border-color: #426c5d !important; color: #fff !important; } .more_details { font-size: 16px; } .switcher-holder { background-color: #426c5d; padding: .6rem 1.4rem .8rem; font-size: 1rem; line-height: 2; display: inline-block; cursor: pointer; border-radius: 0.25rem; } .switcher-holder:hover { background-color: rgb(114, 104, 86); } .switcher-success.switcher .switcher-input:checked ~ .switcher-indicator { background: #426c5d; color: #fff; } .switcher .switcher-indicator { cursor: pointer; } .switcher-holder .switcher-label { color:#fff; cursor: pointer; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; } .swiper-button-next, .swiper-button-prev { background-color: #fff; height: 100%; padding: 15px; top:0; color: rgb(119, 111, 95); outline: 0; opacity: 0.75; } @media (min-width: 992px) { .swiper-button-next, .swiper-button-prev { padding: 25px; } } .swiper-button-next, .swiper-rtl .swiper-button-prev{ right: 0; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0; } .swiper-button-next:hover, .swiper-button-prev:hover { color: rgb(58, 61, 70); opacity: 0.9; } .pagination-bullet { outline: 0; } .swiper-pagination-bullet:hover { background-color: rgb(119, 111, 95); outline: 0; opacity: 1; } .swiper-pagination-bullet-active { background-color: #426c5d; outline: 0; } .btn-primary { padding: .6rem 1.4rem .8rem; border-color: transparent; background: #426c5d; color: #fff; } .btn-primary:hover { border-color: transparent; background: rgb(114, 104, 86); color: #fff; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 2px rgba(141, 130, 109, 0.8); } .dropdown-item { color: #426c5d; } .dropdown-item:hover, .dropdown-item:focus { background-color: #d6d6d6; color: #426c5d; } .dropdown-item.active, .dropdown-item:active { background-color: #426c5d; color:#fff !important; } label { color: rgb(58, 61, 70); } label .required { color: rgb(196, 59, 59); } .form-control:focus { border-color: #426c5d; } .checkout-order { transition: box-shadow 0.4s ease; position: relative; background-color: #fafafa; padding: 30px 20px 40px; } .checkout-order:before { position: absolute; top: -10px; left: 0; content: ""; display: block; height: 10px; width: 100%; background-color: transparent; background-size: 20px 20px; background-position: 0 10px, 40px 40px; background-image: radial-gradient(closest-side, transparent 9px, #fafafa 100%); } .switcher-label { cursor: pointer; font-size: 16px; } .switcher .switcher-indicator { top: 0.1rem; } table.table-payment td { padding: 1rem 0; border-top: none; border-bottom: 0 solid #c6c2bf; } .yard-items-head { border-bottom: 0 solid #c6c2bf; padding-bottom: 8px; margin-bottom: 8px; } .yard-item { position: relative; padding-top: 8px; padding-bottom: 8px; } .yard-item a.shop-item-hl { font-size: 1.1em; font-weight: bold; } .yard-item .options { margin-top: 4px; } .yard-item a.auto-delete-product { font-size: 0.7em; font-weight: bold; text-transform: uppercase; } .yard-item .quantity { position: relative; } .quantity-select { text-align: right; } .quantity-select select.form-control:not([size]):not([multiple]) { width: auto; min-width: 5em; display: inline-block; } .yard-item .price-total { margin-top: 6px; white-space: nowrap; } .yard-item .font-semi-bold { font-weight: 500; } .yard-item .font-semi-bold .small { font-size: 1rem; } .yard-item .font-bold { font-weight: bold; } .price-single { white-space: nowrap; } .price-total { font-weight: 600; font-size: 0.95rem; white-space: nowrap; } .quantity-select { text-align: right; } .quantity-select input.form-control { width: auto; min-width: 4em; display: inline-block; } .no-border-top{ border-top: none !important; padding-top: 0.125rem !important; } .form-control.error { border-color: #d9534f; } .dropdown-toggle.bs-placeholder.error{ border-color: #d9534f; } .switcher label.error { font-size: 85%; width: 100%; margin-top: 0.25rem; color: #d9534f; } .switcher .switcher-input.error { outline:0; } .switcher .switcher-input.error + .switcher-indicator{ box-shadow: 0 0 0 1px #d9534f; } .switcher-success.switcher .switcher-input:focus ~ .switcher-indicator { box-shadow: 0 0 0 1px #d9534f; } .pl-1p { padding-left: 1px !important; } .spinner { display: none; } .tab-content p { font-size: 1em; } .btn-add-product-shop { font-size: 16px; } small, .small { font-size: 90%; } .ui-w-100-140 { width: 140px !important; height: auto; } .media-body ul { padding-left: 1.8rem; } .modal-body .table { font-size:15px; color: rgb(119, 119, 119); } .media-body table th, .media-body .table td { padding: 0.4rem; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(24, 28, 33, 0.05); } .no-border { border: none; } .card-header a .fa-caret-collapse { width: 0.8em; } .card-header a.collapsed .fa-caret-collapse:before { content: "\f0da"; } .card-header a .fa-caret-collapse:before{ content: "\f0d7"; } .not-show { display: none; } .ui-w-150 { width: 150px !important; height: auto; } .card .nav-tabs .nav-link { border-color: #f4f1ef; border: 0; } .card .nav-tabs .nav-link { text-decoration: none; } .card .nav-tabs .nav-link.active { border-color: rgba(24, 28, 33, 0.1); border: 0; background-color: rgba(24, 28, 33, 0.06); } .card .nav-tabs .nav-link:hover { background-color: rgba(24, 28, 33, 0.03); } .tab-content .card { border-color: #f4f1ef; border-top: 0 solid rgba(24, 28, 33, 0.1); } .modal-shop .tab-content .card { background-color: rgba(24, 28, 33, 0.03); } .side-bar { position: fixed; overflow: hidden; top: 0; right: -100%; width: 465px; padding: 40px 30px; padding-top: 50px; height: 100%; display: block; background-color: white; backdrop-filter: blur(7px); z-index: 1900; transition: all 600ms ease; display: flex; flex-direction: column; overflow-y: auto; overflow: visible; width: 320px; } .inner-main-wrapper-desk .inner-content{ text-align: center; margin-top: 30px; } .inner-main-wrapper-desk p{ max-width: 95%; text-align: center; margin: auto; } .inner-main-wrapper-desk .title{ font-weight: 600; } .inner-main-wrapper-desk .footer{ padding-top: 50px; margin-top: 80px; border-top: 1px solid #c2c2c2; } .inner-main-wrapper-desk .title{ font-weight: 500; } .inner-main-wrapper-desk a.rts-btn{ margin: auto; } .side-bar.show { right: 0; overflow-y: auto; } .side-bar button { max-width: max-content; margin-right: auto; margin-left: -53px; margin-top: 0; position: absolute; border: 0; background-color: transparent; } .side-bar button i{ color: #000; height: 50px; width: 50px; border-radius: 0; display: flex; align-items: center; justify-content: center; margin-left: 14px; margin-top: -48px; font-size: 27px; } #anywhere-home.bgshow { background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 999; top: 0; } #anywhere-home { cursor: url(../images/close.png), auto; background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; } #shop-action { position: fixed; z-index: 1800; top: 0; right: 0; } #shop-action .group-action { position: absolute; top: 60px; left: 0; z-index: -1; display: block; width: 50px; height: 200px; background: #fff; color: #000 !important; opacity: 0.8; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); border-top-left-radius: 8px; border-bottom-left-radius: 8px; color: #fff !important; text-align: center; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); } #shop-action .group-action.small{ height: 120px; } #shop-action .group-action .shop-action-btn { display: block; width: 50px; height: 40px; padding-top: 5px; color: #606060; } #shop-action .group-action .shop-action-btn:hover { color: #426c5d; } @media ((max-width: 767px)) { .product-description { font-size: 14px; height: 3.9rem; } .more_details { font-size: 15px; } .btn-add-product-shop { font-size: 13px; margin: 0 8px; } .btn-sm-only-xs { padding: 0.188rem 0.6875rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.25rem; } h4, .h4 { font-size: 1.3rem; } h4.product-title { height: 4.25rem; } } @media (max-width: 991px) { .intro-media .media { text-align: center; } .intro-media .media img.d-block { display: inline-block !important; margin-bottom: 1em; } .intro-media .media p { font-size: 0.875rem; } p { font-size: 0.875rem; } .intro-media .media h6 { font-size: 0.875rem; } .ui-w-100-140 { width: 100px !important; height: auto; } .more_details { font-size: 0.875rem; } body.custom-background { font-size: 0.875rem; } .modal-body .table { font-size: 0.875rem; color: rgb(119, 119, 119); } .switcher-label { font-size: 0.875rem; } } .shop-products .col-1, .shop-products .col-2, .shop-products .col-3, .shop-products .col-4, .shop-products .col-5, .shop-products .col-6, .shop-products .col-7, .shop-products .col-8, .shop-products .col-9, .shop-products .col-10, .shop-products .col-11, .shop-products .col-12, .shop-products .col, .shop-products .col-auto, .shop-products .col-sm-1, .shop-products .col-sm-2, .shop-products .col-sm-3, .shop-products .col-sm-4, .shop-products .col-sm-5, .shop-products .col-sm-6, .shop-products .col-sm-7, .shop-products .col-sm-8, .shop-products .col-sm-9, .shop-products .col-sm-10, .shop-products .col-sm-11, .shop-products .col-sm-12, .shop-products .col-sm, .shop-products .col-sm-auto, .shop-products .col-md-1, .shop-products .col-md-2, .shop-products .col-md-3, .shop-products .col-md-4, .shop-products .col-md-5, .shop-products .col-md-6, .shop-products .col-md-7, .shop-products .col-md-8, .shop-products .col-md-9, .shop-products .col-md-10, .shop-products .col-md-11, .shop-products .col-md-12, .shop-products .col-md, .shop-products .col-md-auto, .shop-products .col-lg-1, .shop-products .col-lg-2, .shop-products .col-lg-3, .shop-products .col-lg-4, .shop-products .col-lg-5, .shop-products .col-lg-6, .shop-products .col-lg-7, .shop-products .col-lg-8, .shop-products .col-lg-9, .shop-products .col-lg-10, .shop-products .col-lg-11, .shop-products .col-lg-12, .shop-products .col-lg, .shop-products .col-lg-auto, .shop-products .col-xl-1, .shop-products .col-xl-2, .shop-products .col-xl-3, .shop-products .col-xl-4, .shop-products .col-xl-5, .shop-products .col-xl-6, .shop-products .col-xl-7, .shop-products .col-xl-8, .shop-products .col-xl-9, .shop-products .col-xl-10, .shop-products .col-xl-11, .shop-products .col-xl-12, .shop-products .col-xl, .shop-products .col-xl-auto { padding-right: 0.35rem; padding-left: 0.35rem; } .ui-w-90 { width: 85px !important; height: auto; } .modal-shop { background-color: #f4f1ef ; } .modal-shop .card { background-color: #f4f1ef ; } .media-body ul { padding-left: 1.2em; } .modal-header { padding: 1.25rem 1.25rem 0; border-bottom: 0; } .modal-footer { border-top: 0; } .ui-basket-card { display: block; margin-top: -36px; } .ui-basket-item { z-index: 1; display: inline-flex; vertical-align: top; align-items: center; background-color: #fff; border-radius: 9999px; border: 1px solid rgba(24, 28, 33, 0.1); transform: scale(1) translateZ(0); transition:background-color .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1); box-shadow: 0 3px 3px 0.08px rgba(0, 0, 0, 0.05); } .ui-basket-item:hover { background-color: #fafafa; border: 1px solid rgba(24, 28, 33, 0.2); } .ui-basket-item button { display: inline-block; width: 40px; height: 40px; border-color: transparent; background:transparent; text-align: center; vertical-align: middle; margin: 0; line-height: 38px; outline: none; opacity: 1; } .ui-basket-item button:disabled, .ui-basket-item button[disabled]{ opacity: 0.6; } .ui-basket-item button .fa { color: #426c5d; font-size: 150%; transform: scale(1) translateZ(0); transition: background-color .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1); } .ui-basket-item button:hover .fa { color: rgb(114, 104, 86); transform: scale(1.1) translateZ(0); } .ui-basket-btn-minus { border-radius: 9999px 0 0 9999px; } .ui-basket-btn-plus { border-radius: 0 9999px 9999px 0; } .ui-basket-quantity { display: inline-block; width: auto; height: 40px; padding: 0 6px; } .ui-basket-quantity .indicator { display: inline-block; color: #4E5155; font-weight: 700; line-height: 36px; font-size: 1.1rem; width: auto; padding: 0 2px; } .ui-basket-quantity .ion { font-size: 110%; color: #606060; } .badge.indicator:not(.badge-dot) { font-size: 0.7em; top:38px; }