
/*@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('all.min.css');

body { font-family: 'Montserrat', sans-serif; font-weight: 400 }

h1.h1, h2.product-title, h2.h2,  h2.display-5, h3.product-title,
.product-accessories p.h5
 { font-family: 'Montserrat', serif; }

body { font-size: .85rem }
/*
#B8393E main lila
#191D29 main blue
#efefef light grey
*/

/* primary text color */

footer a:hover,
body, a { color: #232323; }

/* BG lila  */
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.direction span,
#_desktop_cart .cart-products-count,
h4.modal-title,
div#scroll2Top.ps_17 a i,
#carousel .btn-default,
span.discount.discount-percentage,
#search_filters .ui-widget-header,
body .owl-theme .owl-dots .owl-dot.active span, 
body .owl-theme .owl-dots .owl-dot:hover span,
ul.product-flags li ,
.btn-primary  ,
.FooterAfterOuter,
.btn-primary:hover
 {
    background-color: #de1324; 
}

button, .btn {
    padding: .4rem .8rem ;
    line-height: normal;
    letter-spacing: 0;
}

/*** grey text***/
.displayNav2 i,
.displayNav2 a,
.displayNav2 span._gray-darker
{ color: #7a7a7a }

/*** top border lila ****/
.multi_3 h2:after,
.header-top .dropdown-menu ,
.popover .top-menu,
#left-column > div,
#block-reassurance,
.dropdowncart_cart_block { border-top: 2px solid #B8393E }

/**** border botton´m lila ***/
nav.header-nav
{ border-top: 2px solid #B8393E ;}


/*** small text ****/
span.control-label,
.social-sharing span,
.breadcrumb,
.tax-shipping-delivery-label,
.product-discount .aeuc_before_label {
	font-size: .85rem; font-weight:  normal;
}



header#header { box-shadow:  0 0 5px #000 }
.footer-container {    padding-top: 2rem;}
nav.header-nav {}

/**** text orange ****/
.mc_wrapper.theme44-home-2 .features i,
ul.top-menu li.current > a.dropdown-item,
.mc_wrapper.theme44-home-1 h4,
.products .price,
a:hover,
.contact-rich .icon,
footer a:hover,
.product-prices .product-price span { color: #B8393E; }

.modal-header .close {
    margin-top: -2px;
    position: relative;
    font-size: 2rem;
    padding: 0;
}

/**** bg main blue  *****/
.header-banner,
.breadcrumb ,
ul.product-flags li.new,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.dropdown-item.active, .dropdown-item:active,
#footer .footer-container,
footer .block_newsletter  .btn,
#search_widget button.submit {
    background-color: #000;
}

span.discount.discount-percentage {
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 1rem;
    padding: .2rem .7rem;
    text-transform: uppercase;
    color: white;
}

header#header { background: #000; }
/*
.header-top  {padding:  1.2rem 0; background: #000;
    border-bottom: 3px solid #de1324;}

    */
/*#footer  {	margin-top: 3rem; }*/
body:not(#index) #wrapper { min-height: 600px; }

footer,  footer a { color: #7a7a7a; font-size: .85rem; line-height: 1.4rem }

#footer div.title span, #footer div.title a {font-size: .7rem;}
#footer div.title { margin-bottom: .5rem}
footer p.h3, footer p.h3 a, footer p.h4 { line-height: normal; color: white; font-size: 1.3rem; margin-bottom: .7rem; }
.FooterAfterOuter {
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: .85rem;
    padding: 1rem;
    margin-top: 1rem;
}

#footer .footer-container-main a:hover { padding-left: 10px;}
#footer .footer-container-main ul li a:before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: bold;   
    content: "\f105";

}

#footer .footer-container-main a:hover:before {    font-size: 1rem;}
.footerAfterInner, .footerAfterInner a {
    color: rgba(255, 255, 255, .5);
    line-height: normal; font-size: .75rem;
}
#footer .footerAfterInner a:hover { color: white; }


img.footerlogo-img {
    max-width: 50%;
    margin-bottom: 1rem;
}

.block-contact .wrapper {
    margin-left: 1rem;
    padding-left: 3rem;
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.block-contact li { margin-bottom: .5rem  }
.block-contact li.footer-text { 
    font-size: .65rem; 
    line-height: normal;
    padding-bottom: 1rem; 
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);   
}
#footer .block-contact ul li a:before { display: none;}


#wrapper .breadcrumb[data-depth="1"] {
	display: block;
    visibility: hidden;
    height: 0;
}
.breadcrumb { padding: .5rem; margin-bottom: 2rem; border-radius: 0; }
.breadcrumb li a, 
.breadcrumb li span  {  color:  rgba(255, 255, 255, .7); }

/**** socials ***/
.block-social ul li a {
    display: inline-block;
    margin: 0 .5rem  ;
    text-align: center;
}
/**** socials ***/


/**** newsletter ****/
/*
footer .NL-bg { background:  url(../img/ml-bg.jpg); background-size: cover; }
.NL-bg {    padding: 3rem 0 ;}
.NL-bg .input-wrapper { display:  table; width: 100%; }
.NL-bg input[type="email"] { display: table-cell; width: 80%; }
.NL-bg input.btn {
    height: 50px;
    position: relative;
    top: -1px;
    width: 20%;
    display: table-cell;
}
*/

.additionalInfo {    margin-top: .5rem; }
p#block-newsletter-label {
    margin-bottom: 0;
    font-size: 1.5rem;
    color: black;
    line-height: normal;
}
#gdpr_consent span, .NL-bg .additionalInfo p { margin: 0; font-size: .8rem; color: rgba(0, 0, 0, .9) }
/**** newsletter ****/

/* .mobile div#menu-icon { position: relative; top: 1.2rem; } */
.header-top .mobile i,
.header-top .mobile .dropdowncart_cart_link i
 { font-size: 2rem;  top: 0; line-height: inherit;  }
#_desktop_cart .cart-products-count { 
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    text-align: center;
    line-height: 20px;
    right: -10;
}
.classDisplayTop { position: relative; }
.header-top button { padding: 0 }
.header-top .header i,
.header-top a {
    font-size: .85rem;
}
.header-top .dropdown-menu a { color: #191D29 }
.header-top ul.dropdown-menu { padding: 0 }
.header-top .dropdown-item:focus, 
.header-top .dropdown-item:hover { background: #efefef; }
.header-top .dropdown-item { padding: .5rem .8rem;  }

.page-footer a,
.addresses-footer a,
a.all-product-link {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}


.block-social {}
.block-social ul { justify-content: flex-end; }
.social-sharing ul li a:hover {    transform: scale(2); }


@media (max-width: 767px) {
    #footer ul {padding: 1rem; background: rgba(0, 0, 0, .2); margin-bottom: 1rem }
    .aeuc_footer_info {    margin: .5rem 0;}    
    .block-social ul { justify-content: flex-start; }
}


.block_newsletter input[type="email"],
#search_widget input {
    padding: .8rem;
    border: 0;
}

ul.product-flags li { 
    display: flex;
    padding: .15rem .5rem;
    margin: 2px 0;
    color: white;
    text-transform: uppercase;
}

span.discount.discount-percentage {
    position: absolute;
    top: 9px;
    right: 0;
}


/*** carousel ***/
#carousel div.caption p.h4 {     
	font-size: 4rem;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
#carousel div.caption h3 {    text-transform: uppercase; }

#carousel { overflow: hidden; }
#carousel .btn-default { }
#carousel div.clickClass {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 45em;
    background-size: cover;
    background-position: right;
}

a.right.carousel-control {
    right: 0;
    left: auto;
}

a.left.carousel-control {
    position: absolute;
    top: 40%;
    left: -20%;
}
a.right.carousel-control {
    position: absolute;
    top: 40%;
    right: -20%;
}
.direction span {
    display: block;
    padding: 1rem;
    color: white;
    border-radius: 50%;

}
.direction i.material-icons {
    display: block; line-height: 1; top: 0;
} 

#carousel:hover a.right.carousel-control { right: 2% }
#carousel:hover a.left.carousel-control { left: 2% }


/**** custom design goes here ** */
.slide-featured-products { background-color: #efefef; text-align: center; padding:3rem;  }
.store-item-container td, 
.store-item-container th {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: .5rem 0;
}

section.new-products  {
    background: #efefef;
    padding: 2rem 0;
}

.top-menu li a { 
    padding: 0 .5rem; 
    text-transform: uppercase; 
    font-size: 1rem ;
    color: white;
}


/*** list product styles ***/
ul.product-flags {
    position: absolute;
    z-index: 2;
    top: 0;
    transform: rotate(90deg);
    left: 0;
    top: 0;
    width: 119px;
    height: 119px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-end;
}


/**** section new products home ***/
section.new-products h2 { text-align: center; }
section.featured-products .products .product-price-and-shipping { justify-content: center; }
section.featured-products h2.h2 { margin: 2rem 0;  } 
section.featured-products .all-product-link  { display:  none; }


/*** list product styles ***/

/*** product styles ***/
.tabs { padding: 2rem 0  }
body#product h1.h1 { font-size: 1.6rem; }
.product-accessories  { text-align: center; }
.color, .product-variants>.product-variants-item .color { border-radius: 50%; }
.current-price span {
    font-size: 2rem;
    font-weight: bold;
}

.nav-tabs .nav-link { border: 0; font-weight: 900; }
.nav-tabs .nav-link { padding: .5rem 0; margin-right: 1rem; color: #000;  }
.nav-tabs .nav-link.active {border-bottom: 3px solid #B8393E; color: #000;}

.tab-content { padding: 1rem 0;   }

div#_desktop_top_menu {}
h2.product-title a,
h3.product-title a { font-size:  1rem;  display: block; text-transform: uppercase; }
.products .product-description { padding:  1rem 0; border-top: 1px solid #efefef }
.products img.img-fluid { width: 100%; }

.products h3 { font-size: 1.3rem; font-weight:  bold; min-height: 4rem; font-weight:  normal; }
.products .product-price-and-shipping { display: flex; align-items: center; }
.products .price { font-size: 1.7rem; letter-spacing: -.1rem; margin: 0 .5rem ;}
.products .regular-price {order: 1; }
.products .aeuc_before_label { display: none; }

.product-prices { 
    display:  flex; flex-wrap: wrap; 
    align-items: center; 
    margin: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 1rem;
}
.product-prices .product-price  { order: -1; }
.product-prices .current-price span.price { 
    font-size: 1.5rem; 
    font-weight: bold; 
}

.product-prices div {
    margin: 0 .5rem 0 0;
    padding: 0;
    line-height: normal;
}

/**** list button animation *****/
.products .thumbnail-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}
.products .highlighted-informations {
    position: absolute; z-index: 99;
    top: 30%;
    width: 100%;
    text-align: center;
    left: -400px;
}
a.quick-view {
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}
a.quick-view i {    font-size: 3rem; }
.products .quick-view span { display: none; }
.products article:hover .highlighted-informations {left: 10px; } 
.product-accessories p.h5 {
    margin: 2rem 0;
    color: black;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0 ,0, .1);
    padding-bottom: .5rem;
    font-size: 1rem;
}
/*** owl arrow custom design ***/
.owl-carousel .owl-nav button span {
    font-size: 2rem;
    background: white;
    line-height: 140%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

.owl-carousel .owl-nav button.owl-prev { left: -10%; }
.owl-carousel .owl-nav button.owl-next { right: -10%; }
.owl-carousel { overflow: hidden; }
.owl-carousel:hover .owl-nav button.owl-prev { left: 1%; } 
.owl-carousel:hover .owl-nav button.owl-next { right: 1%; }  
body .owl-theme .owl-dots .owl-dot span {    width: 15px;    height: 15px;}
body .owl-theme .owl-dots .owl-dot.active span, 
body .owl-theme .owl-dots .owl-dot:hover span {}

/*** owl arrow custom design ***/

/**** main slider ***/
#carousel .caption-description { font-size: 1.2em; color:  rgba(255, 255, 255, .7); }
#carousel .caption-description p {
    margin: inherit;
    color: inherit;
    font-size: inherit;
    margin-bottom: 1rem;
}
#carousel h2.display-5 { font-size: 4rem; }
#carousel h2.display-5 { color: black; font-weight: 900 }

 

/**** main slider end ***/

#_desktop_cart i,
#_desktop_user_info i, 
#_desktop_currency_selector i,
#search_widget  i,
#_desktop_language_selector i { font-size: 20px; top: 6px; }
.displayNav2 i.expand-more { display: none; }
#_desktop_user_info button {    padding: 0 1rem; }
.position-static {
    display: flex;
    flex-wrap: wrap;
}
.classDisplayTop,
.displayNav2        { position: relative; }
.classDisplayTop    { flex: 70% }
.displayNav2        { flex: 30%; display: flex;  flex-wrap: wrap;}
.displayNav2 > div  {    padding: 0 .4rem;}


/*** categories block ***/
#left-column .h6
{padding-top: 1rem; display: block;}
p.text-uppercase.h6,
.block-categories  a.h6 { color: black;  font-weight:  bold; font-weight: 900; font-size: .9rem; margin-bottom: .5rem; }
.collapse ul.category-sub-menu .category-sub-menu { background: rgba(0, 0, 0, .1); padding: .5rem }
ul.category-sub-menu li a, ul.category-sub-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: .5rem 0;
}
ul.category-sub-menu li:last-child a, ul.category-sub-menu li:last-child a {
    border: 0;
}

.collapse ul.category-sub-menu {
    background: rgba(0, 0, 0, .1);
    padding: .5rem;
}
/*** categories block ***/
section#js-active-search-filters {
    border: 1px solid #efefef;
    padding: 1rem;
    margin-bottom: 1rem;
}

p.h6.active-filter-title,
#search_filters .facet .facet-title { 
	color:  black; 
	font-weight:  bold; 
	margin: 1rem 0 .5rem; 
}
p.h6.active-filter-title { margin-top:0  }
.active_filters .filter-block .close { margin-top: .8rem  }

.dropdowncart_cart_block { box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
.dropdowncart_cart_block p.h4 {
    color: black;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 1rem;
}
.cart_block_type_0 { padding: 1rem!important }

.sbs_manufacturer_slider h2.h2 { display: none; }
.sbs_manufacturer_slider .owl-carousel .owl-item img { 
	width: auto; max-width: 100%;
	margin: auto;
}

.owl-carousel.owl-drag .owl-item {   overflow: hidden;}
.categories.owl-carousel .owl-item img { height: 350px; width: auto; }

.sbs_manufacturer_slider { 
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 2rem 0 1rem 0;
	margin-top: 2rem; 

}

section.categories_slider {
    padding: 4rem 0;
    background: #efefef;
}

#subcategories .subcategory-heading h4 {
    font-weight: bold;
    color: black;
    font-size: 1.2rem;
    margin: 2rem 0 1rem;
}

/**** category description ***/
#category-description p {
    font-size: .75rem;
    color: #000;
}

