@charset "UTF-8";
/* YOUR CUSTOM CSS */
:root {
    --bs-font-sans-serif: "Helvetica Neue", sans-serif;
    --bs-body-font-family: "Helvetica Neue", sans-serif;
}

html{
    font-size: 12px;
}

#page_content{
    padding-bottom: 10px;
    overflow: hidden;
}

/*
header:not(.has-opening-image){
    position: sticky;
}*/
#mynavbar{
    justify-content: flex-end;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1350px;
    }
}

input, select, textarea{
    outline: none!important;
    box-shadow: none!important;
}

div,
span,
button,
textarea,
input,
select,
label,
a{
    -webkit-tap-highlight-color: transparent;
}

#modal_shipping_areas .payment-box{
    cursor: unset!important;
}


.input-box{
    position: relative;
}

.input-box .msg-title{
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #6c757d;

    transition: all 150ms;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease;
    transition-delay: 0s;

    pointer-events: none;
}

.input-box.textarea-box .msg-title{
    top: 1.7rem;
}

.input-box label::before{
    content: '';
    width: 200%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: -1;
}

.input-box.forced > label,
.input-box textarea:focus ~ label, .input-box textarea:not(:placeholder-shown) ~ label,
.input-box input:focus ~ label, .input-box select:focus ~ label,
.input-box input:not(:placeholder-shown) ~ label, .input-box select:not(:placeholder-shown) ~ label,
.input-box.forced-label label{
    font-size: 0.9rem;
    font-weight: 500;
    color: #545454;
    -webkit-transform: translateY(-2.2rem);
    transform: translateY(-2.2rem);
    padding: 0 2px;

}

.svg-icon-danger{
    color: #f1416c;
}
.svg-icon-muted{
    color: #A1A5B7;
}
.svg-icon-28 svg{
    width: 28px;
    height: 28px;
}
.svg-icon-32 svg{
    width: 32px;
    height: 32px;
}
.svg-icon-120 svg{
    width: 120px;
    height: 120px;
}

.swal2-popup {
    font-size: 1.1rem !important;
}

.input-box .select2-selection{
    color: #333;
    height: 40px!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    border: 1px solid #ddd!important;
}

.input-box .select2-selection__rendered{
    padding-top: 6px;
}

.input-box .select2-selection__arrow{
    height: 40px!important;
}


.select2-dropdown{
    padding: 8px;
    border: 0!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.select2-search--dropdown {
    display: block;
    padding: 0!important;
    margin-bottom: 8px;
}
.select2-results__option{
    border-radius: 0.375rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(32, 33, 37, 0.1)!important;
    color: #333333!important;
}
.select2-results__options > li:not(:first-child){
    margin-top: 4px!important;
}


@media (min-width: 768px) {
    .jq-cart-form-ps{
        max-height: 85vh;
    }

    #modal_add_to_cart .close{
        top: 8px!important;
    }
}

.jq-cart-form-ps{
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.portlet.portlet-search .jq-preloader > .stage{
    left: unset!important;
    right: 0!important;
    width: 50px!important;
}

.notice{
    border: 1px dashed rgb(0, 158, 247);
    border-radius: 0.475rem !important;
    padding: 1.5rem !important;
    background-color: #f1faff;
    display: flex;
    align-items: center;
}

.notice .btn-add{
    width: unset!important;
    display: inline-flex;
    padding: 8px 17px!important;
}

.text-gray-900{
    color: #181C32;
}
.text-gray-700{
    color: #5E6278;
}

.svg-icon.svg-icon-primary {
    color: #009ef7;
}
.svg-icon.svg-icon-2tx svg {
    height: 2.75rem !important;
    width: 2.75rem !important;
}

.payment-container .payment-box:not(:last-child){

    border-bottom: 1px dashed #ebedf2;
}

.addresses .card-address:not(:last-child){
    margin-bottom: 14px;
}
.card-address{
    box-shadow: none;
    border: 1px solid #2021251f;
    justify-content: space-between;
    align-items: self-start;
    padding: 1rem 1.5rem !important;
    border-radius: 1rem;
}
.text-gray-600{
    color: #7E8299;
}

.btn-active-light-primary:hover,.btn-active-light-primary:active{
    background-color: #009ef7!important;
    border-color: #009ef7!important;
    color: white!important;
}

.btn-active-light-danger:hover,.btn-active-light-danger:active{
    color: #fff!important;
    background-color: #f4516c!important;
    border-color: #f4516c!important;
}

.help-block{
    font-size: .9rem;
    padding-left: .05rem;
    color: #6c757d;
}

.checkbox-badge span{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe1e6;
    border-radius: 1rem;
    line-height: 1;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    padding: 8px 28px;
}

.checkbox-badge:hover span{
    border-color: rgba(0, 157, 224, 0.92);
}

.checkbox-badge input {
    left: -9000px;
    position: absolute;
}

.checkbox-badge input:checked+span {
    background-color: rgba(0, 157, 224, 0.92);
    color: #fff;
    border-color: rgba(0, 157, 224, 0.92);
}


.payment-box {
    display: flex;
    align-items: center;
    border-radius: 7px;
    padding: 15px;
    background: white;
    cursor: pointer;
}

.payment-box.active{
    /*border: 1px solid rgba(0, 157, 224, 0.92) !important;*/
    color: rgba(0, 157, 224, 0.92);

}

.payment-box input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.payment-box.disabled{
    opacity: .5;
    user-select: none;
    pointer-events: none;
}


.ui-autocomplete {
    position: absolute;
    z-index: 10010;
    cursor: default;
    padding: 4px;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;

    border-radius: 0 0 5px 5px;
    border-top: none;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    max-height: 200px;
    overflow-y: auto;
}
.ui-autocomplete > li {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    line-height: 16px;
    cursor: pointer;
}
.ui-autocomplete > li:not(.ui-state-focus):hover {
    background-color: rgba(32, 33, 37, 0.06);
}

.ui-state-focus {
    background-color: rgba(32, 33, 37, 0.06)!important;
}
.ui-autocomplete li:has(> .ui-state-active) {
    background-color: rgba(32, 33, 37, 0.06)!important;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    line-height: 16px;
}
.ui-helper-hidden-accessible {
    display: none;
}


input[type=radio]:not[required]:not(.custom) {
    display: none;
}

input[type=radio]:not(.custom) + span::before {

    content: "\f1db";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 8px;
}

input[type=radio]:not(.custom):checked + span::before {
    content: "\f00c";
}

/*
input[type=radio] + label:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
}
input[type=radio]:checked + label:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
    width: 35px;
}
input[type=radio]:focus + label:before {
    font-weight: bold;
    color:orange;
}*/

/*
.mega-radio input{
    display: none;
}*/

.custom-radio-2{
    border: 1px solid #ececec;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 7px;
}

.mega-radio{
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ececec;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 7px;
}





.c-shadow {
    box-shadow: 3px 0 15px 0 rgb(113 106 202 / 8%);
    clip-path: inset(2px -18px 2px 0px);
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
}





.row.row-col-equals {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.row.row-col-equals > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.row.row-col-equals:before, .row.row-col-equals:after{
    content: normal;
}

.btn-cart{
    color: #37bd64;
    background: transparent;
    border: none;
    outline: none;
}
.btn-cart:hover{
    color: #2aa353;
}
.btn-cart:active, .btn-cart:focus{
    color: #1e9345;
    background: transparent!important;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
}


.breadcrumb{
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    margin: 0;
}


.portlet{
    border-radius: 7px;

    /*
    -webkit-box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    */
    background-color: #ffffff;

    padding: 20px;
    margin-bottom: 25px;
}



.swiper-button-disabled:not(.upsell-btn){
    display: none!important;
}
.swiper-button-prev:after, .swiper-button-next:after{
    display: none;
}
.swiper-button-prev, .swiper-button-next{
    /*background: none!important;*/
}
.swiper-button-next{
    right: 0!important;
}
.swiper-button-prev{
    left: 0!important;
}


#swiper-container{
    width: 100%;
    -webkit-box-shadow: 0 14px 16px -12px rgba(0,0,0,.12);
    -moz-box-shadow: 0 14px 16px -12px rgba(0,0,0,.12);
    box-shadow: 0 14px 16px -12px rgba(0,0,0,.12);
    background-color: #ffffff;
}

#swiper-container.sticky{
    -webkit-box-shadow: 0 1px 15px 1px rgb(113 106 202 / 18%);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.18);
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 18%);
}

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-wrapper {
    width: 100%;
    margin: auto;
    height: auto
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0
}

