@charset "UTF-8";
* {margin: 0; padding: 0;}
a {-moz-outline: none; outline: none; transition: all 0.2s ease-in-out;}
a img{border:0px}
img{max-width:100%; height:auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{vertical-align:middle}
iframe{display:block;}

.material-icons{overflow:hidden;}


:root {
--kolor-tla-top-nav:#fff;
--kolor-tla-top:#fff;
--kolor-tla-dokument:#fff;
--kolor-boxow:#fff;

--kolor-czcionki:#444;
--url:#000;
--url-hover:#666;

--url-naglowek:#888;
--url-naglowek-hover:#000;

--kolor-aktywny:#000;
--bg-aktywny:#ffc600;

--menu-top-1-background:#fbfbfb;
--menu-top-1-color:#555;
--menu-top-1-bgcolor:;
--menu-top-1-color-hover:#000;
--menu-top-1-bgcolor-hover:#f3f2f2;

--menu-top-2-color:#666;
--menu-top-2-bgcolor:#f9f8f8;
--menu-top-2-color-hover:#000;
--menu-top-2-bgcolor-hover:#f3f2f2;

--menu-top-3-color:#777;
--menu-top-3-bgcolor:#fff;
--menu-top-3-color-hover:#000;
--menu-top-3-bgcolor-hover:#f3f2f2;

--menu-button-background:#ffc600;
--menu-button-color:#000;
--menu-button-bgcolor-hover:#000;
--menu-button-color-hover:#fff;
--menu-button-ico-color:#ff0000;

--podkreslenia_naglowkow:#ffc600;


--kolor-tla-stopka:#222222;
--kolor-stopka:#e3e3e3;
--naglowki-stopka:#fff;
--url-stopka:#d5d5d5;
--url-hover-stopka:#ffc600;

--li_color:#ffc600;

--button-color:#000;
--button-bg:#ffc600;
--button-color-hover:#ffc600;
--button-bg-hover:#000;
}

html, body {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
background-color:var(--kolor-tla-dokument);
color:var(--kolor-czcionki); font-size:16px; font: inherit; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

.btn-primary{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

html, body a:link, html, body  a:visited {color:var(--url); text-decoration: none;}
html, body a:hover, html, body a:active {color:var(--url-hover); text-decoration: none;}



.table-container{width: 100%;overflow-y: auto;overflow: auto;}
table{border:solid 2px #000; border-collapse:collapse;}
table tr{background-color:rgba(255,255,255,0.5)}
table tr:hover{background-color:rgba(255,255,255,1)}
table td{padding:5px 15px; border:solid 1px #ccc;}
@media screen and (max-width: 960px) {
  table td{padding:3px 10px;font-size:14px;}
}

#custom-text ul, .page-content ul, #custom-text ol, .page-content ol {display: block; margin-left:40px;}
#custom-text ul li, .page-content li{list-style-position: outside}


/* ************************************************************************************************
strony HTML
************************************************************************************************ */
.text_column{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: top; justify-content: center; margin-left:-15px; margin-right:-15px}
.column_2{display:block; width: calc(50% - 30px); margin:15px;}
.column_3{display:block; width: calc(33.33% - 30px); margin:15px;}
.page-content{padding:50px !important}



@media (max-width: 980px){
  .column_2, .column_3{width: 100%;}
  .page-content{padding:20px !important}
}




/* ************************************************************************************************
NAGŁÓWEK
************************************************************************************************ */

#contact-link{font-size:0px}
#contact-link a{position:relative; font-size:15px; font-weight:700; color:#000 !important}


#header{background-color:var(--kolor-tla-top-nav)}
.header-top{background-color:var(--kolor-tla-top) !important}

#header .header-nav .cart-preview.active {color:var(--kolor-aktywny); background: var(--bg-aktywny);}
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {color:var(--kolor-aktywny) !important;}

#_desktop_logo{ width:350px;}




.header-nav a:link, .header-nav  a:visited {color:var(--url-naglowek) !important; font-size:15px}
.header-nav a:hover, .header-nav a:active {color:var(--url-naglowek-hover) !important;}


.search-widgets .material-icons{width:32px; height:40px}


#wrapper{background-color:var(--kolor-tla-dokument);}
.breadcrumb{font-size:12px;}


/* ************************************************************************************************
MENU GÓRNE I LEWE MENU
************************************************************************************************ */


#_desktop_top_menu{width:100%; display:block; position:relative; background-color:var(--menu-top-1-background);}
#_desktop_top_menu #top-menu{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; justify-content: center;}


.top-menu a:link, .top-menu a:visited{text-wrap: wrap; color:var(--menu-top-1-color) !important; background-color:var(--menu-top-1-bgcolor) !important; font-size:16px; font-weight:700; padding:12px 20px; text-transform:uppercase;}
.top-menu a:hover, .top-menu a:active{color:var(--menu-top-1-color-hover) !important; background-color:var(--menu-top-1-bgcolor-hover) !important;}
.top-menu li:hover a{background-color: var(--menu-top-1-bgcolor-hover) !important;}

.top-menu a img{margin-top:-8px; margin-bottom:-4px; margin-left:-4px; margin-right:4px; position:relative; z-index:1}

.top-menu .current a:link, .top-menu .current a:visited, #_mobile_top_menu .current a:link, #_mobile_top_menu .current a:visited{color:var(--menu-top-1-color-hover) !important;}


.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.2);
    border: none;
    width: 280px;
    min-width: 280px;
    z-index: 18;
    padding:0px;
    margin:0px;
    transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;
}

#_mobile_top_menu .sub-menu {transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.popover{left:auto; top:auto}

.top-menu .sub-menu ul{margin:0px;}
.top-menu .sub-menu li{margin:0px !important; width:100%;  border-bottom:solid 1px #ededed;}
.top-menu .sub-menu li:last-child {border:0px;}
#_mobile_top_menu .sub-menu li:last-child{padding-bottom:20px}


.top-menu .sub-menu a:link, .top-menu .sub-menu a:visited{text-wrap: wrap; color:var(--menu-top-2-color) !important; font-size:14px; font-weight:700; padding:10px 15px; text-transform:uppercase; background-color:var(--menu-top-2-bgcolor) !important; display:block}
.top-menu .sub-menu a:hover, .top-menu .sub-menu a:active{color:var(--menu-top-2-color-hover) !important; background-color:var(--menu-top-2-bgcolor-hover) !important;}


#_mobile_top_menu a:link, #_mobile_top_menu a:visited{color:var(--menu-top-1-color) !important;  font-size:16px; font-weight:700; padding:12px 20px; text-transform:uppercase !important; background-color:transparent !important;}
#_mobile_top_menu a:hover, #_mobile_top_menu a:active{color:var(--menu-top-1-color-hover) !important; background-color:transparent !important; background-color:transparent !important;}


#_mobile_top_menu .sub-menu a:link, #_mobile_top_menu .sub-menu a:visited{color:var(--menu-top-2-color) !important;  font-size:14px; font-weight:700 !important; padding-left:38px !important; position:relative; z-index:1}
#_mobile_top_menu .sub-menu a:hover, #_mobile_top_menu .sub-menu a:active{color:var(--menu-top-2-color-hover) !important;}


.top-menu .sub-menu .current a:link, .top-menu .sub-menu .current a:visited, #_mobile_top_menu .sub-menu .current a:link, #_mobile_top_menu .sub-menu .current a:visited{color:var(--menu-top-1-color-hover) !important;}


#header .menu, #header .menu > ul > li {
    display: inline-block;
    position: relative;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem;
    clear: both;
} 



/* 3 RZĄD MENU */


#_desktop_top_menu  .sub-menu ul[data-depth="2"] {
    position: absolute; left:280px; margin-top:-41px;
        width: 280px;
    min-width: 280px;
    display:none
}
#_desktop_top_menu .sub-menu ul[data-depth="1"] li:hover  ul{display:block}

#_desktop_top_menu [data-depth="2"] a:link, #_desktop_top_menu [data-depth="2"] a:visited{text-wrap: wrap; color:var(--menu-top-3-color) !important; font-size:14px; font-weight:700; padding:10px 15px; text-transform:uppercase; background-color:var(--menu-top-3-bgcolor) !important; display:block}
#_desktop_top_menu [data-depth="2"] a:hover, #_desktop_top_menu [data-depth="2"] a:active{color:var(--menu-top-3-color-hover) !important; background-color:var(--menu-top-3-bgcolor-hover) !important;}


#_mobile_top_menu [data-depth="2"] a:link, #_mobile_top_menu [data-depth="2"] a:visited{color:var(--menu-top-3-color) !important;  font-size:13px; font-weight:400 !important; padding-left:55px !important; position:relative; z-index:1}
#_mobile_top_menu [data-depth="2"] a:hover, #_mobile_top_menu [data-depth="2"] a:active{color:var(--menu-top-3-color-hover) !important;}



#lnk-promocje {position:relative}
#lnk-promocje a{ padding-left:38px; background-color:var(--menu-button-background) !important; color:var(--menu-button-color) !important;}
#lnk-promocje a:hover{background-color:var(--menu-button-bgcolor-hover) !important; color:var(--menu-button-color-hover) !important;}
#lnk-promocje a:before {content: "\2605"; font-size:28px; color:var(--menu-button-ico-color); position:absolute; left:10px; top:2px}
#_mobile_top_menu #lnk-promocje a:before {top:0px}
#_mobile_top_menu #lnk-promocje a{background-color:var(--menu-button-background) !important; color:var(--menu-button-color) !important; padding-left:40px}
#_mobile_top_menu #lnk-promocje a:hover{background-color:var(--menu-button-bgcolor-hover) !important; color:var(--menu-button-color-hover) !important;}


.block-categories a:link, .block-categories a:visited{color:var(--menu-top-1-color);  font-size:18px; font-weight:700; text-transform:uppercase}
.block-categories a:hover, .block-categories a:active{color:var(--menu-top-1-color-hover);}

.category-sub-menu a:link, .category-sub-menu a:visited{padding-left:15px; color:var(--menu-top-2-color);  font-size:15px; font-weight:600;}
.category-sub-menu a:hover, .category-sub-menu a:active{color:var(--menu-top-2-color-hover);}




/* ************************************************************************************************
DOKUMENT GŁÓWNY
************************************************************************************************ */


.container{width: calc( 100% - 20px); max-width:1260px; position:relative; margin:auto;}
  
.page-content, #search_filters{background-color: var(--kolor-boxow); border: solid 1px #eee;}



#search_filter_controls .btn-secondary {
  visibility: hidden;
}
#search_filter_controls .btn-secondary:after {
  content:'ZAMKNIJ'; 
  visibility: visible;
  display: block;
  position: absolute;
  background-color: #000; color:#fff;
  padding: 10px 20px;
  top: 2px;
}




