/* Embedded fonts for website 
@font-face {
    font-family: 'Giga Sans ExtBd';
    src: url('fonts/giga-sans/GigaSansExtBdItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansExtBdItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansExtBdItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansBlackItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansBlackItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansBoldItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansBoldItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansBlackRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansBlackRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansBlackRegular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans ExtBd';
    src: url('fonts/giga-sans/GigaSansExtBdRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansExtBdRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansExtBdRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansBold.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansBold.woff') format('woff'),
        url('fonts/giga-sans/GigaSansBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans ExtLt';
    src: url('fonts/giga-sans/GigaSansExtLtRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansExtLtRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansExtLtRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans ExtLt';
    src: url('fonts/giga-sans/GigaSansExtLtItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansExtLtItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansExtLtItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansLightItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansLightItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans SemBd';
    src: url('fonts/giga-sans/GigaSansSemBdRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansSemBdRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansSemBdRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans Med';
    src: url('fonts/giga-sans/GigaSansMedItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansMedItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansMedItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansThinRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansThinRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansThinRegular.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans SemBd';
    src: url('fonts/giga-sans/GigaSansSemBdItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansSemBdItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansSemBdItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansLightRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansLightRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansLightRegular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans Med';
    src: url('fonts/giga-sans/GigaSansMedRegular.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansMedRegular.woff') format('woff'),
        url('fonts/giga-sans/GigaSansMedRegular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Giga Sans';
    src: url('fonts/giga-sans/GigaSansThinItalic.woff2') format('woff2'),
        url('fonts/giga-sans/GigaSansThinItalic.woff') format('woff'),
        url('fonts/giga-sans/GigaSansThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
 End embedding */

:root{
    --duration-long: .5s;
    --ratio-percent: 100%;
    --border-radius: 4.0rem;
    --border-width: 0.3rem;
    --image-padding: 0.0rem;
    --duration-default: .2s;
    --duration-extended: .3s;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --color-link: 16,230,179;
    --alpha-link:.85;
    --spot-color:#a47864;
    --spot-color2:#2AB7FC;
    --spot-color3:#333442;
    --spot-header-bg:#FFFFFF;
    --spot-header-bg-op7:rgba(255,255,255,0.7);

    --main-page-bg-color: #211e21;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #031712;
    --fc-neutral-bg-color: #2c000631;
    --fc-neutral-text-color: #808080;
    --fc-border-color: #464646;

    --fc-button-text-color: #000;
    --fc-button-bg-color: #a47864;
    --fc-button-border-color: #a47864;
    --fc-button-hover-bg-color: #806154;
    --fc-button-hover-border-color: #806154;
    --fc-button-active-bg-color: #a47864;
    --fc-button-active-border-color: #ac755c;

    --fc-event-bg-color: #806154;
    --fc-event-border-color: #806154;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;

    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;

    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: #c9006425;
    --fc-now-indicator-color: red;
}

body{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; }
main > .container, main > .container-fluid{ padding: 20px 5px; }

.navbar{ flex-wrap:nowrap; }
.navbar-collapse{ flex-grow: 0 !important; }
.spot-logo{ width:70px; }
.nav-link{ width: 36px; height: 48px; text-align: center; display: block; padding: 5px 0 10px;font-size:24px; }
.navbar-nav .dropdown-menu{position:absolute !important;}
.navbar-toggler{display:none !important;}