.swiper-button-prev,.swiper-button-next {
    background: #fff;
    font-size: 18px;
    color: #000
}

.swiper-button-prev:after,.swiper-button-next:after {
    content: none
}




#swiper-container .dropend button{
    border: none!important;
}
#swiper-container .dropend button::after{

    display: none;
}

#swiper-container .dropend .dropdown-menu{
    padding: 0.5rem;
    border-radius: 0.375rem;
    box-shadow: 0 0 50px 5px rgb(82 63 105 / 18%);
    background-color: #ffffff;
    overflow: hidden;
    border: none;
    min-width: 200px;
}

#swiper-container .dropend .dropdown-item{
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 14px;
    line-height: 20px;
    color: #212529!important;
}

#swiper-container .dropend .jq-waypoint.active a, #swiper-container .dropend .dropdown-item:hover{
    background-color: rgba(32, 33, 37, 0.06);
}

#swiper-container .dropend .jq-waypoint.active a{
    font-weight: 600;
}


/**
    SLIDER
 */

@media (min-width: 768px) {
    .deals-swiper-container{
        min-height: 195px!important;
    }
}

@media (min-width: 992px) {
    .deals-swiper-container{
        min-height: 223px!important;
    }
}

@media (min-width: 1200px) {
    .deals-swiper-container{
        min-height: 265px!important;
    }
}

@media (min-width: 1400px) {
    .deals-swiper-container{
        min-height: 280px!important;
    }
}


.deals-swiper-container{
    min-height: 132px;
}



.list-dashed > li{
    padding: 5px 0;
}
.list-dashed > li:not(:last-child){
    border-bottom: 1px dashed #e9e9e9;
}
.list-dashed li a{
    color: #1d1d1d;
}


/*

 */
#opening_image img{
    width: 100%;
    height: 40vh;
    object-fit: cover;
}
.opening-hours{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,0.25);
    color: #fff;
    padding: 15px 0;
}
.opening-hours a{
    color: white!important;
}
.opening-hours-desktop{
    /*background-color: #ffffff;*/
    font-size: 18px;
}
.opening-hours-items{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.opening-hours-items > div{
    padding-right: 15px;
    margin-right: 15px;
    white-space: nowrap;
}
.opening-hours-items > div:not(:last-child){
    border-right: 1px dotted #9a9a9a;
}

body.modal-open header.has-opening-image{
    padding-right: 16px;
}





.jq-cart-item-click, .jq-cart-item-remove{
    cursor: pointer;
}

.jq-cart-item:hover [data-hide='hover']{
    display: none!important;
}

.jq-cart-item:hover [data-show='hover']{
    display: block!important;
}



nav .text-nav{
    color: #ffffff;
}
nav.nav-text-dark .text-nav{
    color: #555;
}

.portlet-divider{
    border-top: 1px dashed #ebedf2;
    display: block;
    height: 0;
    margin: 15px -20px;
}
.dashed-divider{
    border-top: 1px dashed #ebedf2;
    display: block;
    height: 0;
}



/**
    Header
 */
header{
    -webkit-box-shadow: 0 1px 15px 1px rgb(113 106 202 / 10%);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.10);
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 10%);
}
header:not(.has-opening-image){
    background: white;
}
header.has-opening-image{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: none;
}
header.has-opening-image:before {
    background-image: linear-gradient(0deg,transparent,#000);
    content: "";
    height: 115px;
    left: 0;
    opacity: .7;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

header:not(.has-opening-image) .jq-cart-counter{
    color: #333333;
}

header .login-nav{
    border-left: 1px solid #606060;
    margin-left: 10px;
    padding-left: 10px;
}
header.has-opening-image .login-nav{
    border-left: 1px solid #838383;
}

.user-menu{
    padding: 0.5rem;
    left: unset!important;
    right: 0!important;
    border: none;
    margin-top: -4px!important;
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    border-radius: 0.375rem;
    min-width: 200px;
}
.user-menu > ul > li > a{
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 14px;
    line-height: 20px;
}

.user-menu .user-menu-profile{
    font-weight: 600;
    font-size: 14px;
    padding: 0.5rem 1rem;
    line-height: 1;
}

.user-menu .dropdown-item:hover{
    background-color: rgba(32, 33, 37, 0.06);
}
.user-menu .dropdown-item:active, .user-menu .dropdown-item:focus{
    background-color: rgba(32, 33, 37, 0.1);
    color: #0b0b0b;
}

header .nav-link.nav-link-15{
    font-size: 15px;
}

header .nav-link, header .as-nav-link{
    padding: 15px!important;
    border-radius: 0.375rem;
}

header .nav-link:hover, header .as-nav-link:hover{
    color: #000000;
}

header.has-opening-image .nav-link:hover, header.has-opening-image .as-nav-link:hover{
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10) !important;
}

.fw-500{
    font-weight: 500;
}

header .nav-item{
    display: flex;
    align-items: center;
}

.dropdown-divider{
    border-top: 1px dashed #e7e9ee!important;
}

.dropdown-toggle::after{
    display: none!important;
}

.user-menu ul{
    overflow: hidden;
    padding: 0;
    list-style: none;
    border-radius: 0.375rem;
    background: white;
}

.user-menu::before{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid white;
    content: ' ';
    position: absolute;
    top: -5px;
    right: 22px;
}


.thumbnail-upsell{
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 1rem;
}
.thumbnail-upsell img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.upsell-btn{
    background: #def4ff;
    color: #2ea4e2;
    border-radius: 50%;
    overflow: hidden;

    width: 30px;
    height: 30px;
    line-height: 1;
}

.upsell-btn i{
    font-size: 12px;
}

.upsell-btn.swiper-button-disabled{
    opacity: .3;
    pointer-events: none;
    cursor: default;
}






.swiper-button-disabled:not(.upsell-btn) {
    display: none
}
.header-swiper-container .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto!important;
}