#category-description  {
    position: absolute;
    margin: 1rem;
    background: rgba(255, 255, 255, .4);
    padding: 1rem;
    bottom: 0rem;
}

/*** contentique ****/
.mc_wrapper.theme44-home-1 {
    background: url(../img/multi-2.jpg) no-repeat;
    padding: 2rem 0 32rem;
    background-size: cover;
}
.mc_wrapper.theme44-home-1 h1 { font-weight: bold; }


.mc_wrapper.theme44-home-2 .features  {	padding: 4rem; }
.mc_wrapper.theme44-home-2 .features span {
	font-size: 1rem; color: black; text-transform: uppercase;
}

.mc_wrapper.theme44-home-2 .bg-image {
    background: url(../img/multi-3.jpg) no-repeat;
    background-size: cover;
    height: 400px;
}

.mc_wrapper.theme44-home-2 .features .row {
    align-items: center;
    display: flex;
    height: 100%;
}
.mc_wrapper.theme44-home-2 .features i {
    font-size: 3rem;
    display: block;
    position: initial;
    line-height: normal;
    text-align: center;
    margin-bottom: .5rem; 
}
.mc_wrapper.theme44-home-2 .features span {
    font-size: .9rem;
    color: black;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem; 
}

/* **** table ****/
table { margin: 1rem 0 }
table th {
    font-weight: bold;
    padding: .5rem;
}
table td {
    padding: .5rem;
    background: #efefef;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.modal-header .close {
    margin-top: -2px;
    position: relative;
    font-size: 2rem;
    padding: 0;
    right: 30px;
    position: absolute;
}