/* ************************************************************************************************
FILTROWANIE ps_facetedsearch
************************************************************************************************ */

.facet-title{width:100% !important; padding-bottom:1px}
[data-type="category"] {background-color:#222; margin-left:-21px; margin-right:-21px; margin-top:-25px; padding:15px; padding-top:30px !important;}
[data-type="category"] .facet-title{color:#fff !important}
[data-type="category"] a:link, [data-type="category"] a:visited{color:#ccc !important;}
[data-type="category"] a:hover, [data-type="category"] a:active{color:#fff !important;}
[data-type="category"] .material-icons{color:#fff}
[data-type="category"] .custom-checkbox input[type="checkbox"] + span{border:0px !important; border-color:#ff0000 !important; }
[data-type="category"] .custom-checkbox input[type="checkbox"] + span .checkbox-checked {color: #fff !important;}

#_desktop_search_filters_clear_all{padding-bottom:30px !important;}

@media (max-width: 980px){
[data-type="category"] {margin-left:0px; margin-right:0px; margin-top:0px; padding:0px !important;}
[data-type="category"] ul{padding-bottom:15px !important;}
[data-type="category"] li{border:0px !important; padding-top:0px !important; padding-bottom:5px !important;}
}  



/* ************************************************************************************************
kategorie i SUBKATEGORIE
************************************************************************************************ */


.kategorie_glowne ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: top; justify-content: center; margin-left:-15px; margin-right:-15px;}
.kategorie_glowne a{display:block;}
.kategorie_glowne ul li a img{text-align:center; width:100%}
.kategorie_glowne ul li{display:block; width: calc(33.33% - 30px); margin:15px; list-style: none;}
.kategorie_glowne ul li img{padding:5px; border: 1px solid #eee;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
margin-bottom:10px;
transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;
}
.kategorie_glowne a:hover img{opacity: 0.7; border: 1px solid #444;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
}



.kat_desription{font-size:14px;}

.kategorie_glowne ul li h1, .kategorie_glowne ul li h2, .kategorie_glowne  ul li h3{display:block; text-align:center;padding:0px; font-size:16px; text-transform:uppercase}
@media (max-width: 720px){
.kategorie_glowne ul li{width: 100%;}
}



/* ************************************************************************************************
PRODUKTY KAFELKI
************************************************************************************************ */



.dropdown-menu{width:calc(100% - 30px) !important; min-width:calc(100% - 30px) !important; max-width:calc(100% - 30px) !important;
background-color:#fff !important; border: 1px solid #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.4) !important; 
padding:0px;
}
.dropdown-menu a:link, .dropdown-menu a:visited{color:var(--menu-top-2-color) !important; font-size:14px ;  padding:8px 15px;  background-color:var(--menu-top-2-bgcolor) !important;}
.dropdown-menu a:hover, .dropdown-menu a:active{color:var(--menu-top-2-color-hover) !important; background-color:var(--menu-top-2-bgcolor-hover) !important;}


.featured-products h2{font-size:26px; font-weight:700 !important; color:#000; position:relative;}
.featured-products h2:before {
  content: "";
  position: absolute;
left:50%; margin-left:-50px;
  bottom: -15px;
  height: 1px;
  width: 100px;
background-color:var(--podkreslenia_naglowkow) 
}

.products{
display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: top; justify-content: left !important;
margin:0px; margin-left:-5px; margin-right:-5px;
}

.featured-products .product{width: calc(25% - 10px); min-width: calc(25% - 10px); max-width: calc(25% - 10px); margin:5px; padding:0px; background-color:#fff; border:solid 1px #ccc;}
#js-product-list .product{width: calc(33.33% - 10px); min-width: calc(33.33% - 10px); max-width: calc(33.33% - 10px); margin:5px; padding:0px; background-color:#fff; border:solid 1px #ccc; transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.featured-products .product:hover, #js-product-list .product:hover{border:solid 1px #888;}

.thumbnail-container{margin:0px !important; width:100%; }



@media (max-width: 980px){
.featured-products .product{width: calc(50% - 10px); min-width: calc(50% - 10px); max-width: calc(50% - 10px);}
}

@media (max-width: 720px){
.products{margin-left:-3px; margin-right:-3px;}
.featured-products .product, #js-product-list .product{width: calc(50% - 6px); min-width: calc(50% - 6px); max-width: calc(50% - 6px); margin:3px;}
}




.product-flags .pack{background-color:#ffc600 !important; color:#fff !important; font-size:12px !important; padding:4px 10px !important; min-height: 0px !important;}
.product-flags .new{background-color:#00b06c !important; color:#fff !important; font-size:12px !important; padding:4px 10px !important; min-height: 0px !important;}
.product-flags .discount, .discount-percentage{background-color:#ff0000 !important; color:#fff !important; font-size:16px !important; padding:4px 10px !important; min-height: 0px !important;}



.highlighted-informations a:link, .highlighted-informations a:visited{color:#999 !important;}
.highlighted-informations a:hover, .highlighted-informations a:active{color:#000 !important;}

.pagination .col-md-4, .pagination .col-md-6{display:block; width:100%; text-align:center; margin:0px}
.page-list{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; justify-content: center;}
.page-list li{margin:1px !important; position:relative; }
.page-list li a{background-color:#f9f9f9; color:var(--menu-top-2-color) !important; color:var(--url) !important;  font-size:13px !important;padding:6px 10px; padding-bottom:7px;}
.page-list li a:hover{background-color:#eee; color:var(--url-hover) !important;}
.page-list .current a{background-color:#e2e2e2; color:var(--url-hover) !important;}
.page-list .material-icons{font-size:22px; position:absolute; top:5px;}
.page-list .previous{ padding-left:20px; margin-top:1px}
.page-list .previous .material-icons{left:0px;}
.page-list .next{ padding-right:20px;  margin-top:1px}
.page-list .nexts .material-icons{right:0px;}



/* ************************************************************************************************
KARTA PRODUKTU
************************************************************************************************ */
.product-container .page-content{background-color:transparent; border: solid 1px #eee; width:100%; min-width:100%; max-width:100%; padding:0px !important}
.product-container .page-content ul, .product-container .page-content ol{margin-left:0px;}


.product-container .hidden-sm-down{background-color:rgba(255,255,255,0.5); backdrop-filter: blur(5px); transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.product-container .hidden-sm-down .material-icons{color:#000; font-size:120px; text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);}

.current-price-value{font-size:38px; color:#000;}


.social-sharing li:hover{filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);}



.tabs{background-color: var(--kolor-boxow); border: solid 1px #eee;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-bottom: #000 3px solid;}
.tabs .nav-tabs .nav-link.active {color: #000;}


@media (max-width: 767px){
  .product-container .col-md-6 h1{padding-top:40px}
}


/* ************************************************************************************************
KARTA PRODUKTU - galeria
************************************************************************************************ */


.thumb-container img{margin-left:3px !important; margin-right:3px !important}


.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #555 1px solid;
}


.js-modal-mask img{border: #555 1px solid !important;}


#product-modal{padding-right: 0px !important; background-color:rgba(0,0,0,0.8)}

#product-modal .close{ background-color:#333; color:#ccc; padding:4px 12px 8px 12px; opacity: 1; text-shadow: 0px 0px 0px #000; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height: 1.2;}
#product-modal .close:hover{ background-color:#444; color:#fff;}


#product-modal .js-thumbnails{position: fixed; display:block; bottom:0px; width:100%; height:50px}
#product-modal .js-modal-product-images{display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: center;}
#product-modal .js-thumb-container{width:60px;}
#product-modal .js-thumb-container img{width: 100% !important}


#product-modal .modal-body{margin-left: -35%; margin-right: -35%;}
@media (max-width: 991px) {
    #product-modal .modal-content .modal-body {
        margin-left: 0; margin-right: 0;
    }
}
#product-modal .modal-body figure{margin:0px;}


/* ************************************************************************************************
KOSZYK - dodawanie produktu
************************************************************************************************ */


.product-name{color: #000 !important;}



.cart-overview, .cart-items{padding:0px !important; margin:0px !important;}
.cart-item{border-bottom: solid 1px #eee !important;}
.cart-item:hover{background-color:#fafafa; border-bottom: solid 1px #888 !important;}

.product-line-grid{left:0px !important; right:0px !important;}

.product-line-grid-left{width:125px}
.product-line-grid-body {width: calc(100% - 375px); }
.product-line-grid-right {width:250px}

.product-line-grid-right .col-md-10{width:200px}
.product-line-grid-right .bootstrap-touchspin{width:70px !important}

@media (max-width: 720px){
.product-line-grid-left{width:90px}
.product-line-grid-body {width: calc(100% - 90px); }

}

.cart-grid-body a:link, .cart-grid-body a:visited{color: var(--url) !important;}
.cart-grid-body a:hover, .cart-grid-body a:active{color: var(--url-hover) !important;}


.cart-item .current-price{color: var(--url) !important;}

.cart-detailed-actions .btn-primary{padding-top:20px; padding-bottom:20px}


.cart-content-btn .btn-primary .material-icons{display:none}


/* ************************************************************************************************
SLIDESHOW
************************************************************************************************ */


.ets_multilayerslider{height:600px !important; margin-top:-25px}
.mls_slides{transform: scale(1) !important;}
.mls_slider{height:600px !important; width:100% !important;}
.mls_slides_front{width:100% !important;}
.mls_slides_front li{
background-size: cover !important;
background-position: 50% 50% !important; 
background-position: center center !important;
}


.msl_layer_front{inset: auto !important;  float: none !important; position:relative !important; padding:10px 150px; float: none !important;}
.msl_layer_front span{ line-height: 1.3 !important; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);}
.msl_layer_front a{display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: left;}
.msl_layer_front a span{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; text-shadow: unset;}
.msl_layer_front a:hover span{ background-color: var(--button-bg-hover) !important; color:var(--button-color-hover) !important;}

.mls_slides_front li .msl_layer_front:nth-child(1){margin-top: 80px !important;}

@media (max-width: 980px){
.ets_multilayerslider{height:500px !important;}
.mls_slider{height:500px !important;}

.msl_layer_front{padding:10px 0px; transform: scale(0.8) !important;}

}


@media (max-width: 720px){
.ets_multilayerslider{height:450px !important;}
.mls_nav{display:none;}
.mls_slider{height:450px !important;}

.mls_slides_front li .msl_layer_front:nth-child(1){margin-top: 20px !important;}
.msl_layer_front{margin-left:-30px; margin-right:-30px; padding: 0px; transform: scale(0.7) !important;}

}


.mls_pagination{left:0px !important; right:0px !important; display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: center;}
.mls_nav div, .mls_pagination{transform: scale(1)  !important; }

.mls_pagination .mls_pag_button {
  content:''; 
  width:24px; height:25px;
  display: block;
  background-color: #444 !important; color:#444  !important; font-size:0px !important;
   border-radius: 50%;
   border:solid 3px #000;
}
.mls_pagination .active{background-color: #fff !important; color:#fff !important; font-size:0px !important;}




/* ************************************************************************************************
Custom Text Block
************************************************************************************************ */

#custom-text {
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    border-radius: 0px;
}



/* ************************************************************************************************
FORMULARZE  - BUTTONY
************************************************************************************************ */

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border: 1px solid #888 !important; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);  outline: none !important;}


.custom-radio input[type=radio]:checked+span {background-color: #000 !important;}


#search_widget{width:100%; min-width:100%; max-width:100%}
#search_widget input{border:0px !important; border-bottom: 1px solid #eee !important;  background-color:#fff !important; border-radius: 0px !important; width:100% !important; min-width:100% !important; max-width:100% !important}
.searchbar-autocomplete{ border-radius: 0px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); font-size:15px}




.btn-primary, .btn-default{color: var(--button-color) !important; background-color: var(--button-bg)  !important; font-size:13px}
.btn-primary:hover, .btn-default:hover {color: var(--button-color-hover)  !important; background-color: var(--button-bg-hover) !important;}

.all-product-link{padding:12px 22px; margin:auto !important; float:none !important; margin-top:20px !important; margin-bottom: 40px !important; min-width:260px; max-width:260px;
display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; justify-content: center;
}
.all-product-link:link, .all-product-link:visited{color: var(--button-color) !important; background-color: var(--button-bg)  !important; font-size:13px}
.all-product-link:hover, .all-product-link:active{color: var(--button-color-hover)  !important; background-color: var(--button-bg-hover) !important;}






/* ************************************************************************************************
STOPKA
************************************************************************************************ */


#footer, .footer-container .links ul{background-color:var(--kolor-tla-stopka)}
#footer h1, #footer h2,#footer h3, #footer h4, #footer h5, #footer  .h2, #footer  .h3, #footer  .h3 a, #footer  .h3 a, #footer .h4 , #footer .h4 a{font-size:19px; color:var(--naglowki-stopka)}

#footer .links .title{border-bottom: 1px solid #444; margin-bottom:15px;}
#footer .footer-container .links ul>li {border-bottom: 0px;}
#footer .material-icons{color:var(--li_color)}

#footer .block_newsletter{background-color:#333; padding:20px;}
#footer .block_newsletter p {color:#999; font-size:14px}
#footer .block_newsletter #block-newsletter-label{color:#fff; font-size:18px}


.block_newsletter form input[type=email] {padding: 10px;border: 1px solid #333;}
.block_newsletter form input[type=email]:hover, .block_newsletter form input[type=email]:focus {padding: 10px;border: 1px solid #444;}



#footer .blockreassurance {border-bottom:solid 1px #333; padding-bottom:20px}
#footer .blockreassurance .row{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; justify-content: center;}
#footer .blockreassurance div, #footer .blockreassurance p{color:#ccc !important}
#footer .block-icon svg path, .blockreassurance_product svg path{fill: var(--url-hover-stopka) !important;}

#footer a:link, #footer a:visited{color:var(--url-stopka) !important; display:block;  font-weight:normal !important}
#footer a:hover, #footer a:active{color:var(--url-hover-stopka) !important}
#footer .collapse a{padding:3px;}

#footer, #footer a, #footer .collapse, #footer .footer-container li a{ font-size:15px; color:var(--kolor-stopka);}
#footer ol,#footer ul{*margin-right: 0px; padding-left:10px;}
#footer li {list-style: none; position: relative; padding: 0 0 0 13px;}
#footer .collapse li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  height: 6px;
  width: 6px;
  border: 1px solid var(--li_color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}



.block-social{width:100%;padding-top:15px;}
#footer .block-social ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; align-items: center; justify-content: center;}
#footer .block-social ul li{background-color:transparent !important; margin:15px;  font-size:0px}
#footer .block-social ul li a{font-size:0px}



#contact-infos{margin-left:30px;}
.location-footer{margin-left:-30px;}
.footer-icons{margin-left:-30px;position:absolute;}



.stopka_cdx{font-size:12px; color:#555 !important; opacity: 0.3;}




.gdpr_notice_wap h3, .gdpr_title, .gdpr_notice_wap > .gdpr_title {color:#000000 !important;}