.header-swiper-container .swiper-slide a {
    position: relative;
    text-align: center;
    font-size: 12px;
    padding: 16px 15px;
    color: #1f1f1f;
    transition: 0.5s border;
    /*border-bottom: 3px solid transparent;*/
    line-height: 1;
}
/*
.header-swiper-container .swiper-slide:hover a::after, .header-swiper-container .swiper-slide.active a::after {
    border-bottom: 3px solid red;
}*/
.header-swiper-container .swiper-slide:hover a::after, .header-swiper-container .swiper-slide.active a::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 80%;
    background: #1f1f1f;;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 3px;
}
.header-swiper-container .swiper-slide.active a {
    font-weight: 500;
}


.deals-swiper-container .swiper-slide{

}
.deals-swiper-container .swiper-slide img{
    width: 100%;
    border-radius: 8px;
}

.deals-swiper-container .swiper-slide.swiper-slide-active img{
    -webkit-box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
}
/*
.deals-swiper-container .swiper-slide:not(.swiper-slide-active) img{
    opacity: .7;
}*/

.sidebar-opening .heading{
    margin: -15px -15px 0 -15px;
    padding: 15px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 18px;
}
.sidebar-opening .opening-items{

}
.sidebar-opening .opening-items .opening-item{
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.sidebar-opening .opening-items .opening-item:not(:last-of-type){

}
.opening-item.active{
    font-weight: 600;
}

.hide{
    display: none!important;
}

.table_summary td{

}


/*
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px!important;
    }
}*/

.jq-search-input{
    color:#707070;
}

.jq-search-input::placeholder {
    color:#a5a5a5;
    opacity: 1; /* Firefox */
}
.jq-search-input::-ms-input-placeholder { /* Edge 12 -18 */
    color:#a5a5a5;
}

/***************************************************************
    ITEM - ROW
 */
.category > .items.items-row .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #4c4c4c;
    margin-left: -20px;
    margin-right: -20px;
    padding: 7px 20px;
}
.category > .items.items-row .item .item-thumbnail{
    flex: 0;
    height: 50px;
}
.category > .items.items-row .item .item-price{
    flex: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
}
.category > .items.items-row .item .item-content{
    flex: 1;
    padding: 0 15px;
}
.category > .items.items-row .item:hover{
    background: whitesmoke;
    border-bottom-color: transparent!important;
}
/*
.category > .items.items-row .item.active{
    border-bottom-color: transparent!important;
}*/

.category > .items.items-row .item h3{
    font-weight: 400;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px;
    height: 18px;
}
.category > .items.items-row .item p{
    color: #666;
    font-size: 12px;
}

.category > .items.items-row .item .item-thumb img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
}

/***************************************************************
    ITEM - ROW WITH TWO COL
 */
.category > .items.items-v2 .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #4c4c4c;
    padding-top: 7px;
    padding-bottom: 7px;

    margin-left: -7px;
    margin-right: -7px;
    padding-left: 7px;
    padding-right: 7px;
}
.category > .items.items-v2 .item .item-thumbnail{
    flex: 0;
    height: 50px;
}
.category > .items.items-v2 .item .item-price{
    flex: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
}
.category > .items.items-v2 .item .item-content{
    flex: 1;
    padding: 0 15px;
}
.category > .items.items-v2 .item:hover, .category > .items.items-v2 .item.active{
    background: whitesmoke;
}
.category > .items.items-v2 .item.active{
    border-bottom-color: transparent!important;
}

.category > .items.items-v2 .item h3{
    font-weight: 400;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px;
    height: 18px;
}
.category > .items.items-v2 .item p{
    color: #666;
    font-size: 12px;
}

.category > .items.items-v2 .item .item-thumb img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
}

/***************************************************************
    ITEM - ROW WITH TWO COL - BOXED
 */
.category > .items .item .item-label{
    color: white;
    /*background: #50cd89;*/
    border-radius: 1.6rem;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 7px;
}

.item-label[data-type='1']{
    background: #20b420;
}
.item-label[data-type='2']{
    background: #2a94e9;
}
.item-label[data-type='3'], .item-label[data-type='4']{
    background: #e83838;
}

.old-price{
    color: #e83838;
}

.strikethrough {
    position: relative;
}
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}


.category > .items.items-v3 .item{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: #4c4c4c;

    margin-left: 0;
    margin-right: 0;
    margin-bottom: 18px;

    border-radius: 10px;
    /*box-shadow: 0 0.1rem 0.5rem rgb(0 0 0 / 15%);*/
    border: 1px solid #ececec;

    background-color: #ffffff;
    padding: 15px;
    flex: 1;
    min-height: 126px;
    transition: transform .3s;
    transform: scale(1) translateZ(0px);
    word-break: break-word;
}
.category > .items.items-v3 .item:hover{
    transform: scale(1.03) translateZ(0px);
}

