﻿.alt-icons .dropdown-menu {z-index: 1051;}
.alt-icons a.menu_icons,.alt-icons a.menu_icons span {line-height: 32px;height: 32px;}
.alt-icons a.menu_icons {padding-right: 10px;padding-left: 10px;border: solid #ccc 1px;text-align: center;float:left;}
.alt-icons a.menu_icons:hover{background-color:#FF324D;color:#fff;}
.top-header .row {flex-wrap: nowrap;align-items: center;}
@media (max-width: 767px) {
.top-header .row {flex-wrap: wrap !important; }
.top-header .col-auto,.top-header .col-md-6 {display: flex;align-items: center;justify-content: center;}
}

/*.widget_categories ul.cat li a,
.widget_categories ul.cat li ul.sub_cat li a{ padding-top: 5px;padding-bottom: 5px;list-style: none;}
*/
/*.widget_categories ul.cat li a{padding-left:10px;}
.widget_categories ul.cat li ul.sub_cat li a {padding-left: 20px;}*/
/*.widget_categories .cat li a,
.widget_categories .cat li .sub_cat li a{position: relative;}*/


/*.widget_categories .cat li a::before{content: "\f35a";font-family: "Font Awesome 5 Free";height: auto;line-height: normal;margin-right: 5px;}
.widget_categories .cat .sub_cat li a::before{content: "\f061";font-family: "Font Awesome 6 Free";height: auto;line-height: normal;margin-right: 5px;}
*/
/*.widget_categories .cat li:last-child,
.widget_categories .sub_cat li:last-child{padding-bottom: 0;}
.widget_categories .cat .categories_num,
.widget_categories .cat .sub_cat .categories_num{float: right;font-size: 14px;}*/

.widget_categories .cat li,.widget_categories .cat li .sub_cat li {margin-bottom: 5px;margin-top: 5px;}
.categories_name {font-weight: 500;color:#990033;}
.cat {padding-left: 10px;margin:0px;}
.cat span.categories_name {font-weight: 400;color: black;}
.sub_cat{padding-left:15px}
.sub_cat span.categories_name {font-weight:300;}

/*</style>
<style type="text/css">*/
/*::placeholder {
    color: #aaa !important;
}*/
.carousel-item img {position: relative;z-index: -1;width: unset;}
.pr_links h3,.pr_links h4,.pr_links h5{font-size:1rem;font-weight:300}
.owl-prev {margin-left: -20px;}
.owl-next {right: 0px;}
.owl-prev, .owl-next {position: absolute;top: 40%;display: block !important;border: 0px solid black;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {background: rgba(30, 30, 30, 0.6);color: #fff;border: solid 1px #000;padding: 0 !important;height: 32px;line-height: 32px;width: 32px;font-size: 1.5rem;}
@media screen and (min-width:320px) and (max-width:767px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .pgAanbieding, .pgDisabled {min-width: 48px;min-height: 48px;line-height: 48px !important;}
}
/*------/ Owl carousel /------*/
.owl-theme .owl-dots {text-align: center;margin-top: 18px;}
.owl-theme .owl-dots .owl-dot {display: inline-block;}
.owl-theme .owl-dots .owl-dot:hover span {background-color: #d1d1d1 !important}
.owl-theme .owl-dots .owl-dot.active span {background-color: #d1d1d1;width: 35px;}
.owl-arrow .owl-nav {position: absolute;top: 0;right: 0;font-size: 1.8rem;}
.owl-arrow .owl-nav .owl-prev, .owl-arrow .owl-nav .owl-next {display: inline-block;transition: all 0.6s ease-in-out;color: #000000;}
.owl-arrow .owl-nav .owl-prev.disabled, .owl-arrow .owl-nav .owl-next.disabled {transition: all 0.6s ease-in-out;color: #adadad;}
.owl-arrow .owl-nav .owl-next {margin-left: 15px;}
.nav-arrow-a .owl-arrow .owl-nav {font-size: 1.8rem;margin-top: -110px;}
.nav-arrow-a .owl-arrow .owl-nav .owl-next {margin-left: 15px;}
.nav-arrow-b .owl-arrow .owl-nav {position: absolute;top: 0;right: 0;font-size: 1.2rem;}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev, .nav-arrow-b .owl-arrow .owl-nav .owl-next {padding: .7rem 1.5rem !important;display: inline-block;transition: all 0.6s ease-in-out;color: #ffffff;background-color: #e2001f;opacity: .9;}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled, .nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {transition: all 0.6s ease-in-out;color: #ffffff;}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover, .nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {background-color: #26a356;}
.nav-arrow-b .owl-arrow .owl-nav .owl-next {margin-left: 0px;}
/*</style>
<style type="text/css">*/
.steps{padding:0;margin:0;list-style:none;display:flex;overflow-x:auto}.steps .step:first-child{margin-left:auto}.steps .step:last-child{margin-right:auto}.step:first-of-type .step-circle::before{display:none}.step:last-of-type .step-content{padding-right:0}.step-content{box-sizing:content-box;display:flex;align-items:center;flex-direction:column;width:5rem;min-width:5rem;max-width:5rem;padding-top:.5rem;padding-right:1rem}.step-circle{position:relative;display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;color:#adb5bd;border:2px solid #adb5bd;border-radius:100%;background-color:#fff}.step-circle::before{content:"";display:block;position:absolute;top:50%;left:-2px;width:calc(5rem + 1rem - 1.5rem);height:2px;transform:translate(-100%,-50%);color:#adb5bd;background-color:currentColor}.step-text{color:#adb5bd;word-break:break-all;margin-top:.25em}.step-active .step-circle{color:#fff;background-color:#007bff;border-color:#007bff}.step-active .step-circle::before{color:#007bff}.step-active .step-text{color:#007bff}.step-error .step-circle{color:#fff;background-color:#dc3545;border-color:#dc3545}.step-error .step-circle::before{color:#dc3545}.step-error .step-text{color:#dc3545}.step-success .step-circle{color:#28a745;background-color:#fff;border-color:#28a745}.step-success .step-circle::before{color:#28a745}.step-success .step-text{color:#28a745}
/*</style>
<style type="text/css">*/

.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: rgba(0,0,0,.1);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: #0d0d0d;
  border-color: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  

  
}

/*
* {
  box-sizing: border-box;
}*/
.autocomplete {position: relative;display: inline-block;}
input[type=text] {width: 100%;}
input[type=submit] {background-color: DodgerBlue;color: #fff;cursor: pointer;}
.autocomplete-items {position: absolute;border: 1px solid #d4d4d4;border-bottom: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0;}
.autocomplete-items li {padding: 10px;cursor: pointer;background-color: #fff; border-bottom: 1px solid #d4d4d4;overflow: hidden !important;text-overflow: ellipsis !important;}
.autocomplete-items li:hover {background-color: #e9e9e9; }
.autocomplete .active {
/*background-color: #ff0000 !important; 
  color: #ffffff; 
  border: 1px solid #000000;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.typeahead {
    height: 200px;
    background-color: #fff;
    z-index: 1031;
}
/*</style>
  
<style type="text/css">*/
      
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: block;

src: url(../fonts/fa-brands-400.woff2) format("woff2")

}

@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(../fonts/fa-solid-900.woff2) format("woff2")
}

:host, :root {
--fa-style-family-brands: "Font Awesome 6 Brands";
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
--fa-style-family-classic: "Font Awesome 6 Free";
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

.fa {
font: 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--fa-style-family,"Font Awesome 6 Free");
font-weight: var(--fa-style,900);
}
.fa, .fa-solid {display: var(--fa-display,inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;}
.fa-solid {font-family: "Font Awesome 6 Free"}
.fa-phone-alt:before {content: "\f879"}
.fa-chevron-down::before {content: "\f078"}
.fa-map-marker-alt:before {content: "\f3c5"}
.fa-whatsapp:before {content: "\f232";}
.fa-x::before {content: "\58"}
.fa-solid {font-weight: 900;}


.flag-icon {background-repeat: no-repeat;background-size: contain;background-position: 50%;position: relative;display: inline-block;width: 1.33333333em;line-height: 1em}
.flag-icon:before {content: "\00a0"}
.flag-icon-es {background-image: url(../flag-icon-css/flags/4x3/es.png);}
.flag-icon-gb {background-image: url(../flag-icon-css/flags/4x3/gb.svg);}
.flag-icon-qa {background-image: url(../flag-icon-css/flags/4x3/qa.svg);}
.flag-icon-ru {background-image: url(../flag-icon-css/flags/4x3/ru.svg);}
.flag-icon-tr {background-image: url(../flag-icon-css/flags/4x3/tr.svg);}


.language-menu .menu-item {position: relative;-js-display: flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.language-menu > .menu-item > .menu-link {height: 100%;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-js-display: flex;display: flex;}
.language-menu .menu-link {display: inline-block;text-decoration: none;}
.language-menu .menu-item:hover > .sub-menu {right: auto;left: 0;visibility: visible;}
.language-menu .sub-menu {visibility: hidden;position: absolute;top: 100%;z-index: 1032;white-space: nowrap;word-wrap: break-word;}
html[dir=rtl] .language-menu .sub-menu {right: -999em;left: auto;}
html[dir=ltr] .language-menu .sub-menu {left: -999em;right: auto;}
.language-menu ul.sub-menu {padding-top: 2px;background-color: #fff;border: solid 1px #d1d1d1;}
.language-menu ul.sub-menu a {border-bottom: solid 1px #d1d1d1;}
.language-menu .menu-item > a, .language-menu .sub-menu a.sub-link, .language-menu a.menu-link {color: var(--color-primary);padding: 0 10px;}
.language-menu .menu-item:hover > a, .language-menu .menu-item:hover > div {background-color: #FF324D;color: #fff;cursor: pointer;}
.language-menu .menu-item i {margin: 0 5px;}

.topbar {height: 40px;line-height: 40px;z-index: 999;color: #fff;background-color: #903;}
.topbar span a {font-style: normal;color: #fff}
.topbar ul {list-style: none;margin: 0;padding-left: 0;padding-right: 0}
.top-header a {line-height: 32px;min-height: 32px;color: var(--color-primary)}
a i, span i {min-width: 24px}
.comment-dotted {height: 100px !important;width:  100px !important;border:5px dotted #ccc;border-radius: 50%;display: inline-block !important;}
.comment-dotted i {font-size:3rem;height:100px;display: flex;justify-content: center;align-items: flex-start;align-items: center;flex-wrap: wrap;}








.main .form-switch.form-switch-md {
    padding-left: 4.5em;
    height: 2.0em;
}
.main .form-switch.form-switch-md .form-check-input {
    margin-left: -4.5em;
    height: 1.5em;
    width: 4em;   
}
.main .form-switch.form-switch-md .form-check-label {
    padding-top: 0.5em;
  
}
.main .form-switch .form-check-input:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,0.25)'/></svg>");
}
.main .form-switch .form-check-input:checked {
    background-color: #FF324D;
    border-color: #30D158;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
} 


.card {box-shadow:0 1px 3px rgba(17,24,39,.09)}
.card-hover {transition:box-shadow .25s ease}
.card-hover:focus,
.card-hover:hover {box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}
.product.card {display: flex;flex-direction: column;height: 100%;}
.product_info {flex-grow: 1;}
/*</style>
<style type="text/css">*/
@keyframes shapeani2 {
            from {
                transform: rotate(0);
            }

            to {
                transform: rotate(360deg);
            }
        }
.discount-circle-inner {
            top: 10px;
            left: 10px;
            display: inline-block;
            width: 50px;
            height: 50px;
            text-align: center;
            /*background-color: #198754;*/
            background-color: #ff9f00;
            border-radius: 50%;
            position: absolute;
            z-index:2;
            color:#fff;
        }
.discount-circle-inner:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border-radius: 50%;
                border: 3px dashed #fff;
                animation: shapeani2 12s linear infinite;
            }
.discount-circle-inner:before {
                content: "";
                position: absolute;
                z-index: 0;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 70px;
                height: 70px;
                background: white;
                border-radius: 50%;
                animation: pulse-border 1500ms ease-out infinite;
                z-index: -1;
                text-align:center;
                color:#fff;
            }
@keyframes pulse-border {
            0% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
            }

            100% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
                opacity: 0;
            }
        }
/*class="sidebar-shop col-lg-3 order-lg-first mobile-sidebar"*/


.page-wrapper {position: relative;transition: transform .35s}
.mmenu-active .page-wrapper {transform: translateX(250px)}
.filter-toggle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 1rem
}
.filter-toggle a {
display: inline-block;
position: relative;
width: 46px;
height: 26px;
margin-left: 8px;
border-radius: 13px;
background: #e6e6e6;
text-decoration: none
}
.filter-toggle a::before {
position: absolute;
left: 0;
width: 42px;
height: 22px;
-webkit-transform: translate3d(2px,2px,0) scale3d(1,1,1);
transform: translate3d(2px,2px,0) scale3d(1,1,1);
transition: all .3s linear;
border-radius: 11px;
background-color: #fff;
content: ''
}
.filter-toggle a::after {position: absolute;left: 0;width: 22px;height: 22px;-webkit-transform: translate3d(2px,2px,0);transform: translate3d(2px,2px,0);transition: all .2s ease-in-out;border-radius: 11px;background-color: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.24);content: ''}
.filter-toggle.opened a {background-color: #e1ddc3}
.filter-toggle.opened a::before {-webkit-transform: translate3d(18px,2px,0) scale3d(0,0,0);transform: translate3d(18px,2px,0) scale3d(0,0,0)}
.filter-toggle.opened a::after {-webkit-transform: translate3d(22px,2px,0);transform: translate3d(22px,2px,0)
}
@media screen and (min-width:576px) {
.horizontal-filter {padding: 1.2rem 2rem}
.horizontal-filter .toolbox-sort {margin-right: 1rem}
}
@media screen and (min-width:992px) {
.products-body {overflow: hidden}
.products-body .sidebar-shop {left: -25%;transition: all .3s linear 0s;visibility: hidden;z-index: -1}
.sidebar-opened .sidebar-shop {left: 0;visibility: visible;z-index: 0}
.main-content {margin-left: -25%;transition: all .3s linear 0s}
.sidebar-opened .main-content {margin-left: 0}
.main:not(.sidebar-opened) .main-content {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
.main:not(.sidebar-opened) .main-content .col-md-4 {max-width: 25%}
.filter-sorts {padding: 12px}
.filter-sorts .toolbox-left {position: relative}
.filter-sorts .toolbox-item {margin-right: 1rem}
.filter-sorts .toolbox-item.toolbox-sort {margin: 0 1rem 0 0;background: #fff}
.filter-sorts .toolbox-item.toolbox-show {margin-left: auto;font-size: 1.2rem}
.filter-sorts select {min-width: 140px;border: 0;text-transform: uppercase}
.filter-sorts .layout-modes {margin-left: .5rem}
.filter-sorts .filter-toggle {display: none}
.filter-sorts .sidebar-shop {left: 0;visibility: visible;z-index: 2}
.filter-price-form, .sort-list {display: none}
.filter-price-form {position: absolute;top: 100%;left: 0;min-width: 220px;margin-top: 9px;padding: 10px 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.15);z-index: 99}

.toolbox-item.opened .sort-list, 
.toolbox-item.opened 
.filter-price-form, 
.toolbox-item.opened 
.sort-menu-trigger::before {display: block}
}

@media (max-width: 992px) {
.mobile-sidebar {display: none;} 
.sidebar-opened .mobile-sidebar {display: block;overscroll-behavior-y:auto;position:absolute;top:0;left:0;z-index:9999;background-color:#fff;}
}
.sidebar-wrapper {margin-bottom: 10px}
.sidebar-shop {/*font-size: 1.4rem*/}
/*.sidebar-shop .widget {margin: 0 0 2.5rem;padding-bottom: 0;border-bottom: 1px solid #efefef}*/
.sidebar-shop .widget::after {display: block;clear: both;content: ''}
.sidebar-shop .widget.widget-block {padding-bottom: 0;border-bottom: 0}
.sidebar-shop .widget:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0}
.sidebar-shop .widget-title {margin: 0;color: #21293c;font-size: 1.5rem;font-weight: 600;line-height: 1.1;text-transform: uppercase}
.sidebar-shop .widget-title a {display: block;position: relative;padding: .2rem 0;color: inherit}
.sidebar-shop .widget-title a:hover, .sidebar-shop .widget-title a:focus {color: #21293c;text-decoration: none}
.sidebar-shop .widget-title a::after {display: inline-block;position: absolute;top: 0;right: .3rem;transition: all .35s;font-family: 'porto';font-size: 1.7rem;content: '\e81b'}
.sidebar-shop .widget-title a.collapsed::after {content: '\e81c'}
.sidebar-shop .widget-body {padding-top: 1.3rem;padding-bottom: 1.5rem}
.sidebar-shop .widget-body::after {display: block;clear: both;content: ''}
.sidebar-shop .widget-featured {position: relative}
.sidebar-shop .widget-featured .widget-body {padding-top: 2.3rem}
.sidebar-shop .widget-featured .product-sm:last-child {margin-bottom: 0}

@media screen and (min-width:992px) {
.products-body {overflow: hidden}
.products-body .sidebar-shop {left: -25%;transition: all .3s linear 0s;visibility: hidden;z-index: -1}
.sidebar-opened .sidebar-shop {left: 0;visibility: visible;z-index: 0}
.main-content {margin-left: -25%;transition: all .3s linear 0s}
.sidebar-opened .main-content {margin-left: 0}
main:not(.sidebar-opened) .main-content {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
main:not(.sidebar-opened) .main-content .col-md-4 {max-width: 25%}
.filter-sorts {padding: 12px}
.filter-sorts .toolbox-left {position: relative}
.filter-sorts .toolbox-item {margin-right: 1rem}
.filter-sorts .toolbox-item.toolbox-sort {margin: 0 1rem 0 0;background: #fff}
.filter-sorts .toolbox-item.toolbox-show {margin-left: auto;font-size: 1.2rem}
.filter-sorts select {min-width: 140px;border: 0;text-transform: uppercase}
.filter-sorts .layout-modes {margin-left: .5rem;}
.filter-sorts .filter-toggle {display: none}
.filter-sorts .sidebar-shop {left: 0;visibility: visible;z-index: 2;}
.filter-price-form, .sort-list {display: none}
.filter-price-form {position: absolute;top: 100%;left: 0;min-width: 220px;margin-top: 9px;padding: 10px 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.15);z-index: 99;}
.sort-list {position: absolute;top: 100%;left: 0;min-width: 220px;margin-top: 9px;padding: 10px 15px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.15);z-index: 99}
.sort-menu-trigger {display: block;min-width: 140px;height: 34px;padding-left: .8rem;color: #7a7d82;font-size: 1.2rem;line-height: 34px;text-transform: uppercase;z-index: 9}
.sort-menu-trigger:hover, .sort-menu-trigger:focus {text-decoration: none}
.sort-menu-trigger::before {display: none;position: absolute;top: 100%;left: 21px;margin-top: 1px;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;content: '';z-index: 999}
.toolbox-item.opened .sort-list, .toolbox-item.opened .filter-price-form, .toolbox-item.opened .sort-menu-trigger::before {display: block}


}

.pin-wrapper {
    /*width: 0px;
left: -100px;
top: 0px;
position: relative;
background-color:#ff9f00;*/
}

.mobile-sidebar {
}




body .offcanvas-bg, body .bg_dark {
    background-color: #990033 !important;
    color: #fff !important;
}

.menu-title {
    border: solid 1px #f1f1f1;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #990033 !important;
}

    .menu-title i {
        float: right;
    }

.menu-link {
    display: block;
    color: #990033 !important;
    /*background-color:rgba(0, 0, 0, 0.2);*/
}

.sub_3 {
    /* background-color:#e5bfcc;*/
}

.sub_2 {
    /* background-color:#cc7f99;*/
}

.sub_1 {
    /* background-color:#b34066;*/
}

.open-menu {
    /* background-color:antiquewhite;*/
    /* padding:5px;
    border:dotted 3px #990033;*/
}

    .open-menu a.sub_1 {
        background-color: #990033;
        color: #fff !important;
        padding-left: 10px;
    }

.sub-menu {
    padding-left: 10px;
}

.mobile-menu .site_nav_mobile .sub-menu {
    display: none;
}

.mobile-menu .site_nav_mobile > .menu-item {
    display: block;
}

@media screen and (max-width: 992px) {
    #filter-zone {position: fixed;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background-color: #ffffff;transition: all 0.6s ease;overflow-y: auto;overflow-x: hidden;padding: 0 10px;}
}
#filter-zone {z-index: 99999;}
.sidebar-opened {}
