body { background: #FFF7FA; }
body::before { content: ''; position: fixed; width: 100%; height: 100%; background: url('../images/sandwich-wall.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; opacity: 0.02; }

a { color: var(--color-primary-accent); }
a:hover { color: var(--color-primary-accent); }

.content hr { border: none; height: 40px; background: url('../images/bus-hr.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.fancy-title { margin-top: 50px; }

.header-menu-wrap ul { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: space-between; }
.header-menu-wrap ul li a { font-size: 20px; font-weight: 600; padding: 10px 15px; }
.header-menu-wrap ul li:first-child a { padding-left: 0; }
.header-menu-wrap ul li:last-child a { padding-right: 0; }
header .header-icons .cartmenu .far.fa-shopping-cart { transform: translateX(-1px); }

nav.mainmenu .navbar-toggler { color: #fff; border-color: rgba(255,255,255,0.5); }

.availability-wrap { margin-left: auto; }
.availability-wrap h4 { margin-bottom: 5px; }
.availability-wrap h4::before { content: '\2022'; color: #4BBE42; display: inline-block; transform: scale(1.5) translateY(-2px); margin-right: 5px; }
.availability-wrap h4.red-circle::before { color: #df1313; }
.availability-wrap p { font-weight: 600; color: var(--color-primary-accent); margin-bottom: 0; }

.slider-usps-wrap { display: flex; flex-wrap: wrap; }
.slider-usps-wrap .home-slider { width: 70%; }
.slider-usps-wrap .home-slider .slick-list { height: 100%; }
.slider-usps-wrap .home-slider .slick-track { height: 100%; }
.slider-usps-wrap .home-slider .slick-slide { height: 100%; }

.slider-usps-wrap .usps-wrap { width: 30%; background: var(--color-primary-accent); display: flex; flex-direction: column; justify-content: space-between; color: #fff; padding: 50px; }
.slider-usps-wrap .usps-wrap .usp { display: flex; align-items: center; margin-bottom: 25px; }
.slider-usps-wrap .usps-wrap .usp:last-of-type { margin-bottom: 0; }
.slider-usps-wrap .usps-wrap .usp .img-wrap { flex-shrink: 0; margin-right: 25px; }
/* .slider-usps-wrap .usps-wrap .usp .img-wrap img { width: 50px; height: auto; filter: invert(20%) sepia(68%) saturate(2717%) hue-rotate(317deg) brightness(94%) contrast(103%); } */
.slider-usps-wrap .usps-wrap .usp .img-wrap img { width: 50px; height: auto; filter: invert(1); }
.slider-usps-wrap .usps-wrap .usp .content-wrap {  }
.slider-usps-wrap .usps-wrap .usp .content-wrap > *:last-child { margin-bottom: 0; }
.slider-usps-wrap .usps-wrap .usp h4 { font-size: 22px; font-weight: 600; }

.product .options-wrap select { width: 100%; background: #fff; color: #000; }
.product select, .product input.amount { border: 1px solid #D1D1D1; padding: 12px; }
.product .order-btn-wrap { transform: translateY(50px); transition: transform 0.3s; background: none; outline: none; border: none; }
.product .price-stock-order.active { background: var(--color-primary-accent); color: #fff; }
.product .price-stock-order.active .pricestyle { color: #fff; }
.product .price-stock-order.active .order-btn-wrap { transform: none; }
.product .order-btn-wrap:disabled { color: #000; opacity: 0.2; pointer-events: none; }
.product .product-smalldesc { margin-bottom: 10px; }
.product .amount-input-btns {  }
.product .amount-input-btns button { display: none; }

.product h5 { font-size: 12px; font-weight: 400; margin-bottom: 5px; }
.product-list .options-wrap select { max-width: 200px; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
.product-list .options-wrap .select-wrap { position: relative; display: flex; align-items: center; }
.product-list .options-wrap .select-wrap::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 10px; font-size: 14px; font-weight: 900; color: var(--color-primary); transform: translateY(1px); pointer-events: none; background: #fff; padding: 3px 0; }
.product-list .order-btn-wrap { transform: none; transition: none; color: var(--color-primary-accent); display: flex; flex-direction: column; margin: -20px -10px -20px 0; padding: 15px; }
.product-list .order-btn-wrap:active { transform: translateY(2px); filter: brightness(0.9); }
.product-list .order-btn-wrap i { font-size: 24px; }
.product-list .price-stock-order .price-stock .pricestyle { font-size: 24px; color: var(--color-primary); display: inline-block; min-width: 100px; }
.product-list .price-stock-order.active { background: none; }
.product-list .product-smalldesc { margin-bottom: 0; }
.product-list.no-options .product-text { max-width: none; }
.product-list.no-options .options-amount-wrap { flex-grow: 0; }

.product-grid .price-stock-order { justify-content: flex-start; }
.product-grid .price-stock-order .amount-wrap { width: 60px; transform: translateY(calc(100% + 10px)); transition: transform 0.3s; }
.product-grid .price-stock-order .amount-wrap h5 { display: none; }
.product-grid .price-stock-order.active .amount-wrap { transform: none; }
.product-grid .price-stock-order .amount-wrap input { text-align: center; background: none; border: 1px solid #D1D1D1; color: #fff; border-radius: 8px; }
.product-grid .price-stock-order .price-stock { margin-left: 10px; flex-grow: 1; transform: translateX(-70px); transition: transform 0.3s; }
.product-grid .price-stock-order.active .price-stock {transform: translateX(0); }
.product-grid .order-btn-wrap .add-text { display: none; }
.product-grid .imagebox { margin: -20px -20px 0 -20px; }
.product-grid .imagebox img { object-fit: cover; }

.filter-side h4.filter-title { background: var(--color-primary-accent); color: #fff; padding: 15px; margin-bottom: 0; }
.filter-side .sibling-categories { background: rgb(255 255 255 / 60%); }
.filter-side .sibling-categories ul { border-left: none; padding: 15px; }
.filter-side .sibling-categories ul li { font-size: 18px; font-weight: 500; margin-bottom: 15px; display: flex; justify-content: space-between; line-height: 1.2; }
.filter-side .sibling-categories ul li .amount { color: #B9B9B9; }
.filter-side .sibling-categories ul li a { color: var(--color-primary); margin-right: 5px; }

footer .contactdetails { display: flex; flex-direction: column; }
footer .contactdetails .item { margin-bottom: 5px; }
footer .contactdetails .item i { margin-right: 15px; color: var(--color-primary); }


.btn-light { background: #e9e9e9; border-color: #e9e9e9; }
.btn-light:hover { background: #f3f3f3; border-color: #f3f3f3; }

.cart-title.complete-order-title { margin-bottom: 25px; margin-top: 25px; }
.cart-title.complete-order-title .row { align-items: center; }
.cart-title.complete-order-title h1 { font-size: 40px; margin: 0; }
.cart-title.complete-order-title .btn.btn-light { margin-top: 0;  }

.coupon-code-box { color: var(--color-primary-accent); }

.block.content { margin-bottom: 50px; }


.floating-cart-icon-wrap { position: fixed; bottom: 0; right: 0; transition: transform 0.3s; transform: translateX(100%); z-index: 10; }
.floating-cart-icon-wrap.active { transform: none; }
.floating-cart-icon-wrap .floating-cart { position: relative; margin-right: 25px; margin-bottom: 25px; background: var(--color-secondary); border: 1px solid #FFF7FA; color: #fff; width: 85px; height: 85px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: background 0.3s; font-size: 24px; }
/* .floating-cart-icon-wrap .floating-cart::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); transform: scale(2); border-radius: 50%; z-index: -1; pointer-events: none; } */
.floating-cart-icon-wrap .floating-cart:hover { background: var(--color-primary-accent); text-decoration: none; }
.floating-cart-icon-wrap .floating-cart:active { transform: translateY(2px); }
.floating-cart-icon-wrap .floating-cart .floating-number { position: absolute; right: 0; top: -5px; background: var(--color-primary); width: 20px; height: 20px; font-size: 14px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }


.product-modal-center {  }
.product-modal-center .modal-dialog { max-width: 1000px; }
.product-modal-center .modal-header { border-bottom: 0; position: absolute; top: 0; right: 0; z-index: 1; }
.product-modal-center .modal-body { padding: 0 40px; }
.product-modal-center h2 { font-size: 20px; }
.product-modal-center .modal-img { margin-bottom: 20px; }
.product-modal-center .product-content { padding-top: 50px; padding-right: 30px; padding-bottom: 25px; display: flex; flex-direction: column; align-items: center; }
.product-modal-center .product-content::after { content: ''; position: absolute; right: 0; top: 20%; border-right: 2px solid rgb(199 27 91 / 25%); height: 60%; }
.product-modal-center .product-options { display: flex; flex-direction: column; justify-content: space-between; padding-top: 50px; padding-left: 30px; }
.product-modal-center .top-options { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
.product-modal-center .options-amount-price { display: flex; }
.product-modal-center .options-amount-wrap { display: flex; }
.product-modal-center .options-amount-wrap h5 { font-size: 12px; font-weight: 400; margin-bottom: 5px; }
.product-modal-center .options-amount-wrap select { width: 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: #fff; color: #000; }
.product-modal-center .options-amount-wrap .select-wrap { position: relative; display: flex; align-items: center; }
.product-modal-center .options-amount-wrap .select-wrap::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 10px; font-size: 14px; font-weight: 900; color: var(--color-primary); transform: translateY(1px); pointer-events: none; background: #fff; padding: 3px 0; }
.product-modal-center .options-amount-wrap input[type="number"] { max-width: 100px; min-width: 75px; width: 100%; }
.product-modal-center .options-amount-wrap .options-wrap { padding: 0 10px 0 0; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
.product-modal-center .options-amount-wrap .amount-wrap { padding: 0 5px; display: flex; flex-direction: column; justify-content: center; }
.product-modal-center .price-stock { padding: 0 5px; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; }
.product-modal-center .pricestyle { font-size: 24px; color: var(--color-primary); }
.product-modal-center .order-btn-wrap { background: none; outline: none; border: none; margin: 25px -55px 0 -30px; width: calc(100% + 70px); padding: 15px; display: flex; justify-content: center; align-items: center; background: var(--color-primary-accent); color: #fff; transition: background 0.3s; }
.product-modal-center .order-btn-wrap:hover { background: var(--color-primary); }
.product-modal-center .order-btn-wrap:disabled { background: none; color: #000; opacity: 0.2; pointer-events: none; }
.product-modal-center .order-btn-wrap i { font-size: 24px; margin-right: 10px; }

.title-and-filters { margin-bottom: 15px; }
.title-and-filters h1 { margin-bottom: 0; }

table .btn { font-size: 16px; }
.orders-table-wrap { overflow-x: scroll; }
.orders-table { width: max-content; }
.orders-table td,
.orders-table th { padding: 8px; }

.placeholderSkeleton { position: static; overflow: hidden; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); background-size: 800px 100%; animation: placeholderSkeleton 2s linear; animation-iteration-count: infinite; padding: 12px; border-radius: 5px; }
@keyframes placeholderSkeleton{0%{background-position:-800px 0}100%{background-position:800px 0}}

h2.placeholderSkeleton { padding: 24px; }
p.placeholderSkeleton { min-height: 100px; }
.img-placeholder.placeholderSkeleton { height: 100%; width: 100%; min-height: 200px; margin-bottom: 25px; }

.payMethodes .method-name { text-align: center; }

.minimal-order { display: flex; flex-direction: column; font-style: italic; color: #D9648F; font-size: 14px; margin-bottom: 5px; }

.search-bar-modal .close { display: flex; justify-content: center; align-items: center; }
.search-bar-modal .close span { line-height: 0.7; } 
.search-bar-modal .search-form-group { display: flex; margin-bottom: 0; }
.search-bar-modal .search-form-group .btn { padding: 5px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.search-bar-modal .search-form-group input { height: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.search-bar-modal .search-form-group input:focus { box-shadow: none; border-color: var(--color-primary); }

.search-form { max-width: 300px; margin-top: 10px; }
.search-form .form-group { display: flex; position: relative; }
.search-form input.form-control { border-radius: 4px 0 0 4px; border-right: none; background: #fff; padding: 0 20px; height: 50px; }
.search-form input.form-control:focus { outline: none; border-color: var(--color-primary); background: #fff; box-shadow: none; }
.search-form button.btn { padding: 5px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
/* .search-form button:hover { background: var(--color-primary); } */

@media only screen and (max-width: 1439px) {
    .content hr { height: 35px; }

    .header-menu-wrap ul li a { font-size: 18px; padding: 8px 10px; }
    .home-slider img { min-height: 400px; }
    .slider-usps-wrap .usps-wrap { padding: 35px; }
    .slider-usps-wrap .usps-wrap .usp h4 { font-size: 20px; }
    .availability-wrap h4 { margin-bottom: 2px; }

    .slider-usps-wrap .usps-wrap .usp { margin-bottom: 15px; }
    .slider-usps-wrap .usps-wrap .usp .img-wrap { margin-right: 15px; }
    .slider-usps-wrap .usps-wrap .usp .img-wrap img { width: 40px; }

    .cart-title.complete-order-title h1 { font-size: 36px; }
}

@media only screen and (max-width: 1199px) {
    .content hr { height: 30px; }

    .header-menu-wrap ul li a { font-size: 16px; padding: 5px 8px; }
    .availability-wrap h4 { font-size: 16px; }
    .availability-wrap p { line-height: 1.2; font-size: 14px; }

    .slider-usps-wrap .home-slider { width: 65%; }
    .home-slider img { min-height: 350px; }
    .slider-usps-wrap .usps-wrap { width: 35%; padding: 25px; }
    .slider-usps-wrap .usps-wrap .usp h4 { font-size: 18px; }

    .filter-side h4.filter-title { font-size: 16px; padding: 10px; }
    .filter-side .sibling-categories ul { padding: 10px; }
    .filter-side .sibling-categories ul li { font-size: 16px; margin-bottom: 8px; }

    .product-list .options-amount-wrap { max-width: 250px; }
    .product-list .options-wrap .select-wrap::after { font-size: 12px; }
    .product-list .options-wrap select,
    .product-list .amount-wrap select,
    .product-list .amount-wrap input { padding: 8px; font-size: 14px; max-width: 100%; }
    .product-list .price-stock-order .price-stock .pricestyle { font-size: 18px; min-width: 75px; }
    .product-list .order-btn-wrap { margin: -10px -10px -10px 0; padding: 8px; }
    .product-list .order-btn-wrap i { font-size: 20px; }

    .product-grid { padding: 10px; }
    .product-grid .price-stock-order { padding: 10px; margin: 15px -10px -10px; }

    .cart-title .btn-light,
    .cartFooter .btn { padding: 7px 20px; }

    .cart-title.complete-order-title h1 { text-align: left; }

    .product-modal-center .modal-dialog { max-width: 960px; }

    .product-grid .imagebox { margin: -10px -10px 0 -10px; }
}

@media only screen and (max-width: 991px) {
    .header-menu-wrap ul li a { font-size: 18px; }
    header .header-icons { justify-content: flex-start; margin-top: 25px; }
    .availability-wrap { margin-left: 20px; }

    .slider-usps-wrap .home-slider { width: 100%; }
    .home-slider img { min-height: 300px; }
    .slider-usps-wrap .usps-wrap { width: 100%; }
    .slider-usps-wrap .usps-wrap .usp { margin-bottom: 25px; }

    .product-list .options-amount-wrap { max-width: none; }
    .product-list .price-stock-order .price-stock .pricestyle { font-size: 24px; }
    .product-list .order-btn-wrap { margin: 0 -10px -10px 0; }

    .footer-menu-left { margin-bottom: 25px; }

    .cart-title.complete-order-title h1 { margin: 10px 0 0 0; }

    .product-modal-center .modal-dialog { max-width: 720px; }
    .product-modal-center h2 { font-size: 24px; }
    .product-modal-center .options-amount-price { flex-direction: column; }
    .product-modal-center .price-stock { padding: 0; margin-top: 5px; }
}


@media only screen and (max-width: 767px) {
    .content hr { height: 25px; }

    header .logo-col { order: 1; }
    header .header-menu-col { order: 3; margin-top: 15px; }
    header .header-icons { order: 2; margin-top: 0; }

    .home-slider img { min-height: 250px; }

    .cart-title.complete-order-title h1 { font-size: 28px; }

    .product-modal-center .modal-header { position: static; }
    .product-modal-center .product-content { padding-right: 15px; border-bottom: 2px solid rgb(199 27 91 / 25%); padding-top: 0; padding-bottom: 0; }
    .product-modal-center .product-content::after { display: none; }
    .product-modal-center .product-options { padding-left: 15px; padding-top: 25px; }
    .product-modal-center .options-amount-price { flex-direction: row; }
    .product-modal-center .price-stock { margin-top: 0; padding: 0 5px; }
    .product-modal-center .order-btn-wrap { width: calc(100% + 80px); margin: 30px -40px 0 -40px; }

    .new-here-wrap { margin-top: 50px; }

    .product-grid .imagebox { margin: 0; }

    .search-form { max-width: none; }
}

@media only screen and (max-width: 575px) {
    .availability-wrap { display: none; }
    header .header-icons { justify-content: flex-end; }
    .header-menu-wrap ul li a { font-size: 16px; padding: 5px; }

    .home-slider img { min-height: 200px; }

    .product .order-btn-wrap { transform: none; }
    .product .price-stock-order.active { background: none; }
    .product .price-stock-order.active .pricestyle { color: var(--color-primary); }
    .product-list .price-stock-order .price-stock .pricestyle { font-size: 20px; }

    .product-grid .producttitle { margin-top: 0; }
    .product-grid .options-wrap { padding-right: 0; }
    .product-grid .options-amount-wrap { margin-bottom: 0; }
    .product-grid .price-stock-order { flex-wrap: wrap; margin-top: 0; padding-bottom: 0; }
    .product-grid .price-stock-order .amount-wrap { flex-grow: 1; width: 100%; transform: none; margin-bottom: 5px; }
    .product-grid .price-stock-order .amount-wrap h5 { display: block; }
    .product-grid .price-stock-order .amount-wrap input { color: #000; text-align: left; border-radius: 4px; }
    .product-grid .price-stock-order .price-stock { transform: none; margin-left: 0; }
    .product-grid .order-btn-wrap .add-text { display: inline; }
    .product .amount-input-btns { display: flex; }
    .product-grid .price-stock-order .amount-wrap .amount-input-btns input { border-radius: 0; border: 2px solid #e1e1e1; max-width: 40px; padding: 5px; text-align: center; font-size: 12px; color: #000; }
    .product-grid .amount-input-btns button { display: block; }

    .product .amount-input-btns button { outline: none; border: none; background: #e1e1e1; }
    .product .amount-input-btns button:hover { background: #ccc; }
    .product .amount-input-btns button:active { transform: translateY(2px); }

    .product-modal-center .modal-body { padding: 0 20px; }
    .product-modal-center .options-amount-price { flex-direction: column; }
    .product-modal-center .price-stock { margin-top: 5px; padding: 0; }
    .product-modal-center .order-btn-wrap { width: calc(100% + 40px); margin: 30px -20px 0 -20px; }

    .product .options-wrap select { padding: 10px; }

    .floating-cart-icon-wrap .floating-cart { width: 50px; height: 50px; margin-bottom: 15px; margin-right: 15px; font-size: 16px; }
    .floating-cart-icon-wrap .floating-cart .floating-number { width: 15px; height: 15px; font-size: 12px; }

    .title-and-filters { margin-bottom: 0; }
    .title-and-filters h1 { margin-bottom: 10px; }
    
    header > .row > .container > .row { padding-top: 0; position: relative; align-items: flex-end; }
    header .logo-col { order: 2; }
    header .header-menu-col { order: 1; margin-top: 0; position: absolute; top: 0; }
    header .header-menu-col .header-menu-wrap ul { justify-content: flex-end; }
    header .header-menu-col .header-menu-wrap ul li:nth-child(1){ display: none; }
    header .header-menu-col .header-menu-wrap ul li:nth-child(2){ display: none; }
}

@media only screen and (max-width: 479px) {
    .content hr { height: 20px; }
    .slider-usps-wrap .usps-wrap { padding: 20px; }
    .slider-usps-wrap .usps-wrap .usp { margin-bottom: 15px; }

    .header-menu-wrap ul li a { font-size: 14px; text-align: center; }

    .product .price-stock-order .price-stock .pricestyle { font-size: 16px; }
    .product .order-btn-wrap { font-size: 12px; }
    .product .order-btn-wrap i { font-size: 14px; }

    .product-grid .price-stock-order { padding-top: 0; }

    .product-list .options-wrap select { max-width: 100%; }
    .product-list .amount-wrap .amount-input-btns input { border-radius: 0; border: 2px solid #e1e1e1; max-width: 40px; padding: 5px; text-align: center; font-size: 12px; color: #000; }
    .product-list .amount-input-btns button { display: block; }

    .new-here-wrap { margin-top: 35px; }
}

@media only screen and (max-width: 360px) {

}