.category > .items.items-v3 .item .item-thumbnail{
    flex: 0;
    height: 95px;
}
.category > .items.items-v3 .item .item-price{
    flex: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.category > .items.items-v3 .item .item-content{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-right: 5px;
}
.category > .items.items-v3 .item:hover, .category > .items.items-v3 .item.active{
    /*box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.34);*/
    border: 1px solid #dedede;
}
.category > .items.items-v3 .item.active{
    border-bottom-color: transparent!important;
}

.category > .items.items-v3 .item h3{
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px;
    height: 18px;

    color: #333333;
    font-weight: 500;
}
.category > .items.items-v3 .item p{
    line-height: 1.5;
    color: #737373;
    font-size: 14px;
    padding-top: 8px;
    margin-bottom: .5rem;
}

.category > .items.items-v3 .item .item-thumb img {
    width: 95px;
    height: 95px;
    border-radius: 8px;
    object-fit: cover;
    overflow: hidden;
}

.category > .items.items-v3 .item .item-price{
    font-size: 15px;
}


/***********************
    V4
 */
.category > .items.items-v4 .item{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: #4c4c4c;

    margin-left: 0;
    margin-right: 0;

    border-radius: 10px;
    /*box-shadow: 0 0.1rem 0.5rem rgb(0 0 0 / 15%);*/
    border: 1px solid #ececec;

    background-color: #ffffff;
    flex: 1;
    transition: transform .3s;
    transform: scale(1) translateZ(0px);

    padding: 10px;
    margin-bottom: 10px;
}
.category > .items.items-v4 .item:hover{
    transform: scale(1.03) translateZ(0px);
}

.category > .items.items-v4 .item .item-thumbnail{
    flex: 0;
    height: 95px;
}
.category > .items.items-v4 .item .item-price{
    flex: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.category > .items.items-v4 .item .item-content{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-right: 5px;
}
.category > .items.items-v4 .item:hover, .category > .items.items-v4 .item.active{
    /*box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.34);*/
    border: 1px solid #dedede;
}
.category > .items.items-v4 .item.active{
    /*border-bottom-color: transparent!important;*/
}

.category > .items.items-v4 .item h3{
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 16px;
    height: 18px;

    color: #333333;
    font-weight: 400;
}
.category > .items.items-v4 .item p{
    line-height: 1.5;
    color: #737373;
    font-size: 14px;
    padding-top: 8px;
    margin-bottom: .5rem;
}

.category > .items.items-v4 .item .item-thumb img {
    width: 95px;
    height: 95px;
    border-radius: 8px;
    object-fit: cover;
    overflow: hidden;
}

.category > .items.items-v4 .item .item-price{
    font-size: 15px;
}

.category-desc{
    margin-top: 5px;
    padding-bottom: 2px;
    font-size: 15px;
    color: #828282;
}

/*
.item.item-in-cart{
    border-left-width: 2px;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}*/

.item-in-cart-qty{
    display: none;
}

.item-in-cart .item-in-cart-qty{
    display: flex!important;
}

.item-in-cart-qty{
    /* background: #2b94e9; */
    position: absolute;
    right: 5px;
    z-index: 100;
    color: white!important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid white;
    bottom: 5px;
}




/*
.category > .items.items-gallery .col-md-6:nth-child(odd){
    border-right: 1px dashed #e7e7e7;
    border-bottom: 1px dashed #e7e7e7;
}
.category > .items.items-gallery .col-md-6:nth-child(even){
    border-bottom: 1px dashed #e7e7e7;
}*/



.margin-5-desktop{
    margin-bottom: 5px!important;
}

.category .items .item.border-desktop{
    border-bottom: 1px dashed #e7e7e7!important;
}


@media only screen and (min-width : 768px) {
    #modal_payment .modal-dialog{
        max-width: 480px;
    }
    #modal_payment .modal-body{
        padding: 2rem;
    }
}


.modal{
    padding: 0!important;
}

.header-login-holder{
    padding-right: 10px;
    padding-top: 6px;
}

@media only screen and (max-width : 768px) {
    header.has-opening-image .header-login{
        padding: 15px !important;
        border-radius: 0.375rem;
        color: #1f1f1f;
        background: rgba(255, 255, 255, 1) !important;
    }
    header.has-opening-image .navbar-toggler{
        padding: 11px !important;
        border-radius: 0.375rem;
        color: #1f1f1f;
        background: rgba(255, 255, 255, 1) !important;
    }
    #mynavbar{
        background: rgba(255, 255, 255, 1) !important;
        border-radius: 0.375rem;
        margin-top: 1rem;
        -webkit-box-shadow: rgba(0,0,0,.1) 0 0 20px;
        box-shadow: rgba(0,0,0,.1) 0 0 20px;
    }
    #mynavbar a{
        color: #1f1f1f;
    }
    .header-login-holder{
        padding-right: 0;
        padding-top: 0;
    }

    .category .items .item.border-desktop{
        border-bottom: none!important;
    }
    .category .items .item.border-mobile{
        border-bottom: 1px dashed #e7e7e7!important;
    }

    .margin-5-desktop{
        margin-bottom: 0!important;
    }

    .margin-5-mobile{
        margin-bottom: 5px!important;
    }

    .modal .close{
        width: 35px;
        height: 35px;
        opacity: .8!important;
        font-size: 20px;
    }

    .modal-dialog{
        margin-top: 0!important;
    }

    .opening-hours-items{
        font-size: 12px;
    }

    .opening-hours-items .mobile-last-item{
        margin: 0!important;
        padding: 0!important;
        border: 0!important;
    }
}


/*
.toppings.hide-more .hide-more{
    display: none;
}
.toppings.show-more .topping.show-more{
    display: initial;
}
.toppings.show-more div.show-more{
    display: none;
}
*/
.hide-more-btn, .show-more-btn{
    cursor: pointer;
}







.categories .category:not(:first-child){
    margin-top: 30px;
}

/***************************************************************
    CART
 */
body.cart-modal-opened .item:not(.active){
    opacity: .3;
}

body.cart-modal-opened #sidebar .theiaStickySidebar{
    display: none;
}

body.modal-open{
    overflow: hidden!important;
}

#add-to-cart-overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    color: rgb(32, 33, 37);
}
#add-to-cart-overlay.active{
    display: block;
}