#search_widget button.submit { padding: .3rem;  }
#search_widget input {
    background: #efefef;
    border: 1px solid #ccc!important;
}
.search_widget_search_block { min-width: 250px; padding: 0; }

@media (max-width: 1000px) {
    #category-description {position: initial; padding: 0; margin: 1rem 0;}
}

/** contact ***/
.contact-rich h4 { display: none; }
.contact-rich { 
    padding-right: .5rem;
    border-top: 0 none!important;
    border-right: 1px solid #efefef!important;
}
.contact-rich .data { width:  77%; }



/* For burger button */
#header .header-nav #sbs_menu_icon {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 1rem;
}
#header .header-nav #sbs_menu_icon .material-icons {    line-height: 50px;}

/*** animation hamburger ****/
#header .header-nav #sbs_menu_icon {transform: rotate(0);}
#header .header-nav #sbs_menu_icon:active  { transform: rotate(180deg); }
/*** animation hamburger ****/


/* END For burger button */

.sbs_mobile_menu_opened {
    display: block !important;
    z-index: 999;
}
.sbs_menu_container { 
    position: fixed; left: 0; top: 80px;
    visibility: visible;
    height: calc(100vh-80px);
    width: 90%;
    background: #efefef;
    padding: 2rem;
}

.sbs_menu_container { left: -1000px; width: 0; visibility: hidden; }
.sbs_menu_container.sbs_mobile_menu_opened { 
    position: fixed; left: 0; top: 80px;
    visibility: visible;
    height: calc(100vh - 80px);
    width: 90%;
    background: #efefef;
    overflow-y: auto;
}