.footer { background-color: #806154; font-size: .9em; color:var(--white-color); padding:30px 20px 90px; }
.footer.in-checkout{ padding:30px 20px 170px !important; }
.footer .footer-line{ position:relative; padding-top:15px; }
.footer .footer-line:before{ content:''; width:20%; height:1px; min-width:250px; position:absolute; left:0; top:0; right:0; margin:auto; background:var(--spot-color);}
.footer .footer-data p a{ color:var(--white-color); text-decoration: none; }
.footer .footer-col3{ margin:20px 0px 30px 0px; text-align:center; }
.footer .footer-social{ display:flex; align-items:center; justify-content:center; gap:5px; }
.footer .footer-social span{ display: inline-block; margin-bottom: 0px; word-break: break-word; }
.footer .footer-social span a{ border-radius:50px; background:#EFEFEF; width:calc(25px + 2 * .5em); height:calc(25px + 2 * .5em); line-height:25px; font-size:25px; display: inline-flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; text-decoration:none; }
.footer .footer-social span i{ color:#47485A; }
.footer .footer-data-right{ text-align:center; margin-top:15px; }
.footer .footer-data-right p{ margin-bottom:5px; text-align: right; }
.footer .footer-data-right p a{ display:block; font-size:1rem; color:var(--white-color) !important; text-decoration:none !important; text-align:center; }
.footer .footer-data-right p a:hover{ color:var(--spot-color) !important; }
.footer > .container, .footer > .container-fluid { padding-right: 15px; padding-left: 15px; }
.not-set { color: #c55; font-style: italic; }
.spot-footer-logo{ height:calc(25px + 2 * .5em); }
.support-logos-container-lg{display:none;}
.support-logos-container-sm{display:block;}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after { content: ''; left: 3px; display: inline-block; width: 0; height: 0; border: solid 5px transparent; margin: 4px 4px 2px 4px; background: transparent; }
a.asc:after {border-bottom: solid 7px #212529;border-top-width: 0; }
a.desc:after { border-top: solid 7px #212529; border-bottom-width: 0; }

.grid-view th, .grid-view td:last-child { white-space: nowrap; }
.grid-view .filters input, .grid-view .filters select { min-width: 50px; }
.hint-block { display: block; margin-top: 5px; color: #999; }
.error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px 0; }

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout { padding-top: 7px; color:var(--black-text); }
.navbar form > button.logout:focus { outline: none; }

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb { background-color: transparent; border-radius: .25rem; padding: .75rem 0; margin:0 !important; }
.breadcrumb li:not(.active):after{ content:'/'; margin:0 5px; }
.breadcrumb li a, .breadcrumb-item > a { text-decoration: none; color:var(--black-color) !important; }
.search-float-psr{
    position:relative;
}
.float-search{ position:absolute; top:100%; right:0; width:340px; height:70px; z-index:10; display:none; align-items:center; justify-content:center; border-radius:0; background:#333442; z-index:1; }
.float-search.open{ display:flex; }
.float-search > div{ align-items:center; justify-content:space-between; position:absolute; box-sizing:border-box; width:90%; }
.float-search > div > form{ width:100%; }
.float-search > div input[type=search]{ border-radius:50px; border:0 none; background:var(--white-color); padding:10px 60px 10px 15px; font-size:14px; flex:1; z-index:1; position:relative; width:100%; }
.float-search > div button{ cursor:pointer; background:transparent; color:#CCCCCC; font-size:20px; transition:all .3s ease-in-out; border:0 none; border-radius:50px; position:absolute; right:10px; top:0; width:40px; height:40px; z-index:2; }

.thebox{ margin:auto; width:100%; height:100vh; }
.thebg{ background:url(/img/spot-login-screen2.jpg) center no-repeat; position:relative; background-size:cover; }
.thebg > div{ z-index:1; position:relative; }
/*.thebg:before{ position:absolute; content:''; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.7); z-index:0; }*/
#form-signup label.form-label,
#login-form label.form-label,
#request-password-reset-form label.form-label,
#reset-password-form label.form-label{ margin-bottom:0 !important; font-size:13px; font-weight:bold; }
#form-signup div.invalid-feedback,
#login-form div.invalid-feedback,
#request-password-reset-form div.invalid-feedback,
#reset-password-form div.invalid-feedback{ font-size:13px; }
#form-signup button.btn-signup-form,
#login-form button.btn-signup-form,
#request-password-reset-form button.btn-signup-form,
#reset-password-form button.btn-signup-form{ border:0 none; border-radius:0px !important; background:#37e6b3; color:var(--black-color); text-align:center; width:100%; font-weight:bold; }
.top-link-signupbox{ font-size:16px; }
.top-link-signupbox a{ font-size:16px; color:#37e6b3; }

.bg-spot{background-color:#1e1e2a; color:var(--white-color);}
.bg-spot-green{background:var(--spot-color) !important;}
.bg-header-footer{background:var(--spot-header-bg-op7); backdrop-filter: blur(10px);}
.bg-header-transparent{background:transparent; backdrop-filter: none;}
.default-header{ padding:6px; transition:background-color .3s linear; }

.spot-header-container{ max-width:2880px !important; }
.spot-icon{ font-size:24px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
main.main-layout{ background:#FFFFFF; color:var(--black-color); margin-top:0; }

.categories{ box-sizing: border-box; padding-left:0; padding-right:0; margin:auto; width:100%; }
.categories h1{ text-align:center; font-size:1.6em; margin:15px 0; }
.categories > h3{ text-align:center; }
.categories .categories-items{ padding:10px 0; display:flex; gap:20px; flex-wrap:wrap; flex-direction:column; }
.categories .categories-items .category-item{ display:flex; flex-direction:column; display:flex; gap:5px; width:46%; }
.categories .categories-items .category-item .category-media{ border-radius:0; overflow:hidden; position:relative; z-index:1; }
.categories .categories-items .category-item .category-media a{ z-index:2; position:absolute; left:0; top:0; height:100%; width:100%; }
.categories .categories-items .category-item .category-media .category-image{background:#313131;}
.categories .categories-items .category-item .category-media .category-image a img{ width:100%; height:100%;}
.categories .categories-items .category-item .category-content{ text-align:center; }
.categories .categories-items .category-item .category-content h3{ font-size:14px; }
.categories .categories-items .category-item .category-content h3 a{ padding:15px 0; text-decoration:none; color:var(--black-color); display:block; font-size:15px; }
.categories .categories-items .category-item .category-content h3 a i{ transition:500ms all; }
.categories .categories-items .category-item .category-content .cat-descr { font-size:11px; color:#343434 }
.categories .categories-items .category-item .category-content a.view-products{ display:block; background:var(--spot-color); color:var(--white-color); padding:5px; text-decoration:none; width:100%; transition:500ms all; }
.categories .categories-items .category-item .category-content a.view-products:hover{ background:var(--black-color); color:var(--white-color); }
.categories .categories-items .category-item.is-rectangle{ gap:2px; width:100% !important; height:180px; }

.categories .category-heading{ align-items:self-start; justify-content:flex-start; position:relative; padding:0; min-height:333px; }
.categories .category-heading h1{ color:var(--white-color); font-size:36px; text-align:center; z-index:1; text-shadow:1px 1px 1px rgba(0,0,0,0.7); font-size:42px; position:absolute; left:20px; bottom:20px; animation:fadein 1s forwards; }
.categories .category-heading ul{ z-index:1; position:relative; }
.categories .category-slider{ position:relative; width:100%; left:0; top:0; height:100%; z-index:0; min-height:300px; overflow:hidden; animation:categoryEntrance 2s; }
.categories .category-slider .slide{ height:300px; }
.categories .category-slider .slide > img{width:100%; height:100%; object-fit:cover; }

.categories .categories-products,
.categories .categories-items{ display:flex; padding:40px 0 30px 0; flex-direction:row; }
.categories .categories-products .categories-products-line-filter{ margin:10px 0 20px; display:flex; flex-direction:column; justify-content:center; }
.categories .categories-products .categories-products-line-filter > div{ color: rgba(var(--color-link),var(--alpha-link)); width:100%; }
.categories .categories-products .categories-products-line-filter > div:first-child{ padding:10px; }
.categories .categories-products .categories-products-line-filter > div:last-child{ width:100%; display:flex; flex-direction:column; align-items: center; gap:10px; }
.categories .categories-products .categories-products-line-filter > div:last-child div:first-child{ color:var(--black-color); width:100%; }
.categories .categories-products .categories-products-line-filter > div:last-child div:first-child select{ appearance:none; padding:5px; cursor:pointer; border:0 none; background:rgba(0,0,0,0.3); color:var(--white-color); position:relative; }
.categories .categories-products .categories-products-line-filter > div:last-child div:last-child{ color:var(--black-color); width:100%; text-align:center;}
.categories .categories-products .categories-products-line-filter a{ color:var(--spot-color); text-decoration:none; display:block; text-align:center; }
.categories .categories-products .categories-products-line-filter span:hover{ text-decoration:underline; }
.categories .categories-products .products{display:flex;gap:5px;flex-wrap:wrap; justify-content:center;}

.product-category-item{padding:5px;width:48%; }
.product-category-item .product-category-media{margin-bottom:10px; display:flex; justify-content:center;}
.product-category-item a{ color:var(--white-color); text-decoration:none; }
.product-category-item .product-category-media .product-category-image{text-align:center; height:130px; width:130px;}
.product-category-item .product-category-media .product-category-image img{transition:1000ms all; width:100%; height:100%; border-radius:0%; object-fit:cover; background:#313131; }
.categories .categories-items .category-item.is-rectangle .category-image{ text-align:center; }
.categories .categories-items .category-item.is-rectangle .category-image > img.fit-cover{ object-fit:contain; height:120px; }
.product-category-item .product-category-content{ padding:15px 0 10px; font-size:12px; color:var(--white-color); }
.product-category-item .product-category-content h3{ transition:1000ms all; text-decoration:none; margin:0; text-align:center; font-size:15px; }
.product-category-item .product-category-content h4{ text-decoration:none; text-transform:uppercase; margin:0; text-align:center; font-size:13px; }
.product-category-item .product-category-content h5{ text-decoration:none; margin:5px 0 0 0; text-align:center; font-size:19px; }

.products:hover > .product-category-item:not(:hover){
    filter:blur(1px);
    opacity:0.5;
}
/*
.product-category-item:hover .product-category-media .product-category-image img{ transform:scale(1.1); box-shadow:0px 3px 3px rgba(0,0,0,0.7);}
.product-category-item:hover .product-category-content h3{ text-decoration:underline; }
*/

.filter_sidebar{ transition:500ms all; position:fixed; height:100vh; background:#333442; top:0; right:-350px; width:300px; z-index:1031; display:flex; flex-direction:column; justify-content: space-around;box-shadow:-3px 0 5px rgba(0,0,0,0.5);}
.filter_sidebar.opened{ right:0; }
.filter_sidebar .filter_sidebar_overflow{ overflow-y:auto; height:100%; }
.filter_sidebar .filter_sidebar_overflow .filter_title{ text-align:center; border-bottom:solid 1px rgba(255,255,255,0.08); font-size:16px; padding:5px; color:var(--white-color); }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body{ padding:20px 5px; color:var(--white-color); }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box{ margin:30px auto; width:90%; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .title{ display:flex; justify-content:space-between; cursor:pointer; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .title i{ transition:500ms all; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .title.opened i{ transform:rotate(180deg); }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body{ display:none; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body.opened{ padding:10px; display:block; min-height:80px; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul{list-style:none; margin:0; padding:0;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li{ font-size:16px; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li{color: #AAAAAA;display: block;position: relative;float: left;width: 100%;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li input[type=radio]{position: absolute;visibility: hidden;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li label{display: block;position: relative;font-weight: 300;font-size:16px;padding:5px 25px 5px 30px;margin:0px auto;height: 30px;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li:hover label{color: #FFFFFF;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li .check{display: block;position: absolute;border: 4px solid #AAAAAA !important;border-radius: 100%;height: 20px;width: 20px;top:7px;left:0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li:hover .check {border: 5px solid #FFFFFF;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body ul li .check::before {display: block;position: absolute;content: '';border-radius: 100%;height: 10px;width: 10px;top: 1px;left: 1px;margin: auto;transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body input[type=radio]:checked ~ .check {border: 4px solid var(--spot-color) !important;}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body input[type=radio]:checked ~ .check::before{background: var(--spot-color);}
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body input[type=radio]:checked ~ label{color: var(--spot-color);}

.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .filter_input_group{ display:flex; justify-content: space-between; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group{ position: relative; padding: 20px 0; width: 150px; max-width: 100%; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group input { border: none; border-bottom:solid 2px var(--white-color); color: var(--white-color); background:transparent; display: block; font-size: 16px; padding: 10px 0; width: 100%; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group label { color: #9e9e9e; font-size: 16px; font-weight: 100; position: absolute; top: 0; left: 0; pointer-events: none; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group input:focus { border-bottom-color: var(--white-color); outline: none; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group input:focus + label { color: var(--spot-color); font-size: 14px; }
.filter_sidebar .filter_sidebar_overflow .filter_sidebar_body .filter_sidebar_body_box .body .form_group label { transition: all 0.2s ease-in-out; }
.filter_sidebar .filter_sidebar_close{ position:absolute; right:25px; top:15px; color:var(--white-color); font-size:18px; }
.filter_overlay{ background:rgba(255,255,255,0.3); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1030; }
.filter_sidebar .filter_sidebar_buttons{display:flex;align-items:baseline;gap:10px;justify-content:space-around;padding:10px; border-top:solid 1px rgba(255,255,255,0.08);}
.filter_sidebar .filter_sidebar_buttons a{color:var(--spot-color); text-decoration:underline; font-size:16px; width:45%; display:block;}
.filter_sidebar .filter_sidebar_buttons button{background:var(--spot-color);color:var(--white-color);border-radius:0px;padding:5px 15px; border:0 none; width:45%; font-size:16px;}

.filters_selected{display:flex; gap:10px;}
.filters_selected p{ border:solid 1px var(--white-color); border-radius:50px; padding:5px 10px; margin:0; color:var(--white-color); font-size:12px; }
.filters_selected p i.remove-filters{cursor:pointer;}

.faq{ box-sizing: border-box; padding-left:0; padding-right:0; margin:auto; }
.faq .faq-heading{ background-color:#000; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; margin-top:72px; min-height:350px; display:flex; align-items:center; justify-content:center; }
.faq .faq-heading:after{ content:''; position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%; z-index:0; } 
.faq .faq-heading h1{ color:var(--white-color); font-size:36px; text-align:center; z-index:1; text-shadow:1px 1px 1px rgba(0,0,0,0.7); }

/* Product detail */
.pr_ft_image{ margin-bottom:15px; }
.pr_ft_image img{ border-radius:10px; width:600px; height:600px; object-fit:cover; cursor:pointer; }
.pr_gallery{ margin:20px 0; }
.pr_gallery ul{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; gap:5px; }
.pr_gallery ul li{ width:100px; height:100px; }
.pr_gallery ul li img{ width:100%; height:100%; object-fit:cover; border-radius:5px; cursor:pointer; transition:all 500ms; }
.pr_gallery ul li img:hover{ transform:scale(1.1); }

.pr_description{ padding:10px 0; }
.pr_description > div{ font-size:14px; line-height:18px; }

.pr_provider_name{ font-size:12px; margin:0; font-weight:400; }
.pr_provider_name a{ color:var(--white-color); text-decoration:none; }
.pr_name{ font-size:2em; font-weight:500; }
.pr_price{ font-size:12px; }
.pr_price h3{font-size:24px; margin:0;}

.pr_quantity{ margin:20px 0 0; }
.pr_quantity p{ margin:0; font-size:14px; }
.quantity-selector { display: flex; align-items: center; justify-content: space-between; width: 110px; height: 36px; border:solid 1px var(--black-color); border-radius: 4px; font-size: 16px;}
.quantity-selector input {width: 40px;height: 36px;margin: 0;padding: 0 8px;border: none;text-align: center;font-size: 16px;background:transparent;color:var(--black-color);-moz-appearance: textfield;}
.quantity-selector input::-webkit-inner-spin-button,
.quantity-selector input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity-selector button {width: 36px;height: 36px;margin: 0;background-color: transparent;border: none;cursor: pointer;font-size: 16px;outline: none; color:var(--black-color); }
.pr_heading_custom{ font-size:16px; margin:30px 0 0; }
.pr_customization{ padding:10px 0; }
.pr_customization .line{ margin-bottom:10px; }
.pr_related{ display:flex; flex-direction:row; flex-wrap:wrap; gap:0px; }
.pr_related:hover > .product-category-item:not(:hover){
    filter:blur(1px);
    opacity:0.5;
}

.toggle { cursor: pointer; display: inline-block; }
.toggle-switch { display: inline-block; background: #ccc; border-radius: 16px; width: 58px; height: 32px; position: relative; vertical-align: middle; transition: background 0.25s; }
.toggle-switch:before, .toggle-switch:after { content: ""; }
.toggle-switch:before { display: block; background: linear-gradient(to bottom, #fff 0%, #eee 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); width: 24px; height: 24px; position: absolute; top: 4px; left: 4px; transition: left 0.25s; }
.toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #fff 0%, #fff 100%); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); }
.toggle-checkbox:checked + .toggle-switch { background: #56c080;}
.toggle-checkbox:checked + .toggle-switch:before { left: 30px; }
.toggle-checkbox { position: absolute; visibility: hidden; }
.toggle-label { margin-left: 5px; position: relative; top: 2px; }

.pr_actions{ display:flex; flex-direction: column; gap:20px; align-items:center; margin-top:20px; }
.pr_actions button{ width:100%; border-radius:0px; border:0 none; font-size:16px; }
.pr_actions button.product-add-cart{ background:var(--spot-color); color:var(--white-color); padding:15px 0; font-weight:bold; }
.pr_actions button.product-add-list{ background:none; color:var(--spot-color2); padding:0; }
.pr_actions button.product-budget{ background:none; color:var(--black-color); padding:0; }

.categories .categories-items .category-item:hover .category-media::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(135deg,rgba(255,255,255,0.01) 35%,rgba(255,255,255,0.1),rgba(255,255,255,0.01) 65%); background-size: 200% 100%; animation: scrollShine 9s linear 1 forwards; z-index: 1; }

.home-slider{ margin-bottom:10px; }
.home-slider .home-slide{ min-height:330px; height:330px; width:100%; display:flex; position:relative; font-size:16px; color:var(--white-color); z-index:1; }
.home-slider .home-slide > div,
.home-slider .home-slide > a > div{ width:100%; height:100%; display:flex; background-repeat:no-repeat; background-size:cover; background-position:center; align-items:center; justify-content:center; }
.home-slider .home-slide:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; z-index:0; }
.home-slider .home-slide > div > .hs-description,
.home-slider .home-slide > a > div > .hs-description{position:relative; z-index:3;}
.home-slider .home-slide > a{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1; color:var(--white-color); text-decoration:none; font-size:20px; text-shadow:1px 1px 3px rgba(0,0,0,0.75); }

/* Cart */
.cart-content{ padding:30px 0; }
.cart-content .no-items{ padding:10px 0; text-align:center; color:var(--white-color); font-size:16px; }
.cart-content .no-items p{ margin:10px 0; }
.cart-content .cart{ margin:30px 0 0 0; border-radius:10px; width:100%; min-width:600px; }
.cart-content .cart thead{ background:#EAEAEA; color:var(--black-color); }
.cart-content .cart thead th{ padding:5px 0; }
.cart-content .cart thead th.product-remove a{ font-size:24px; background:#EF1B6D; color:var(--white-color); border-radius:50px; text-decoration:none; display:block; width:36px; height:36px; margin:auto; text-align:center; }
.cart-content .cart thead th.product-quantity,
.cart-content .cart thead th.product-subtotal{ text-align:center; }
.cart-content .cart tr.cart_item{ padding:5px; }
.cart-content .cart tr.cart_item:nth-child(even){ background:var(--white-color); }
.cart-content .cart tr.cart_item:nth-child(odd){ background:#EAEAEA; }
.cart-content .cart tr.cart_item{ text-align:center; }
.cart-content .cart tr.cart_item td{ padding:5px; }
.cart-content .cart tr.cart_item td.product-remove a{ font-size:24px; background:var(--spot-color); color:var(--white-color); border-radius:50px; text-decoration:none; display:block; width:36px; height:36px; margin:auto; }
.cart-content .cart tr.cart_item td.product-thumbnail-name{ text-align:left; }
.cart-content .cart tr.cart_item td.product-thumbnail-name > div{ display:flex; align-items:center; }
.cart-content .cart tr.cart_item td.product-thumbnail-name > div div img{ width:64px; height:64px; object-fit:cover; border-radius:50px; padding:5px; }
.cart-content .cart tr.cart_item td.product-thumbnail-name > div div a{ color:var(--black-color); text-decoration:none; }
.cart-content .cart tr.cart_item td.product-thumbnail-name > div div p{ margin:0; padding-left:10px; font-size:12px;}
.cart-content .cart tr.cart_item td.product-price{ text-align:left; padding:0; }
.cart-content .cart tr.cart_item td.product-quantity{ text-align:left; padding:0; }

.cart-collaterals{display:flex; align-items:start; justify-content:space-between; flex-direction:column;}
.cart-collaterals .cart-update button{ color:var(--spot-color); }
.cart-collaterals .cart-total{ background:var(--white-color); padding:10px; margin:10px 0; }
.cart-collaterals .cart-total .cart-totals{ max-width:450px; width:100%; }
.cart-collaterals .cart-total table{border:0 none; width:100%; border-radius:10px;}
.cart-collaterals .cart-total table tr.cart-subtotal th{ font-size:20px; }
.cart-collaterals .cart-total table tr.cart-subtotal td{ font-size:22px; text-align:right; }
.cart-collaterals .cart-total table tr.cart-total{background:var(--white-color);}
.cart-collaterals .cart-total table tr.cart-total th{ font-size:20px; }
.cart-collaterals .cart-total table tr.cart-total td{ font-size:22px; color:var(--spot-color); text-align:right; }
.cart-collaterals .cart-total .cart-terms{ padding:15px; font-size:14px; }
.cart-collaterals .cart-total .cart-terms a{ color:var(--spot-color); font-size:14px; }

.cart-collaterals .cart-total .cart-proceed{ padding:10px 0; }
.cart-collaterals .cart-total .cart-proceed a{ text-decoration:none; display:block; width:90%; margin:0 auto; border-radius:0px; padding:10px 0; font-size:16px; background:var(--spot-color); color:var(--black-color); text-align:center; font-weight:bold; }

/* Checkout */
.checkout-form{ width:100%; }
.delivery-options{ display:flex; flex-direction:column; list-style:none; padding:0; margin:20px 0; align-items:stretch; justify-content:stretch; }
.delivery-options li{ padding:10px; }
.delivery-options li span{ display:block; cursor:pointer; border:solid 2px transparent; border-radius:50px; background:#313131; color:var(--white-color); font-size:1em; transition:500ms all; padding:15px 20px; width:100%; }
.delivery-options li span i{ color:var(--spot-color); }
.delivery-options li span.selected{ border:solid 2px var(--spot-color); }

.delivery-options-box, .delivery-zone, .checkout-comments, .checkout-rebound, .checkout-billing{ width:100%; margin:auto; }
.delivery-options-box input{ padding:7px 10px; font-size:14px; margin:0 !important; }
div[class^='field-orders']{ margin:5px 0; }

.checkout-comments textarea{ min-height:200px; }
.checkout-rebound #orders-shipping_rebound{ display:flex; flex-direction:column;}

.total-float{position:fixed; bottom:0; left:0; background:#313131; padding:10px; width:280px; z-index:2;}
.total-float #checkout-total-label{ border-top: solid 1px #EAEAEA; margin:20px 0 0; padding-top:10px; }
.total-float #checkout-total-label .col:last-child{ font-size:18px; color:var(--spot-color); font-weight:bold; }

.cart-menu{
    position:relative;
}
.cart-menu span{ position:absolute; top:0; right:0; background:red; color:var(--white-color); font-size:8px; text-align:center; border-radius:50px; width:14px; height:14px; display:flex; align-items:center; justify-content:center; } 

/*
.bg-section{ 
    padding:15px;
    border-radius:10px;
    background:#333442;
    margin:20px;
}
*/

/* Provider */
.provider-heading{ background:#313131; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; min-height:350px; display:flex; align-items:center; justify-content:center; animation:categoryEntrance 2s; }
.provider-logo{ position:absolute; width:100%; height:auto; min-height:200px; display:flex; align-items:center; justify-content: center; top:70%; left:0;  }
.provider-logo img{ width:150px; height:150px; background:#FFFFFF; object-fit: contain; box-shadow:1px 1px 7px rgba(0,0,0,0.7); border-radius:0%; }
.provider-name{ margin-top:60px; }
.provider-options{ list-style:none; margin:0; display:flex;gap:5px; flex-direction:column; padding:0; justify-content:center; }
.provider-options li{ margin:5px 0; background-color:var(--spot-color); color:#313131; border-radius:10px; padding:5px 10px; display:flex; align-items:center; gap:10px; }
.provider-options li a{ color:var(--white-color); text-decoration:none; }
.provider-options li i{margin-right:2px;}

.product-list{ display:flex; justify-content:center; gap:20px; }
.spot-firstname{ display:none; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
.spot-avatar-user{ width:32px; height:32px; border-radius:50px; }
.nav-link-extended{ width:100% !important; font-size:16px !important; }

.providers{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.provider-item{ display:flex; flex-direction:column; }
.provider-item .provider-media{margin-bottom:10px; display:flex; justify-content:center;}
.provider-item a{ color:var(--black-color); text-decoration:none; }
.provider-item .provider-media .provider-image{text-align:center; height:150px; width:150px;}
.provider-item .provider-media .provider-image img{transition:1000ms all; width:100%; height:100%; border-radius:0%; object-fit:contain; filter:grayscale(1); }
.provider-item:hover .provider-media .provider-image img{ filter:grayscale(0); }
.provider-item .provider-name{ padding:15px 10px 10px; font-size:12px; color:var(--black-color); margin-top:0; }
.provider-item .provider-name h3{ font-size:20px; text-align:center; }

.providers:hover > :not(:hover) {
    filter:blur(1px);
    opacity:0.5;
}

.providers-slider{ width:100%; }

.spot_wa_float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.spot_wa_float.in-checkout{
    bottom:160px !important;
    right: 10px !important;
}

.spot_wa_float .btn-float{
	margin-top:16px;
}

.bg-dark-gray-spot{background-color:#80808D;}
.text-spot{ color: var(--spot-color) !important; }
.text-spot2{ color: var(--spot-color2) !important; }
.spot-rounded-form{ border-radius:0px !important; }
.user-profile-pic-sel{ box-sizing: border-box; position:relative; cursor:pointer; height:80px; }
.user-profile-pic-sel input{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; cursor:pointer; }
.user-profile-pic-sel button{ background:var(--spot-color); color:var(--white-color); padding:10px; border-radius:10px; border:none; width:100%; position:absolute; z-index:1; top:30px; left:0; }
.profile-pic-preview-col{ position:relative; }
.profile-pic-preview-col a{ position:absolute; top:0; right:0; color:Red; }
.profile-pic-preview-col img{ height:96px; width:96px; }

.text-spot-green{color:var(--spot-color);}
.container-mx90{ max-width:93% !important; margin:0 auto; }

.page-link{ background:#1E1E2A !important; color:var(--white-color) !important; border:1px solid var(--spot-color) !important; }
.page-item.active > .page-link{ background:var(--spot-color) !important; }
.page-item.disabled > span{ display:block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); }

.multiple_delivery_addresses_frm{ position:relative; }
.multiple_delivery_addresses_frm .spot-multiple-addresses-file{ position:absolute; z-index:1; opacity:0; left:0; width:200px; }
.multiple_delivery_addresses_frm .spot-multiple-addresses-button{position:relative; z-index:0;}

.slick-slide { margin: 0; }
.slick-list { margin: 0; }

.faq-block{ margin:0; }
.faq-block .h{ padding:10px 0; display:flex; font-size:0.8rem; justify-content:space-between; cursor:pointer; color:var(--white-color); }
.faq-block .c{ padding:10px; font-size:0.8rem; }
.product-share-icons{
    position:fixed;
    background:var(--white-color);
    backdrop-filter: blur(10px);
    border-radius:0;
    gap:5px;
    right:0;
    top:45%;
    z-index:100;
    width:50px;
    height:auto;
    padding:10px 5px;
    display:flex;
    flex-direction:column;
    text-align:center;
}
.product-share-icons a i{ color:var(--black-color); font-size:24px; }

.spot-ac-item{ padding:5px 10px !important; display:flex; justify-content: flex-start; background:#333; color:var(--white-color); gap:5px; align-items:center; }
.spot-ac-item > div{margin:0;}
.spot-ac-item > div:first-child{ width:36px; }
.spot-ac-item > div:first-child img{ width:32px; height:32px; object-fit:cover; background:#CCC; }
.spot-ac-item > div:last-child{ font-size:1em; display:flex; word-wrap: break-word; text-wrap:wrap; line-height:14px; font-size:0.8em; color:var(--black-color); }

.spot-inline-search{ margin:0; position:relative; width:100%; }
.spot-inline-search #search-main-q,
.spot-inline-search #search-main-q2{ border:solid 1px #CCC; background:rgba(255,255,255,0.5); backdrop-filter:blur(10px); border-radius:0px; width:100%; padding:10px 30px 10px 15px; color:var(--black-color); font-size:12px; transition:500ms all; }
.spot-inline-search #search-main-q:focus,
.spot-inline-search #search-main-q2:focus{ border:solid 1px var(--white-color); outline:none; }
.spot-inline-search #search-main-q2:focus{ width:100%; }
.spot-inline-search button{ border:0 none; background:transparent; color:var(--white-color); position:absolute; right:5px; top:7px; }
/*.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div{ background:var(--white-color) !important; }*/
/*.xdsoft_autocomplete .xdsoft_autocomplete_dropdown{ background-color:var(--white-color) !important; }*/
span.color-selector{width:36px; height:34px; border-radius:50px; border:solid 2px transparent;}
span.color-selector:hover{cursor:pointer; border:solid 2px var(--white-color);}
span.color-selector.cls-selected{border:solid 2px var(--white-color);}

/* Breakpoints */
/*
@media only screen and (max-device-width : 389px) {
    .home-slider .home-slide{ min-height:200px; height:auto; width:100%; display:flex; position:relative; font-size:16px; color:var(--white-color); z-index:1; }
    .product-category-item .product-category-media .product-category-image{height:150px; width:150px;}
    .home-slider .home-slide > div,
    .home-slider .home-slide > a > div{ background-size:cover; }
    .home-slider{height:200px;}
    .provider-item .provider-media .provider-image{text-align:center; height:140px; width:140px;}
}
*/

@media only screen and (min-device-width: 390px) and (max-device-width: 480px) {
    .home-slider .home-slide > div, .home-slider .home-slide > a > div{
background-size:contain;}
    .home-slider .home-slide{ min-height:246px; font-size:14px; }
    .product-category-item .product-category-media .product-category-image{height:170px; width:170px;}
    .provider-item{ display:flex; flex-direction:column; max-width:160px; }
    .provider-item .provider-media .provider-image {
        text-align: center;
        height: 160px;
        width: 160px;
    }
    .top-link-signupbox{ font-size:18px; }
    .top-link-signupbox a{ font-size:18px; }
}

@media only screen and (min-width:712px) {
    .navbar form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 0px 15px;
    }

    .default-header{ padding:12px 15px; }

    main > .container, main > .container-fluid{
        padding: 20px 15px;
    }

    .footer .footer-data p,
    .footer .footer-data p a{font-size:1rem;margin-bottom:0;}
    .footer .footer-col3{text-align:left;}
    .footer .footer-social{align-items:flex-end;justify-content: end;}
    .footer .footer-data-right{text-align:right;}
    .footer .footer-data-right p{ margin-bottom:0; }
    .footer .footer-data-right p a{text-align:right;}
    .categories{ padding-left:0; padding-right:0; max-width:2800px; width:100%; }
    .categories h1{ text-align:center; font-size:1.4em; }
    .categories .category-heading{ height:333px; }
    .categories .categories-items{ padding:0 0 30px; flex-direction:row; justify-content:center; gap:0; }
    .categories .categories-items .category-item{width:164px;}
    .categories .categories-items .category-item.is-rectangle{ gap:2px; width:31% !important; height:200px; }
    .categories .categories-items .category-item.is-rectangle .category-image > img.fit-cover{ object-fit:contain; height:123px; }
    .categories .categories-items .category-item .category-content h3 a{font-size:16px;}
    .categories .categories-products .products{display:flex;gap:15px;flex-wrap:wrap; justify-content:center;}
    .categories .categories-products .categories-products-line-filter{flex-direction:row; width:100%; align-items: center; margin:15px auto 15px;}
    .categories .categories-products .categories-products-line-filter > div{ color: rgba(var(--color-link),var(--alpha-link)); width:25%; }
    .categories .categories-products .categories-products-line-filter > div:last-child{ width:85%; display:flex; flex-direction:row; align-items: center; }
    .categories .categories-products .categories-products-line-filter a{ text-align:left; }
    .categories .categories-products .categories-products-line-filter > div:last-child div:last-child{ color:var(--black-color); width:20%; text-align:right;}
    .product-category-item{padding:10px;width:229px;}
    .product-category-item .product-category-content{ padding:15px 10px 10px; font-size:12px; color:var(--black-color); }
    .product-category-item .product-category-content h3{ font-size:16px; }
    .product-category-item .product-category-content h4{ font-size:14px; }
    .product-category-item .product-category-content h5{ font-size:20px; }
    .product-category-item .product-category-media .product-category-image{text-align:center; height:180px; width:180px;}
    .product-category-item{padding:5px;width:30%; }
    .cart-collaterals{flex-direction:row;}

    .checkout-form{ width:75%; }
    .delivery-options{ flex-direction:row; list-style:none; padding:0; margin:20px 0; align-items:center; justify-content:center; }
    .delivery-options li{ padding:10px; }
    .delivery-options li span{ display:block; cursor:pointer; border:solid 2px transparent; border-radius:0px; background:var(--spot-color); color:var(--black-color); font-size:1em; transition:500ms all; padding:15px 20px; }
    .delivery-options li span i{ color:var(--black-color); }
    .delivery-options li span.selected{ border:solid 2px var(--spot-color); }

    .delivery-options-box, .delivery-zone, .checkout-comments, .checkout-rebound, .checkout-billing{ width:70%; max-width:90%; margin:auto; }
    .delivery-options-box input{ padding:7px 10px; font-size:14px; margin:0 !important; }
    div[class^='field-orders']{ margin:5px 0; }

    .checkout-comments textarea{ min-height:200px; }
    .checkout-rebound #orders-shipping_rebound{ display:flex; flex-direction:column;}

    .total-float{position:fixed; bottom:0; left:0; background:var(--spot-color); padding:10px; width:280px;}
    .total-float #checkout-total-label{ border-top: solid 1px var(--black-color); margin:20px 0 0; padding-top:10px; }
    .total-float #checkout-total-label .col:last-child{ font-size:18px; color:var(--black-color); font-weight:bold; }

    .provider-options{flex-direction:row; justify-content:center;}
    .spot-firstname{ display:block; padding:12px 5px 0 0; color:var(--white-color); }

    .spot_wa_float.in-checkout{ bottom:40px !important; right:40px !important; }

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

    .home-slider .home-slide > div{ font-size:28px; font-weight:bold; padding:0 30px; line-height:1.2; text-align:center; }
    .home-slider .home-slide > a{ font-size:28px; }
    .provider-item .provider-media .provider-image {
        text-align: center;
        height: 160px;
        width: 160px;
    }
    .home-slider .home-slide > div, .home-slider .home-slide > a > div{
        background-size:contain;
    }
    .top-link-signupbox{ font-size:16px; }
    .top-link-signupbox a{ font-size:16px; }
    .spot-inline-search{ margin:0; position:relative; width:200px; }
}

@media only screen and (min-width:768px) and (max-width:899px) {
    .pr_gallery ul li{ width:147px; height:147px; }
    .pr_ft_image img{ height:500px; }
    .home-slider{height:204px;}
    .home-slider .home-slide{ min-height:204px; }
}

@media only screen and (min-width:900px) {
    .home-slider{height:240px;}
    .home-slider .home-slide{min-height:240px;}
    .footer {
        font-size: .9em;
        padding:30px 30px 25px;
    }

    .footer.in-checkout{
        padding:30px 30px 25px !important;
    }

    .categories .categories-products .products{display:flex;gap:0px;flex-wrap:wrap;}
    .product-category-item{padding:0px;width:100%;}
    .product-category-item .product-category-content{ padding:0px 10px 20px; font-size:12px; color:var(--black-color); }
    .product-category-item .product-category-content h3{ font-size:18px; }

    .categories h1{ text-align:center; font-size:1.4em; }
    .categories > h3{ text-align:center; }
    .categories .categories-items .category-item{gap:0px; width:calc(100% / 6);}
    .categories .categories-items .category-item .category-image{ transition:500ms all; height:100%; }
    .categories .categories-items .category-item .category-image > img{ height:200px; width:100%; object-fit:cover; }

    .categories .categories-items .category-item.is-rectangle{ gap:2px; width:31% !important; height:auto !important; }
    .categories .categories-items .category-item.is-rectangle .category-image{ height:100%; }
    .categories .categories-items .category-item.is-rectangle .category-image > img{ height:100%; width:100%; object-fit:cover; }
    .categories .categories-items .category-item.is-rectangle .category-image > img.fit-cover{ object-fit:contain; height:100%; }

    .categories .categories-items .category-item .category-content h3 a{font-size:18px;}
    .categories .categories-items .category-item:hover .category-image{ transform:scale(1.1) rotate(2deg); }
    .categories .categories-items .category-item:hover .category-content h3 a i{ transition:500ms all; transform:translateX(5px); }
    .categories .categories-items .category-item .category-content a.view-products{ width:80%; margin:0 auto; }

    .categories .categories-products .categories-products-line-filter > div{ width:40%; }
    .categories .categories-products .categories-products-line-filter > div:last-child{ width:60%; }
    .categories .categories-products .categories-products-line-filter > div:last-child div:last-child{ width:20%; text-align:right;}
    
    .product-detail{ max-width:1140px; margin:0 auto 20px; }
    .product-category-item{width:198px;}
    .product-category-item .product-category-content h3{ font-size:17px; }
    .product-category-item .product-category-content h4{ font-size:15px; }
    .product-category-item .product-category-content h5{ font-size:21px; }
    .product-category-item .product-category-media .product-category-image{text-align:center; height:191px; width:191px;}
    .provider-options{justify-content:end;}
}

@media only screen and (min-width:1024px) {
    .home-slider{height:275px;}
    .home-slider .home-slide{ height:275px; }
    .home-slider .home-slide > div,
    .home-slider .home-slide > a > div{ background-size:contain; }
    .categories .categories-items .category-item.is-rectangle .category-image{ height:220px; }
    .support-logos-container-lg{display:block;}
    .support-logos-container-sm{display:none;}
}

@media only screen and (min-width:1140px) {
    .home-slider{height:320px;}
    .home-slider .home-slide{ height:320px; }
    .home-slider .home-slide > div,
    .home-slider .home-slide > a > div{ background-size:cover; background-position:top left; }
    .categories .categories-items .category-item.is-rectangle .category-image{ height:250px; }
}

@media only screen and (min-width: 1280px) {
    .home-slider{height:333px;}
    .home-slider .home-slide{ height:400px; }
    .categories .categories-items .category-item.is-rectangle {height: 240px !important;}
    .categories .categories-items .category-item.is-rectangle .category-image{ height:200px; }
    .provider-item .provider-media .provider-image {
        text-align: center;
        height: 180px;
        width: 180px;
    }
}

@media only screen and (min-width:1440px) {
    main > .container, main > .container-fluid{
        padding: 90px 15px 20px;
        max-width:1440px !important;
    }
    .footer {
        font-size: .9em;
        padding:30px 50px 25px;
    }
    .categories .categories-items .category-item{width:auto; flex:0 0 200px;}
    .categories .categories-items .category-item.is-rectangle{ gap:2px; width:308px !important; height:283px !important; flex:0 0 380px; }
    .categories .categories-items .category-item .category-content h3 a{font-size:22px;}

    .categories .categories-products .products{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;}
    .product-detail{ max-width:1280px; margin:20px auto; }
    .product-category-item{width:200px;}
    .product-category-item .product-category-media .product-category-image{text-align:center; height:200px; width:200px;}
    .product-category-item .product-category-content h3{ font-size:22px; }
    .product-category-item .product-category-content h4{ font-size:16px; }
    .product-category-item .product-category-content h5{ font-size:26px; }

    .container-mx90{ max-width:90% !important; margin:0 auto; }
    .home-slider{height:380px;}
    .home-slider .home-slide { height: 380px; }

    .provider-item .provider-media .provider-image {
        text-align: center;
        height: 200px;
        width: 200px;
    }
}

@media only screen and (min-width:1920px) {
    .home-slider{height:505px;}
    .home-slider .home-slide{ height:505px; }
    .home-slider .home-slide > div,
    .home-slider .home-slide > a > div{ background-size:contain; }
    .provider-item .provider-media .provider-image { text-align: center; height: 200px; width: 200px; }
    .categories .categories-items .category-item {width: auto;flex: 0 0 280px;}
    .categories .categories-items .category-item.is-rectangle{ gap:2px; width:380px !important; height:300px !important; flex:0 0 31%; }
    .categories .categories-items .category-item.is-rectangle .category-image {
        height: 300px;
    }
    .categories .categories-items .category-item.is-rectangle .category-image > img {
        object-fit: contain;
        object-position: top center;
    }
}

@media only screen and (min-width:2560px) {
    body{ font-size:20px; }
    main.main-layout {margin-top: 70px;}
    .home-slider{height:675px;}
    .home-slider .home-slide{ height:675px; }
}

@media(width >= 2800px) {
    .product-category-item{width:495px;}
    .product-category-item .product-category-media .product-category-image{text-align:center; height:460px; width:460px;}
}

@keyframes scrollShine {
    from {
        background-position: -200% 0;
    }
    to {
        background-position: 200% 0;
    }
}

@keyframes scale-up {
    0% {
        transform: scale(0);
        opacity: 0;
        border-radius:50%;
    }
    100% {
        transform: scale(1);
        opacity: 1;
        border-radius:0%;
    }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Full calendar */

#calendar {
    margin: 40px auto;
    margin-left: 0;
    margin-right: 0;
}

a.fc-col-header-cell-cushion,
a.fc-daygrid-day-number,
a.fa-event,
.fc-daygrid-event-dot,
.fc-event-title,
.fc-direction-ltr .fc-daygrid-event .fc-event-time{ color:var(--white-color) !important; text-decoration:none; }
a.fc-event.fc-daygrid-event[href] {
    color: #c90064;
}

a.fc-event.fc-daygrid-event[href]:visited {
    color: #9c3dd3;
}
.fc .fc-daygrid-day.fc-day-other {
    background: var(--fc-neutral-bg-color);
}
.fc .fc-scrollgrid-section-sticky > * {
    background: unset;
    position: sticky;
    z-index: 3;
}
:not(td[aria-labelledby]) > .fc-daygrid-day-frame {
    background: var(--fc-neutral-bg-color);
}
.fc .fc-scrollgrid-section-body {
    background: var(--fc-page-bg-color);
}
.fc .fc-timegrid-slot-label, .fc .fc-timegrid-axis-frame {
    background-color: var(--main-page-bg-color);
}

.fc .fc-list-event:hover td{
    background:var(--spot-color) !important;
}

a.fc-event{ cursor:pointer; }

/* Estilo para el contenedor del video */
#video-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    min-height:640px;
    z-index: 0; /* Envía el video al fondo */
    overflow: hidden;
}

/* Ajuste del iframe para que ocupe todo el contenedor */
#video-container #player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Evita interacciones directamente en el iframe */
}

/* Div de bloqueo (cubierta transparente) */
#video-container #block-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Encima del video */
    background:rgba(0,0,0,0.2);
}

/* Contenido encima del video */
#video-container #content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.view-more-allies{
    background: var(--spot-color);
    color: var(--black-color);
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    transition: 500ms all;
}
.view-more-allies:hover{
    background: var(--black-color);
    color: var(--white-color);
}

.blog{ background:#EAEAEA; padding:60px 0; }
.ph{
    background: #eee;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}
.ph:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    background: linear-gradient(90deg, #eee, #f4f4f4, #eee);
    animation: gradient 1s infinite ease-in-out;
    animation-delay:2s;
  }
.plh{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.plh > .plh-item{
    width:100%;
}
.plh > .plh-item > .plh-img{
    width:100%;
    height:200px;
    margin-bottom:10px;
    border-radius:10px;
}
.plh > .plh-item > .plh-img img{
    width:100%;
    height:100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}
.plh > .plh-item > .plh-title{ width:100%; height:30px; border-radius:10px; margin-bottom:10px; }
.plh > .plh-item > .plh-date{ width:60%; height:30px; border-radius:10px; margin-bottom:10px; }

.sp-blog-items{
    display:flex;
    flex-direction: column;
}
.sp-blog-items .plh-item{width:100%;}
.sp-blog-items .plh-item > .plh-img{
    width:100%;
    height:200px;
    margin-bottom:10px;
    border-radius:10px;
}
.sp-blog-items .plh-item > .plh-img img{
    width:100%;
    height:100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius:10px;
}
.sp-blog-items .plh-item > .plh-title{ font-size:16px; color:#272727; margin-bottom:10px; }
.sp-blog-items .plh-item > .plh-title a{ text-decoration:none; color:#272727; font-weight:bold; }
.sp-blog-items .plh-item > .plh-title a:hover{ color:#000000; }
.sp-blog-items .plh-item > .plh-date{ font-size:14px; color:#4e4e4e; margin-bottom:10px; }

@media(min-width:768px) {
    .sp-blog-items{ direction:row; }
    .plh{ flex-direction:row; }
    .plh > .plh-item{ width:33.3%; }
    .sp-blog-items .plh-item{width:33.3%;}
}
@keyframes gradient {
    form {
        left: 0%;
    }
    
    to {
        left: 100%;
    }
}

.products2{ gap:0; display:flex; flex-direction:row; flex-wrap:wrap; }
.products2:hover > :not(:hover) {
    filter:blur(1px);
    opacity:0.5;
}
.products2 .product-category-item{ flex:1; flex-basis:auto; width:150px; height:150px; transition:all 0.3s ease-in-out; position:relative; overflow:hidden; }
.products2 .product-category-item img{ width:100%; height:100%; object-fit:cover; border-radius:0; }
.products2 .product-category-item .product-category-item-name{ position:absolute; width:100%; height:100%; display:flex; align-items:flex-end; justify-content:center; background:rgb(0 0 0 / 60%); color:var(--white-color); text-align:center; left:0; top:0; z-index:1; padding:15px; transform:translateY(100%); transition:all 200ms; }
.products2 .product-category-item:hover .product-category-item-name{ transform:translateY(0%); }

@media (min-width:768px) {
    .products2 .product-category-item{ width:calc(100% / 6); height:210px; transition:all 0.3s ease-in-out; }
}

/* Estilos de marquesina infinita */
.logos-carousel {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background-color: #fff;
    padding: 20px 0;
}

.logos-track {
    display: inline-block;
    white-space: nowrap;
    animation: scroll 30s linear infinite;
}

.logos-track img {
    height: 180px;
    margin: 0 20px;
    vertical-align: middle;
}

/* Animación para el desplazamiento infinito */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
  
/* Responsive */
@media (max-width: 768px) {
    .logos-track img {
      height: 200px; /* Ajusta la altura para dispositivos móviles */
      margin: 0 20px; /* Reduce el espacio entre los logos */
    }
}

@keyframes slide{
    0% {
        transform: translateX(calc(0% + 50px));
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes categoryEntrance {
    0%{
        opacity:0;
        backdrop-filter: blur(20px);
    }
    50%{
        opacity:0.5;
        backdrop-filter: blur(10px);
    }
    100%{
        opacity:1;
        backdrop-filter: none;
    }
}

.mt-6{
    margin-top:5rem !important;
}