#modal_add_to_cart .modal-content{
    border-radius: 1rem;
    border:none!important;
    box-shadow: rgb(0 0 0 / 6%) 0 0 1rem 0, rgb(0 0 0 / 12%) 0 1rem 1rem 0!important;
    min-height: 320px;
    overflow: hidden;
}

.modal.disabled-mode .cart-modal-bottom, .modal.disabled-mode .form-check-input{
    display: none!important;
}

.fade{
    -webkit-transition: opacity 0.05s linear;
    -moz-transition: opacity 0.05s linear;
    -ms-transition: opacity 0.05s linear;
    -o-transition: opacity 0.05s linear;
    transition: opacity 0.05s linear;
}

.cart-thumbnail{
    width: 100%;
    padding-top: 50%;
    position: relative;
}
.cart-thumbnail img, .cart-thumbnail .placeholder{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-product-name{
    font-size: 26px;
    line-height: 2.2rem;
    font-weight: 600;
    color: rgb(32, 33, 37);
}

.cart-product-price{
    /* margin-top: 16px;*/
    line-height: 1.5rem;
    font-weight: 600;

    color: #000000;
    font-size: 18px;
}

.cart-product-description{
    font-size: 16px;
    margin-top: 10px;
}

.cart-product-allergens{
    color: #878787;
}

.modal-backdrop{
    opacity: 1!important;
    background-color: rgba(32, 33, 37, 0.64)!important;
}

.divider-light{
    padding: 0;
    margin: 1rem 0;
    border-bottom: 1px solid rgba(32, 33, 37, 0.04);
}

.cart-head-small{
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 700;
    color: rgb(32, 33, 37);
    margin: 0;
    padding: 0;
}

.toppings{
    margin-top: 8px;
}
.toppings .topping input{
    margin: 0;
}

.swal2-container{
    z-index: 10600000!important;
}

.topping:hover{
    background: whitesmoke;
    margin-left: -10px!important;
    margin-right: -10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.toppings .topping:not(:last-child){
    /*border-bottom: 1px solid whitesmoke;*/
}

label.topping{
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-bottom: 12px;
    padding-top: 12px;
    margin:0;
    cursor: pointer;
    max-width: unset!important;
    width: unset!important;
}


.cart-modal-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    z-index: 200;
}


.dropdown-menu{
    z-index: 101;
}






.leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}






.btn-outline-theme{
    border-color: rgba(0, 157, 224, 0.92)!important;
    color: rgba(0, 157, 224, 0.92)!important;
}

.btn-primary{
    background-color: rgba(0, 157, 224, 0.92)!important;
    border: none!important;
    color: white;
}

.btn-primary:hover{
    background-color: rgba(32, 164, 220, 0.92) !important;
    border: none!important;
    color: white;
}

.btn-normal{
    padding: 8px 17px;
}

.btn-add{
    width: 100%;
    display: flex;
    background-color: rgba(0, 157, 224, 0.92);
    color: white!important;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 17px;
}
.btn-add:hover{
    background-color: rgba(32, 164, 220, 0.92) !important;
    color: white;
}

.btn-add-facebook{
    background-color: #4267B2;
    width: 100%;
    display: flex;
    color: white!important;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 17px;
}
.btn-add-facebook:hover{
    background-color: #375694 !important;
    color: white;
}

.cart-quantity{
    display: flex;
    align-items: stretch;
    border-radius: 4px;
}

.cart-quantity .btn{
    color: rgba(0, 157, 224, 0.92);
    background: transparent;
    border: none;
}

.cart-quantity span{
    padding: 0 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.modal-dialog{
    margin-top: 5%;
}

.cart-thumbnail button i{
    margin-right: -1px;
    margin-bottom: -1px;
}
.modal button.close{
    position: absolute;
    z-index: 10000;
    background: #e9e9e9!important;
    border-radius: 50%!important;
    line-height: 1!important;
    opacity: .7!important;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    text-align: center;
    color: black!important;

    width: 35px!important;
    height: 35px!important;
    font-size: 26px!important;
    top: 15px;
    right: 15px;

}
.cart-thumbnail button:hover{
    opacity: .7!important;
}

/*
#modal_add_to_cart{
    display: none;
    position: absolute;
    border-radius: 7px;

    -webkit-box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
    box-shadow: 0 1px 15px 1px rgb(113 106 202 / 8%);
    background-color: #ffffff;

    padding: 20px;
    min-height: 200px;
}

#modal_add_to_cart.active{
    display: block;
    width: 100%;

}

#modal_add_to_cart::before{
    position: absolute;
    content: "";
    top: 20px;
    left: -20px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 20px 12.5px 0;
    border-color: transparent #ffffff transparent transparent;
}*/


/*
.swiper-slide:hover a::after, .swiper-slide.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: red;
}*/


.position-relative{
    position: relative;
}

#header-swiper-next{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center;
    padding: 15px 0;

    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 100;
}

#header-swiper-prev{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center;
    padding: 15px 0;

    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
    z-index: 100;
}













tr, .theiaStickySidebar{
    transition: opacity 0.5s;
}

.ars-blocked{
    position: relative;
}
.ars-blocked:not(.ars-blocked-visual-only) > *:not(.jq-preloader){
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    opacity: 0.5;
    cursor: progress;
    pointer-events: none;
}

.ars-blocked.ars-blocked-btn{
    opacity: 1;
    color: transparent!important;
    background: transparent!important;
}

/*
.ars-blocked{
    position: relative;
    opacity: 0.5;
    cursor: progress;
    pointer-events: none;
    transition: opacity 0.5s;
}

.ars-blocked.ars-blocked-btn{
    opacity: 1;
    color: transparent!important;
    background: transparent!important;
}*/

/*
.ars-blocked-white .dot-pulse{
    background-color: rgba(232, 232, 232, 0.92)!important;
    color: rgba(227, 227, 227, 0.92)!important;
    box-shadow: 9999px 0 0 -5px rgba(231, 231, 231, 0.92)!important;
}
.ars-blocked-white .dot-pulse::before, .ars-blocked-white .dot-pulse::after{
    background-color: rgba(232, 232, 232, 0.92)!important;
    color: rgba(227, 227, 227, 0.92)!important;
    box-shadow: 9999px 0 0 -5px rgba(231, 231, 231, 0.92)!important;
}*/

.ars-blocked-only{
    position: relative;
    cursor: progress;
    pointer-events: none;
}