/***** top menu *****/

.sbs_menu_container .top-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: end;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.sbs_menu_container ul.top-menu li a{
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, .3);
    position: relative;
    white-space: initial;
}
.js-top-menu-bottom ul {    background: rgba(0, 0, 0, .3); margin-bottom: .5rem!important }

.sbs_menu_container ul.top-menu li {
    display: block;
    width: 100%;
}

.sbs_menu_container ul.top-menu li .popover {
    position: relative;
    box-shadow: none;
    max-width: initial;
}

.sbs_menu_container ul.top-menu li .popover ul {
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .1);
}

.sbs_menu_container ul.top-menu li .navbar-toggler {
    position: relative;
    right: -30px;
    top: 5px;
}
/*** displaynav modules collapes ***/
.mobileselector {    clear: both; padding: .5rem 0; }
.sbs_menu_container .mobile_top-blocks  ul { margin: 0; padding: 0; list-style-type: none; background: rgba(0, 0, 0, .15) }
.collapse-icons .remove, .mobileselector[aria-expanded=true] .collapse-icons .add {    display: none;}
.mobileselector[aria-expanded=true] .collapse-icons .remove {    display: initial;}
.collapse-icons .remove, .mobileselector[aria-expanded=true] .collapse-icons .add {    display: none;}
.sbs_menu_container #_desktop_cart{
    display: none;
}