table th, table td{
    vertical-align: middle!important;
}

.striped-content > div {
    border-top: 1px solid #ddd;
}

.striped-content > div:nth-of-type(odd){
    background-color: #f9f9f9;
}

.one-line-only{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
}

.two-line-only{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
}
.three-line-only{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 100%;
}

.ls-l{
    inset: 0!important;
}

/**
    PLACEHOLDER
 */
.placeholder {
    width: 100%;
    background-color: #fff;
    padding: 12px;

    /*min-height: 200px;*/
}

@keyframes placeHolderShimmer {
    0%{ background-position: -100% 0; }
    100%{ background-position: 100% 0; }
}

.animated-background {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #d9d9d9 18%, #eeeeee 33%);
    background-size: 200% 104px;
    /* height: 96px; */
    position: relative;
    background-repeat: repeat;
}

.background-masker {
    background: #fff;
    position: absolute;
}






.swal2-header > .swal2-icon{
    font-size: 20px;
}

    /**
     * FOOTER
     */
html{
    position: relative;
}
body{
    position: relative;
    margin:0;
    padding: 0!important;
    overflow-x: hidden!important;
}

.cart-product-name.sticky{
    padding: 10px 14px;
}

/*
html {
    position: relative;
    min-height: 100%;
}
body.swal2-shown{
    padding-right: 0!important;
}
body {
    margin-bottom: 210px;
}

footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 210px;
    background: white;
    overflow: hidden;
    padding: 22px 0;
}*/


/*
    100% BODY
 */
html{
    min-height: 101%;
    display: flex;
    flex-direction: column;
}
body{
    min-height: 101%;
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
}
#page_content{
    flex:1;
}


.alert-danger {
    color: #8a221f;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-c-danger{
    color: #be5a5a; /*#181C32;*/
    border: 1px dashed rgb(241, 65, 108);
    background: #fff5f8;
    line-height: 1.2;
}

a.disabled, button:disabled, button.disabled{
    opacity: .5!important;
    cursor: not-allowed!important;
    background: #333!important;
}

.alert{
    border-radius: 0!important;
}

.d-flex{
    display: flex;
    flex-direction: row;
}

.flex-1{
    flex: 1;
}
.flex-0{
    flex: 0;
}

.btn:active, .btn:focus{
    outline: none!important;
    box-shadow: none!important;
}

.mfp-wrap{
    z-index: 100043!important;
}
.mfp-bg{
    z-index: 100042!important;
}


.feature i.special {
    margin: 0;
    padding: 0;
    margin: 0;
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px dashed #ccc;
    font-size: 34px;
    color: #6dcff6;
}

/**
 * CUSTOM RADIO
 */
label.custom-radio{
    position: relative;
    padding-left: 25px;
    display: flex;
    align-items: center;
    align-content: center;
    cursor: pointer;
}
/* Hide the browser's default radio button */
label.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
label.custom-radio .checkmark {
    position: relative;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    margin-right: 5px;
}

/* On mouse-over, add a grey background color */
label.custom-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
label.custom-radio input:checked ~ .checkmark {
    background-color: #73716e;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
label.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
label.custom-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
label.custom-radio .checkmark:after {
    top: 50%;
    left: 50%;
    /*width: 10px;
    height: 10px;
    border-radius: 50%;*/
    color: white;
    transform: translate(-50%, -50%);
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-left: 1px;
}

.slide_typo_2{
    margin-bottom: 60px;
}





.table-light > tbody:first-of-type > tr > td{
    border-top: 2px solid whitesmoke!important;
}
.table-light tbody tr:not(:last-child) td{
    border-bottom: 1px solid whitesmoke!important;
}

table.tbody-rows tbody:not(:last-child){
    border-bottom: 1px solid whitesmoke;
}

tbody[data-state='closed'] > tr[data-row='child']{
    display: none;
}

/*
tbody[data-state='open']{
    border: 1px solid rgba(0, 157, 224, 0.92) !important;
}
tbody[data-state='open'] > tr[data-row='parent'] > td{
    border-top: 1px solid rgba(0, 157, 224, 0.92) !important;
}*/

tbody[data-state='open'] > tr[data-row='parent'] > td{
    background: rgba(0, 157, 224, 0.04);
}

tr[data-row="parent"] td{
    cursor: pointer;
}
tbody[data-state='closed'] tr[data-row="parent"]:hover td{
    background: rgba(0, 157, 224, 0.04);
}

.table-top td{
    vertical-align: top!important;
}




#cart_box{

}



.page-link{
    border: none;
    border-radius: 50% !important;
    color: #000;
    margin: 0 4px;
    outline: none!important;
    box-shadow: none!important;
    line-height: 1;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-link.active{
    color: white;
    background: rgba(0,157,224,.92)!important;
}

.page-link.disabled{
    opacity: .5!important;
    background: white!important;
}

#cart_box .jq-collapse{
    margin-top: 15px;
}

.max-height-800{
    max-height: 800px;
    overflow-y: auto;
}

#layerslider{
    min-height: 350px;
}



/***************************************************************************
 *  FOOTER
 */
footer{
    background: rgb(20, 20, 20);
    padding: 6rem 0 2rem 0;
}

footer label{
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}
footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
footer a{
    color: rgb(255, 255, 255);
    font-size: 1.1rem;
    line-height: 1.3rem;
}
footer a:hover, footer:active{
    color: rgb(224, 224, 224);
}

.footer-bottom{
    margin-top: 4rem;
}

.footer-logo{
    object-fit: contain;
}

@media only screen and (min-width: 992px) {
    #l_sidebar::before{
        width: 10000px;
        height: 10000px;
        background: whitesmoke;
        content: ' ';
        position: absolute;
        z-index: 1;
        top: -30px;
        left: 0;
    }
}


@media only screen and (max-width : 768px) {
    #l_sidebar::before{
        display: none;
    }

    footer{
        padding-top: 1rem!important;
        padding-bottom: 8rem!important;
    }
    footer{
        text-align: center;
    }

    .footer-logo{
        display: none;
    }

    footer ul {
        gap: .5rem!important;
    }

    footer label{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    footer .footer-bottom a{
        display: flex;
        flex-direction: column;
    }
    footer .footer-bottom img{
        margin-right: 0!important;
        margin-bottom: 4px;
    }
    #opening_logo{
        max-width: 80vw!important;
    }
    #modal_add_to_cart .modal-content{
        border-radius: 0!important;
    }
}



/***************************************************************************/

[data-key='mobile-sticky']{
    display: none!important;
    font-size: 18px!important;
    line-height: 2.2rem;
    font-weight: 600;
    color: rgb(32, 33, 37);
    text-align: center;
}
@media only screen and (max-width : 768px) {
    #main_menu{
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px;
    }

    #layerslider h3 > img{
        height: 100px!important;
    }
    #layerslider .slide_typo_2{
        margin-top: 15px!important;
    }
    #layerslider .btn{
        bottom: 20px!important;
    }

    .slide_typo_2{
        margin-top: 60px;
        margin-bottom: 0;
    }

    .cart-mobile-sticky{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 10px;
        background: #f8f8f8;
        border: 1px solid #ededed;
    }
    .cart-mobile-sticky .cart-mobile-header{
        font-size: 16px;
        color: #333;
        font-weight: 500;
        line-height: 1.1;
    }

    .main-page #cart_box{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin-bottom:0;
        z-index: 1000;
        box-shadow: -5px 0 15px 0 #989898;
    }

    .main-page #cart_box .jq-collapse{
        display: none;
    }

    .main-page #cart_box.opened .jq-collapse{
        display: block;
    }

    .max-height-250-mobile{
        max-height: 250px!important;
        overflow-y: auto;
    }

    #modal_add_to_cart .modal-content{
        min-height: 100vh;
    }

    #modal_add_to_cart .close{
        position: fixed;
        z-index: 99999;
    }

    .cart-modal-bottom{
        position: fixed;
    }

    [data-key='mobile-sticky'].sticky{
        display: block!important;
        line-height: 3.2rem!important;
    }

    .portlet.categories{
        padding-left: 10px;
        padding-right: 10px;
    }
    .portlet.categories .items{
        margin-left: -10px;
        margin-right: -10px;
    }

    /*************************
        V3
     */
    .items-v3 .col-md-6{
        padding:0;
    }
    .category > .items.items-v3 .item{
        margin: 0;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .category > .items.items-v3 > .col-md-6 > .item{
        border-bottom: none;
    }
    .category > .items.items-v3 > .col-md-6:last-of-type > .item{
        border-bottom: 1px solid #ececec;
    }

    /****************
        V4
     */
    .items-v4 .col-md-6{
        padding:0;
    }
    .category > .items.items-v4 .item{
        margin: 0;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .category > .items.items-v4 > .col-md-6 > .item{
        border-bottom: none;
    }
    .category > .items.items-v4 > .col-md-6:last-of-type > .item{
        border-bottom: 1px solid #ececec;
    }
}

@media (min-width: 768px) {
    [data-key='mobile-sticky'].sticky{
        display: block!important;
        position: absolute;
        top: 0;
    }
}

#mobile_menu a.nav-link{
    font-weight: 300;
    color: #333333;
}

.position-relative{
    position: relative
}

.font-weight-600{
    font-weight: 600!important;
}

#count a{
    color: white;
}

.line-height-2{
    line-height: 2;
}

.mobile-info-container{
    background: white;
    padding: 10px 0 10px 0;
}

.mobile-info-container > table{
    width: 100%;
    border-collapse: collapse;
}

.mobile-info-block{
    text-align: center;
    padding: 5px 0 5px 0;
    flex: 1;
}


img{
    transform: translateZ(0);
}




.lds-ellipsis {
    display: inline-block;
    position: relative;
}

.lds-ellipsis-80 {
    width: 80px;
    height: 21px;
}

.lds-ellipsis div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(0, 157, 224, 0.92);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis.white div{
    background: white!important;
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: translateY(-50%) scale(0);
    }
    100% {
        transform: translateY(-50%) scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: translateY(-50%) scale(1);
    }
    100% {
        transform: translateY(-50%) scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translateY(-50%) translate(0, 0);
    }
    100% {
        transform: translateY(-50%) translate(24px, 0);
    }
}

/*!
 *
 */

.form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 0!important;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: none;
    margin-left: 0!important;
}

.form-check-reverse {
    padding-right: 2.25rem;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -2.25rem;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: transparent;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -.125rem;
    vertical-align: top;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--bs-gray-300);
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .45em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: var(--bs-gray-400);
    outline: 0;
    box-shadow: none
}

.form-check-input:checked {
    background-color: #009ef7;
    border-color: #009ef7
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #009ef7;
    border-color: #009ef7;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-check.form-switch .form-check-input{
    width: 3rem!important;
}