#header #sbs_menu_icon {
    transform: rotate(180deg); 
 }

#header #sbs_menu_icon:active  {
  transform-origin: center center;
 }

#sbs_menu_icon i {    font-size: 2rem;    top: -3px; color: white}
#mobile_top_menu_wrapper span,
#_mobile_cart .blockcart  i {     font-size: 2rem;    top: 28px; }
.user-info-selector-select, 
.language-selector-select, 
.currency-selector-select{
    display: none;
}

#block-reassurance { padding: 1rem; background: #efefef; margin: 2rem 0 }
#block-reassurance ul { padding: 0; margin: 0;  list-style-type: none;}
#block-reassurance ul li {    margin-bottom: 1rem;    border-bottom: 1px solid rgba(0, 0, 0, .1);    padding-bottom: 1rem; }
#block-reassurance ul li:last-child { margin-bottom: 0; border: 0; padding: 0;}
.block-reassurance-item {   display: flex; align-items: center; }
.block-reassurance-item img {    margin-right: 12px; }

.sbs_manufacturer_slider .brand-image img {   filter: grayscale(100%); opacity: .5; transition: .4s  }
.sbs_manufacturer_slider .brand-image:hover img {   filter: grayscale(0%); opacity: 1;  }

body.layout-left-column #wrapper { background-image: url('../img/bg-downloads.jpg')  }
body#index #wrapper,
body#cms #wrapper { background-image: url('../img/bg-kontakt.jpg')  }

#left-column,
#content-wrapper { background-color: rgba(255, 255, 255, .8); padding: 1rem; margin-bottom: 3rem;   }
#_desktop_quotique span { display: none; }

body#cms .reference  {    display: flex; flex-wrap: wrap;}
body#cms .reference p { flex: 11%; margin: 15px; }
body#cms .reference p img { width: 100%; height: auto; }

a img.logo {    margin-top: .5rem; }



.header-banner { text-align: center; }