.portlet.bg-default{
    background: whitesmoke;
    border: 1px solid #ececec;

    color: #424242;
    font-size: 14px;
    font-weight: 500;
}
.portlet.bg-danger{
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

/*!
 * three-dots - v0.1.2
 * CSS loading animation made by single element.
 * https://github.com/nzbin/three-dots#readme
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotElastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotElasticBefore 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotElasticAfter 1s infinite linear}@keyframes dotElasticBefore{0%{transform:scale(1, 1)}25%{transform:scale(1, 1.5)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElastic{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 1.5)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElasticAfter{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1.5)}100%{transform:scale(1, 1)}}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9999px 0 0 -5px rgba(0, 157, 224, 0.92);animation:dotPulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}.dot-pulse::before{box-shadow:9984px 0 0 -5px rgba(0, 157, 224, 0.92);animation:dotPulseBefore 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px rgba(0, 157, 224, 0.92);animation:dotPulseAfter 1.5s infinite linear;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px rgba(0, 157, 224, 0.92)}30%{box-shadow:9984px 0 0 2px rgba(0, 157, 224, 0.92)}60%,100%{box-shadow:9984px 0 0 -5px rgba(0, 157, 224, 0.92)}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px rgba(0, 157, 224, 0.92)}30%{box-shadow:9999px 0 0 2px rgba(0, 157, 224, 0.92)}60%,100%{box-shadow:9999px 0 0 -5px rgba(0, 157, 224, 0.92)}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px rgba(0, 157, 224, 0.92)}30%{box-shadow:10014px 0 0 2px rgba(0, 157, 224, 0.92)}60%,100%{box-shadow:10014px 0 0 -5px rgba(0, 157, 224, 0.92)}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:rgba(0, 157, 224, 0.92)}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotCollisionBefore 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotCollisionAfter 2s infinite ease-in;animation-delay:1s}@keyframes dotCollisionBefore{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dotCollisionAfter{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);transform-origin:5px 20px;animation:dotRevolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);transform-origin:5px 35px;animation:dotRevolution 1s linear infinite}@keyframes dotRevolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92);animation:dotCarousel 1.5s infinite linear}@keyframes dotCarousel{0%{box-shadow:9984px 0 0 -1px rgba(0, 157, 224, 0.92),9999px 0 0 1px rgba(0, 157, 224, 0.92),10014px 0 0 -1px rgba(0, 157, 224, 0.92)}50%{box-shadow:10014px 0 0 -1px rgba(0, 157, 224, 0.92),9984px 0 0 -1px rgba(0, 157, 224, 0.92),9999px 0 0 1px rgba(0, 157, 224, 0.92)}100%{box-shadow:9999px 0 0 1px rgba(0, 157, 224, 0.92),10014px 0 0 -1px rgba(0, 157, 224, 0.92),9984px 0 0 -1px rgba(0, 157, 224, 0.92)}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92);animation:dotTyping 1.5s infinite linear}@keyframes dotTyping{0%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}16.667%{box-shadow:9984px -10px 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}33.333%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}50%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px -10px 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}66.667%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}83.333%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px -10px 0 0 rgba(0, 157, 224, 0.92)}100%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92),9999px 0 0 0 rgba(0, 157, 224, 0.92),10014px 0 0 0 rgba(0, 157, 224, 0.92)}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);transform-origin:5px 15px;animation:dotWindmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}.dot-windmill::after{left:8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}@keyframes dotWindmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92);animation:dotBricks 2s infinite ease}@keyframes dotBricks{0%{box-shadow:9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92)}8.333%{box-shadow:10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92)}16.667%{box-shadow:10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92)}25%{box-shadow:10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92)}33.333%{box-shadow:10007px 0 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92)}41.667%{box-shadow:10007px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92)}50%{box-shadow:10007px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92)}58.333%{box-shadow:9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92)}66.666%{box-shadow:9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92),9991px -16px 0 0 rgba(0, 157, 224, 0.92)}75%{box-shadow:9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92)}83.333%{box-shadow:9991px -16px 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92)}91.667%{box-shadow:9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px -16px 0 0 rgba(0, 157, 224, 0.92)}100%{box-shadow:9991px -16px 0 0 rgba(0, 157, 224, 0.92),9991px 0 0 0 rgba(0, 157, 224, 0.92),10007px 0 0 0 rgba(0, 157, 224, 0.92)}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1)}.dot-floating::before,.dot-floating::after{content:'';display:inline-block;position:absolute;top:0}.dot-floating::before{left:-12px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFloatingBefore 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1)}@keyframes dotFloating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dotFloatingBefore{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dotFloatingAfter{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9999px 22.5px 0 -5px rgba(0, 157, 224, 0.92);animation:dotFire 1.5s infinite linear;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92)}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px rgba(0, 157, 224, 0.92);animation:dotFire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px rgba(0, 157, 224, 0.92);animation:dotFire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dotFire{1%{box-shadow:9999px 22.5px 0 -5px rgba(0, 157, 224, 0.92)}50%{box-shadow:9999px -5.625px 0 2px rgba(0, 157, 224, 0.92)}100%{box-shadow:9999px -22.5px 0 -5px rgba(0, 157, 224, 0.92)}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 rgba(0, 157, 224, 0.92),12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92),18px 0 0 0 rgba(0, 157, 224, 0.92),12.72984px 12.72984px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72984px 12.72984px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72984px -12.72984px 0 0 rgba(152,128,255,0);animation:dotSpin 1.5s infinite linear}@keyframes dotSpin{0%,100%{box-shadow:0 -18px 0 0 rgba(0, 157, 224, 0.92),12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92),18px 0 0 0 rgba(0, 157, 224, 0.92),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92),18px 0 0 0 rgba(0, 157, 224, 0.92),12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 0 rgba(0, 157, 224, 0.92),12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),0 18px 0 0 rgba(0, 157, 224, 0.92),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),0 18px 0 0 rgba(0, 157, 224, 0.92),-12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 0 rgba(0, 157, 224, 0.92),-12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),-18px 0 0 0 rgba(0, 157, 224, 0.92),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 0 rgba(0, 157, 224, 0.92),-18px 0 0 0 rgba(0, 157, 224, 0.92),-12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92)}75%{box-shadow:0 -18px 0 0 rgba(0, 157, 224, 0.92),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 0 rgba(0, 157, 224, 0.92),-12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92)}87.5%{box-shadow:0 -18px 0 0 rgba(0, 157, 224, 0.92),12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 0 rgba(0, 157, 224, 0.92)}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);box-shadow:9999px 0 0 0 rgba(0, 157, 224, 0.92);animation:dotFalling 1s infinite linear;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFallingBefore 1s infinite linear;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotFallingAfter 1s infinite linear;animation-delay:.2s}@keyframes dotFalling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 rgba(0, 157, 224, 0.92)}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dotFallingBefore{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 rgba(0, 157, 224, 0.92)}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dotFallingAfter{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 rgba(0, 157, 224, 0.92)}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);transform:scale(1.25, 1.25);animation:dotStretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotStretchingBefore 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:rgba(0, 157, 224, 0.92);color:rgba(0, 157, 224, 0.92);animation:dotStretchingAfter 2s infinite ease-in}@keyframes dotStretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dotStretchingBefore{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dotStretchingAfter{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}.dot-gathering{position:relative;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px)}.dot-gathering::before,.dot-gathering::after{content:'';display:inline-block;position:absolute;top:0;left:-50px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);opacity:0;filter:blur(2px);animation:dotGathering 2s infinite ease-in}.dot-gathering::after{animation-delay:.5s}@keyframes dotGathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;animation:dotHourglass 2.4s infinite ease-in-out;animation-delay:.6s}.dot-hourglass::before,.dot-hourglass::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{animation:dotHourglassAfter 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes dotHourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dotHourglassAfter{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2)}.dot-overtaking::before,.dot-overtaking::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.3s}.dot-overtaking::after{animation:dotOvertaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.6s}@keyframes dotOvertaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px)}.dot-shuttle::before,.dot-shuttle::after{content:'';display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@keyframes dotShuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;animation:dotBouncing 1s infinite}@keyframes dotBouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);animation:dotRolling 3s infinite}@keyframes dotRolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}