@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap&subset=latin-ext');

/* Default & normalize setter */
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{display:block;box-sizing:border-box;padding:0;margin:0;}
template,[hidden]{display:none;}
audio,video,canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}


/* Normalize - Comerto specific 1  */
body,html,div,img,svg,figure,form,iframe{padding:0px;border:0px;margin:0px;box-sizing:border-box;border-style:none;}
ul,ol,li,a,span{box-sizing:border-box;}
div{position:relative;max-height:9999999px;}
main,footer,header,section{width:100%;}

/* Normalize - Comerto specific 2 */
body{min-height:101vh;}
.form,.form_submit,div{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;}
img, picture {max-width:100%;height:auto;display:block;}
iframe {max-width: 100%;}
a,.form_submit{cursor: pointer;}












/* Basic setup */
.lzl{
   background-color: #f4f4f4;
   font-size: 0.6rem;
   text-align: center;
   opacity: 0.6;
   overflow: hidden;
   transition: opacity 1s ease;
}
.lzl .fimg_img:not([src]), img.lzl:not([src]){
  opacity: 0;
}



html{
  scroll-behavior: smooth;
}
html, body{
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.78;
 
  color: #212121;
  background-color: #fdfdfd;
}


h1, h2, h3, h4, h5{
  font-style: italic;
  font-weight: 700;
  line-height: 1.33;
  color: #FFD50A;
}
h1{
  font-size: 2rem;
}

h3{
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 6px;
}
h5{
  color: #212121;
}

strong, b {
  font-weight: 600;
}

a{
  color: inherit;
}



/* Layout */
section{
  clear:both;
}
.cont_container{
  max-width: 1440px;
  margin: 0px auto;
  /* outline: 1px dotted silver; */
}

.main_content h1:first-of-type{
  margin-top: 0;
}

.main_content img, .main_content svg{
  max-width: 100%;
}


/* Header */

header{
  background-color: #212121;
  padding: 48px 0;
  vertical-align: middle;
  width: 100%;
}
header a{
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}
header svg{
  fill: #FFFFFF;
  transition: fill 0.25s ease-in-out;
}

header a:hover{
  color: #FFD50A;  
}
header svg:hover{
  /* fill: #FFD50A; */
}



.header_logo{
  flex-grow: 0;
}

header menu{
  padding: 0;
  margin: 0;
}

header .cont_container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}


header menu li{
  padding: 0px 24px;
}

header menu li a.active, header menu li a.parent{
  font-weight: 800;
}




.header_lang{
  margin-left: 12px;
  background-color: rgba(255,255,255,0);
  transition: background-color 0.25s ease-in-out;
}
.header_lang a#open_lang_menu, .header_lang svg{
  color: #FFD300;
  fill: #FFD300;
  vertical-align: middle;
  
}
.header_lang a#open_lang_menu{
  padding-right: 0.25em;  
}
.header_lang svg{
  transition: transform 0.25s ease-in-out;  
}

.header_hamburger{
  display:none;
}

.header_lang{
  
  padding: 0px 12px;
  border-radius: 5px 5px 0px 0px;
}
.header_lang .menu_lang_spacer{
  display:none;
}
.header_lang li{
  display:block;
}

@media all and (min-width: 850px) {
  /* Special opening on big monitors - standard */
  .header_lang #menu_lang{
    display:block;
    position: absolute;
    top: 1.9em;
    left: 0;
    max-height: 0px;
    overflow: hidden;
    
    padding: 0px 12px;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
    background-color: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    
    transition: all 0.25s ease-in-out;
  }
  
  .header_lang:hover, .header_lang:hover #menu_lang{
    background-color: rgba(0,0,0,0.65); /* cerne vkuli bilemu pozadi podtim */  
  }
  body.sys_frontpage .header_lang:hover, body.sys_frontpage .header_lang:hover #menu_lang{
    background-color: rgba(255,255,255,0.2);  
  }
}


.header_lang:hover svg{
  transform: rotate(180deg);
}
.header_lang:hover #menu_lang{
  color: rgba(255,255,255,1);
  z-index: 66;
  max-height: 66666px;
}








/* Main content */
.main_content{
  padding: 64px 0;
}
.content_img_fullw{
  width: 100%;
  height:auto;  
  display: block;
  clear:both;
  border-radius: 5px;
}





/* Footer */
footer{
  background-color: #212121;
  padding: 48px 0 24px 0;  
  letter-spacing: 0.2px;
  margin-top: 48px;
}

footer h3, .footer_logo svg{
  color: #FDFDFD;
  fill: #FDFDFD;  
  transition: fill 0.25s ease-in-out;
}

footer h3{
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
  
  padding: 0;
  margin: 0;
}
footer, footer a{
  color: #848383;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}

footer a:hover{
  color: #FFD50A; 
}
footer a:hover svg{
  stroke: #FFD50A !important; 
}


footer ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer_first, .footer_bottom{
  display:flex;
  
}


.footer_copy, .footer_logo{
  padding: 0 24px;
}

.footer_first{
  font-size: 0.83rem;
}

.footer_logo{
  flex-grow: 1;
}
.footer_logo svg, .footer_logo img{
  height: 60px;
  width:auto;
}

.footer_menu, .footer_contacts{
  width: 20%;
}

.footer_contacts{
  display:flex;
  flex-direction: column;
  
  
}
.footer_spacer{
  flex-grow: 1;
}

.footer_contacts .icolinks{
  width: 100%;
  display: block;
}
.footer_contacts .icolinks svg{
  padding-right: 0.5em;
}


footer .footer_socials{
  display:flex;
  flex-wrap:wrap;
  gap: 24px;
  margin-top: 1em;
  
}
footer .footer_socials a svg{
  height: 2rem;
  width: auto;
  fill: #848383;
  color: #000000;
  
  transition: color 0.25s ease-in-out, fill 0.25s ease-in-out;
}
footer .footer_socials a:hover svg{
  color: inherit;
  fill: #FFD50A;
}


footer .footer_logo{
  display:flex;
  flex-direction: column;
  gap: 1rem;
}
.footer_logo_svg{
  flex-grow: 1;
  
}
footer .breadcrumbs-cont{
}



.footer_bottom{
  font-size: 0.77rem; 
  
  border-top: 2px solid #97979720;
  padding-top: 18px;
  margin-top: 18px;
  justify-content: space-between;
}



.footer_lang{
  flex-shrink: 0;
  
}
.footer_lang li{
  display: inline-block;
  padding: 0 0.15em;
}
.footer_lang .active{
  color: #FDFDFD; 
}









/* Frontage special header */
body.sys_frontpage header, 
body.aspiblog_items header, 
.frontpage_header_bcg, .frontpage_sider_bcg{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background-color: transparent;
  
  
  
}

body.aspiblog_items header {
	
}

.frontpage_header_bcg{
  z-index: 400;
  height: 240px;
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 100%);
  pointer-events: none;
}

.frontpage_sider_bcg{
  z-index: 400;
  background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0, 0.0) 70%, rgba(0,0,0, 0.0) 100%);
  bottom: 0;
  pointer-events: none;
}


/* Frontpage */
.frontpage_slider_container, .sliderbx_container, .sliderbx_container .sliderbx_data, .sliderbx_container .sliderbx_data_li {
  height: 100vh;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;  
  overflow: hidden;
  
}
.frontpage_slider_container{
  position: relative;
  overflow: hidden;
  display:flex;
  align-items: center;
}
.sliderbx_container{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
.sliderbx_data_li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
.bx-controls{
  outline: 1px solid red;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 667;
  right: 0;
  bottom: 35%;
}

.bx-pager{
  max-width: 1440px;
  margin: 0px auto;  
}

@media all and (max-width:1440px) {
 .bx-pager {
  margin: 0rem 1rem;
 }
}
*/

.bx-pager-item{
  display: inline-block;
  padding-right: 1rem;
  
}
.bx-pager-link{
  width: 1rem;
  height: 1rem;
  border: 1px solid #FDFDFD;
  border-radius: 100%;
  font-size: 0;
  display: block;
  
  background-color:transparent;
  transition: background-color 0.25s ease-in-out;
  overflow: hidden;
}
.bx-pager-link.active, .bx-pager-link:hover{
  background-color: #FDFDFD;
}

@keyframes slider-zoom{
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

.sliderbx_data_li.active {
  transform-origin: 50% 0;
  animation: slider-zoom linear 20s;
  animation-iteration-count: 1;
}

.frontpage_slider_claim{
  color: #FDFDFD; 
  z-index: 667;
  width: 100%;
  
}
.frontpage_slider_claim h1{
  font-size: 3rem;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}
.frontpage_slider_claim p{
  max-width: 650px;
}

.frontpage_slider_arrow{
  position: absolute;
  left: calc(50% - 40px);
  bottom: 3rem;
  width:81px; 
  z-index: 667;
}
.frontpage_slider_arrow svg{
  stroke: #FDFDFD;
  transition: stroke 0.25s ease-in-out;
}
.frontpage_slider_arrow:hover svg{
  stroke: #000000;
}


/* Frontpage content */

.frontpage_image_blocks{
  display:flex;
  flex-wrap:wrap;
  
}
.frontpage_image_blocks .block{
  width: 100%;
  /* outline: 1px dotted orange; */
  margin-bottom: 72px;
  display: flex;
  flex-wrap: nowrap;
}
.frontpage_image_blocks .image{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #E5E5E5;
  width: 50%;
  flex-shrink: 0;
}

.frontpage_image_blocks .text{
  overflow: visible;
  width: 50%;
}
.frontpage_image_blocks .text h2{
  font-size: 1.2rem;
  text-transform: uppercase;
}

.frontpage_image_blocks .shadow{
  background: #FFFFFF;
  box-shadow: 0px 0px 60px rgba(33, 33, 33, 0.1);
  padding: 64px;
  //max-width: 50%;
  max-width: 720px;
  display: inline-block;
}

.frontpage_image_blocks .block:nth-child(1) .text{
  text-align: right;  
  padding-bottom: 6rem;
  margin-top: -2rem;
}

.frontpage_image_blocks .block:nth-child(2) .text{
  order: 2; 
  padding: 4rem 0 2rem 0; 
}




.frontpage_counter_blocks{
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  /* max-width: 1440px; */
  
  margin: 0px auto 0rem auto;
  padding: 5rem calc(50% - 720px);
}

.frontpage_counter_blocks:before{
  background-image: linear-gradient(180deg, #fdfdfd 0%, rgba(255,255,255,0) 100%);
  position: absolute;
  top: 0;
  left:0;
  right: 0;
  height: 5rem;
  
  content: "";
  z-index: 60;
}


.frontpage_counter_blocks .item{
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction:column;
  margin: 1rem;
}

.frontpage_counter_blocks .item.center{
  margin-top: 12rem;
}

.frontpage_counter_blocks .name{
  padding-top: 1.5rem;
  text-align: center;  
  font-weight: bold;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 0.80rem;
  max-width: 15rem;
}

.circle{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #FFD50A;
  position: relative;
  border: 1px solid #F3F3F3;
  padding: 1.5rem;
  
  border-radius: 100%;
  
}

.circle .circle{
  height: 12rem;
  width: 12rem;  
}

.circle .counter{
  font-weight: 800;
  font-size: 3.5rem;
  line-height: 1.18;
  z-index: 2; 
  font-style: italic;
  overflow: visible;
  white-space: nowrap;
}


.frontpage_counter_blocks .center .circle.f:after{
  /* super big line over the whole circle area*/
  position: absolute;
  content: "";
  
  
  border: 1px solid #F3F3F3; /* #F3F3F3*/
  width: 100vw;
  height: 100vw;
  position: absolute;
  display: block;
  border-radius: 100%;
  bottom: 50%;

}


.circle .circle::after{
  /* silver background unter item*/
  display:block;
  content: "";
  position: absolute;
  background-color: #F3F3F3;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  /* padding-bottom: calc(100% - 3rem); */
  border-radius: 100%;
  z-index: 0;
  
 
  
  left: 1.5rem;
  top: 1.5rem;
  
}

/*

.circle:after{
  display:block;
  content: "";
  position: absolute;
  border-radius: 100%;
  
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid red; 
  
  left: 0%;
  top: -80%; 
}
 */






/* Banner banner_become_dealer befroe footer */
.section_banner_dealer .cont_container{
  background-image: url(/gfx/become_dealer.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;  
  border-radius: 5px;
}
.banner_become_dealer{
  background: linear-gradient(270deg, rgba(97, 118, 127, 0.0001) 0%, #324148 100%);
  color: #FDFDFD;
  padding: 72px;
  border-radius: 5px;
}

.banner_become_dealer h1{
  margin-top: 0.25em;
  color: #FFFFFF;  
}

.banner_become_dealer .button{
  display: inline-block;
  background-color: #FFD50A;
  border-radius: 5px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
  padding: 0.5em 4em;
  transition: color 0.25s ease-in-out;
  box-sizing: border-box;
  text-align: center;
}
.banner_become_dealer .button:hover{
  color: #000000;
}





/* Stranka nabor lidi */
#articles_list_container_1{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#articles_list_container_1 .articles_list_item  {
  background: #F3F3F3;
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  color: rgba(33, 33, 33, 0.8);
  width: calc(50% - 16px);
  line-height: 1;
  transition: border-color 0.25s ease-in-out;
}
#articles_list_container_1 .articles_list_item:hover{
  border-color: rgba(33, 33, 33, 0.6);
}
#articles_list_container_1 .articles_list_title, #articles_list_container_1 .articles_list_title a{
  display: block;
}

#articles_list_container_1 a{
  color:inherit;
  text-decoration: none;
  padding: 16px 32px; 
  
  background-position: calc(100% - 16px) center;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-image: url(/gfx/arrow_right_silver.png);
}









/* B2B clicks */
.b2b_list{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.b2b_list .b2b_click{
  width: calc(50% - 16px);
}
.b2b_click{
  background: linear-gradient(0deg, #FDFDFD, #FDFDFD), #FFC121;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 5px;
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
  
  transition: border-color 0.25s ease-in-out;
}

.b2b_click:hover{
  border-color: rgba(33, 33, 33, 0.6);
}

.b2b_click .left{
  color: #212121;
  padding: 1rem;
  flex-grow: 1;
}
.b2b_click .name{
  color: inherit;
  font-size: 1.6rem;
  font-style: normal;
  margin: 0;
  text-decoration: none;
  padding-bottom: 0.25rem;
}
.b2b_click .url{
  color: inherit;
  text-decoration: underline;
}
.b2b_click .ico{

  flex-grow: 0;
  flex-shrink: 0;
  width: 8rem;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b2b_click .ico svg{
  z-index: 2;
  position: relative;
  vertical-align: middle;
  position: relative;
  fill: #FDFDFD;
  
  transition: fill 0.25s ease-in-out;
}

.b2b_click:hover .ico svg{
  fill: #212121;
}


.b2b_click .ico::before{
  background-color: #FFD50A;
  display: block;
  content: " ";
  position: absolute;
  top: calc(50% - 150px);
  bottom: 0;
  left: 0px;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  z-index: 0;
}





/* Stranka kontakty */
.contacts_table{
  padding: 0;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}

.contacts_table h3{
  margin-top: 0;
}

.contacts_table td{
  border-bottom: 1px solid rgba(33, 33, 33, 0.2); 
  padding: 2rem 2rem 2rem 0;
  vertical-align: top;
  text-align: left;
}
.contacts_table tr td:nth-child(2){
  width: 30%;
}
.contacts_table tr td:nth-child(3){
  width: 35%;
}

.contacts_table td p:first-of-type{
  margin-top: 0;
}
.contacts_table td p:last-of-type{
  margin-bottom: 0;
}


/* Brands listing */
.brands_listing{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  flex-direction: row;
}
.brands_brand{
  width: calc(33.33% - 1rem);
  margin: 0.5rem;
  overflow: visible;
  
}
.brands_brand .insider{
  border-radius: 5px;
  overflow: visible;
  border: 1px solid rgba(33, 33, 33, 0.2);
  transition: all 0.25s ease-in-out;
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
}


.link_total{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  
}

.brands_brand .image_header{
 height: 300px;
 max-height: 30vh;
 background-color: #E8E8E8;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 border-radius: 4px 4px 0px 0px;
 overflow: hidden;
 
}
.brands_brand .image_header_logo{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle;
  padding: 1rem;
  opacity: 0;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  transition: opacity 0.25s ease-in-out;
}
.brands_brand .image_header_logo img{
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width:100%;
}

.image_header_link{
  z-index: 110;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem 0.5rem 0.5rem 1rem;
  text-align: center;
  overflow: hidden;
}
.image_header_link svg{
  position: relative;
  z-index: 2;
}
.image_header_link:after{
  content: " ";
  position: absolute;
  background: #EAEAEA;
  height: 6rem;
  width: 6rem;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 100%;
}


.brands_brand .name{
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: #000000;
  font-style: normal;
}


.brands_brand .text_hidden{
  
  max-height: 0px;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  position: absolute;
  background-color: #FFFFFF;
  width: calc(100% + 2px);
  left: -1px;
  
  padding-top: 0.5rem;
  border: 1px solid rgba(33, 33, 33, 0.6);
  border-top-width: 0px;
  border-radius: 0px 0px 5px 5px;
  z-index: 55;
}

.brands_brand .text{
  font-size: 0.8rem;
  padding: 0rem 1rem 1rem 1rem;
  
}
.brands_brand .text_hidden .bar img{
  transform: rotate(0deg);
}





.brands_brand .bar{
  background-color: #E8E8E8;
  padding: 0.25rem 1rem 0 1rem;
  text-align: center;
}
.brands_brand .bar img{
  display: inline-block;
  line-height: 0;
  transform: rotate(180deg);
  transition: transform 0.25s ease-in-out;
}


.brands_brand:hover .image_header_logo{
  opacity:1;
}

.brands_brand:hover .insider{
  border-color: rgba(33, 33, 33, 0.6);
  z-index: 80;
}
.brands_brand:hover .text_hidden{
  max-height: 300px;
  opacity: 1;  
  
}






/* Dealers */
.dealers_countries_container, .dealers_brands_container{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dealers_countries_container .item{
  flex-grow: 1;
}

.dealers_brands_container .item{
  width: calc(20% - 1rem);
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid rgba(33, 33, 33, 0.2);
  transition: all 0.25s ease-in-out;
}



.dealers_brands_container .item:hover {
  border-color: rgba(33, 33, 33, 0.6);
}



.dealers_brands_container img{
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}

.dealers_countries_container a:hover,
.dealers_brands_container a:hover,
.dealers_list_table a:hover{
  text-decoration: none;
}

.dealers_brands_container .item .name {
  padding: 0.5rem 1rem 0.5rem 1rem
}


.dealers_countries_container .item .name a,
.dealers_brands_container .item .name a{
  text-decoration: none;
}


.dealers_countries_container .item .name h2,
.dealers_brands_container .item .name h2{
  padding: 0;
  margin: 0;
  color: inherit;
  font-size: 1rem;
}

.dealers_brands_container .item .image{
  flex-grow: 1;
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 0.5rem;
}


.dealers_brands_container  .bar {
  background-color: #E8E8E8;
  padding: 0.25rem 1rem 0 1rem;
  text-align: center;
}
.dealers_brands_container  .bar img{
  transform: rotate(90deg);
}



.dealers_list_table{
  background-color: #FDFDFD;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
  border-collapse: collapse;  
  font-size: 0.80rem;
  width: 100%;
}

.dealers_list_table td, .dealers_list_table th{
  padding: 0.5em 1em;
  border-right: 1px solid rgba(33, 33, 33, 0.2);
}
.dealers_list_table th,
.dealers_list_table .name{
  font-weight: 600;
}

.dealers_list_table tr:nth-child(odd) td{
  background-color: #F3F3F3;
}

.dealers_list_map{
  margin-left: calc(710px - 50vw);
  margin-right: calc(710px - 50vw);
  width: 100vw;
  height: 25vw;
  min-height: 30vh;
  padding: 0;
}
#map-canvas div{
   position: initial;
}
#map-canvas img{
   max-width:unset;
}



.dealers_filters{
  display:flex;
  width: calc(100% + 0.5rem);
  margin: 0 -0.25rem 1rem -0.25em;
}

.dealers_filters_filter{
  overflow: visible;
  flex-grow: 1;
  margin: 0 0.25rem;
  position: relative;
}

.dealers_filters_filter a{
  text-decoration: none;
  display: block;
  transition: all 0.25s ease-in-out;
}
.dealers_filters_filter a:hover{
  background-color: #FFD50A;
  color: #FFFFFF;
}

.dealers_filters_filter .name, .dealers_filters_filter .values{
  background: #FDFDFD;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 3px;  
}
.dealers_filters_filter a, .dealers_filters_filter .name{
    padding: 0.25rem 0.5rem;
}
.dealers_filters_filter .name{
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.dealers_filters_filter .name img{
  transition: transform 0.25s ease-in-out;
  float:right;
  margin-top: 0.25em;
}
.dealers_filters_filter:hover .name img{
  
  transform: rotate(180deg);  
}

.dealers_filters_filter .values{
  overflow: auto;
  position: absolute;
  z-index: 10;
  top: 2.5rem;
  width: 100%;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.dealers_filters_filter:hover .values{
  max-height: 30vh;
  opacity: 1;
  overflow: auto;
}



.dealers_list_brand_info{
  display:flex;
  flex-wrap:nowrap;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 5px;
  margin-bottom: 1rem;
  overflow: hidden;
  flex-basis: 2 1 2;
}
.dealers_list_brand_info .text{
  padding: 1rem 1rem 1rem 1rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.dealers_list_brand_info .logo, .dealers_list_brand_info .image{
  flex-grow: 1;
  flex-shrink: 0;
  vertical-align: top;
  width:auto;
}
.dealers_list_brand_info .text h2{
  margin: 0 0 1rem 0;
  padding: 0; 
}
.dealers_list_brand_info img{
  display: block;
  height: 100%;
  width:auto;
  /*object-fit: contain;*/
  max-width:auto;
}
.dealers_list_brand_info .image img{
  object-fit: cover;
}

.dealers_list_brand_info .logo{
}



#cookie_eu_bar #cookie_eu_bar_text{
   line-height: 1.25;
}



@media all and (max-width: 1400px) {
  .dealers_list_brand_info .image{
    display: none;
  }  
}

@media all and (max-width: 800px) {
  .dealers_list_brand_info{
    flex-wrap:wrap;
  }  
  
  .dealers_list_brand_info .logo img{
    width: 100%;
  }
}




/* Responsivity based on withd */

@media all and (max-width: 1440px) {
  .cont_container{
    margin-right: 1rem;
    margin-left: 1rem;
  }  
  .dealers_list_map{
    margin-left: 0;
    margin-right: 0;
    width: 100%;   
  }
}


@media all and (max-width: 1000px) {
  .brands_brand {
    width: calc(50% - 1rem);
  }
  
  .dealers_brands_container .item {
    width: calc(50% - 0.5rem);
  }    
  
  /* Frontpage blocks */
  body.sys_frontpage .main_content{
    padding: 1rem;
  }
  
  section .frontpage_image_blocks .shadow, section .frontpage_image_blocks .text, section .frontpage_image_blocks .block{
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    /* background-color: transparent; box-shadow: none; */
    text-align: center;
    margin: 0 !important;
  }
  section .frontpage_image_blocks .shadow{
   padding: 1rem !important; 
  }
  section .frontpage_image_blocks .block{
    padding: 0rem 1rem 1rem 1rem !important;
    margin-bottom: 3rem !important;
  }
  .frontpage_image_blocks .block{
   flex-wrap:wrap;
  }
  section .frontpage_image_blocks .image{
   /* display:none; */
   width: 100%;
   order: -1;
   padding-bottom: 40%;
  } 
  
  .frontpage_counter_blocks{
    padding-top: 0;
    flex-wrap: wrap;
  }
  .frontpage_counter_blocks .item.center{
    margin-top: 0;
    margin-left: auto;
  }
  .frontpage_counter_blocks .center .circle.f:after{
    display:none;
  }
  .circle .circle::after{
   
  }
  
}

@media all and (max-width: 1180px) {
  
  html, body{
    font-size: 16px;
  }
  header menu li{
    padding: 0px 12px;
  }
    
}


@media all and (max-width: 940px) {

  html, body{
    font-size: 16px;
  }
  
  header{
    padding: 1rem 0;
    height: 4rem;
    overflow: hidden;
    position: fixed !important;
    z-index: 888;
		left: 0;
		top: 0;
		width: 100%;
    transition: background-color 0.25s ease-in-out, height 0.25s ease-in-out;
  }
  
  body.sys_frontpage header {
    background-color: rgba(26, 25, 11, 0.64);
  }
  
	body.aspiblog_items header.scrolled {
		background-color: #000;
	}
  
  header.open{
    height: 100vh;
    overflow: auto;
    background-color: #212121 !important;
  }
  
  header .cont_container{
    flex-wrap:wrap;
  }
  .header_hamburger{
    display:block;
    cursor: pointer;
  }
  header menu{
    display:block;
    order: 6;
  }
  .header_lang{
    order: 7;
  }
  header menu, .header_lang{
    width: 100%;
  } 
  
  header menu ul{
    flex-direction: column;
    text-align: center;
    font-weight: 500;
  }
  header menu ul, header menu ul li{
    width: 100%;    
  }
  header menu ul li{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  
  .header_lang{
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    margin-top: 1rem;
  }
  .header_lang svg{
    display:none;
  }
  .header_lang #menu_lang{
    display: flex;
    color: inherit;
  }
  
  #open_lang_menu:after{
    content: "|";
  }
  
  .header_lang .menu_lang_spacer{
    display: block;
    color: inherit;
  }
  
  
  .main_content{
    padding-top: 5rem;
  }
  
  
  /* Plne sirky*/
  #articles_list_container_1 .articles_list_item,
  .b2b_list .b2b_click,
  .contacts_table td,
  .brands_brand{
    margin-bottom: 1rem;
    width: 100%;
  }
  
  /* Contacts */
  .contacts_table, .contacts_table td, .contacts_table tr{
    display: block;
    width: 100% !important;
    border-bottom-width: 0px;
    margin: 0;
    padding: 0;
  }
  .contacts_table tr{
    border-bottom: 1px solid rgba(33,33,33,0.2); 
    margin-bottom: 2rem; 
  }
  
  /* Frontpage */
  
  
  
  
  
  /* Paticky */
  .banner_become_dealer{
    padding: 2rem;
    overflow: visible;
    position: relative;
  }
  
  .cont_container{
    overflow: visible;
    margin-bottom: 1em;
  }
  
  .banner_become_dealer .button{
    position: absolute;
    bottom: -1.25em;
    margin: 0px auto;
    width: 70%;
    left: 15%;
  }
  
  
  footer{
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  
  .footer_first, .footer_bottom{
    flex-wrap:wrap;
    gap: 24px;
  }
  
  .footer_logo, .footer_menu{
    /* display:none; */
  }
  
  .footer_logo, .footer_menu, .footer_contacts{
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 100%;
    padding: 0;
  }
  .footer_copy{
    padding-right:0;
    padding-left:0;
    padding-bottom:1em;
  }
  
  /* Frontpage */
  .frontpage_slider_claim h1{
    font-size: 2rem;
  }
  
  
  /* Dealers */
  .dealers_filters{
    flex-wrap:wrap;
  }
  .dealers_filters_filter{
    min-width: 200px;
  }        
  
  .dealers_list_table,.dealers_list_table thead,.dealers_list_table tbody, .dealers_list_table tr,.dealers_list_table th, .dealers_list_table td{
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
    
}








/* Mew */
.fimg {
  max-width: 100%;
  max-height: 100%;
  display:flex;
  position: relative;
  flex-wrap:wrap;
}

.fimg_wrp, .fimg_pic, .fimg_img{
  display:flex;
  
  width: 100%;
  height: inherit;
  border: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
.fimg_img{
  display:block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height:auto;
  object-fit: contain;
}

.fimg_cap{
  width: 100%;
  font-size: 0.85rem;
  font-style: italic;
  text-align: center;
}





.fvideo {
  width: 100%;
  border: 0px;
  padding: 0;
  margin: 0;
}

.fvideo_wrp {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  background-color: #000000;
  overflow: hidden;
  border: 0px;
  padding: 0;
  margin: 0;
}

.fvideo_wrp iframe, .fvideo_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  padding: 0;
  margin: 0;
}











/* Blog */

.blog-main{
  display:flex;
  flex-direction: column;
}



.fimg_cap{
  display: none;
}

.blog_topimage {
  min-height: 500px;
  max-height: 50vh;
  width: 100%;
  padding: 6rem 0 0 0;
  margin: 0;
   position: relative;
  overflow: hidden;
   display:flex;
  align-items: center;
}

.blog_topimage .cont_container{
  padding: 2rem 0;
  z-index: 15;
  text-align: left;
  width: 100%;
  color: #FFFFFF;
}

.blog_topimage h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  color: inherit;
  padding: 0;
  margin: 0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0,0,0,0.45);
}
.blog_topimage .breadcrumbs-wrap{
  opacity: 0.85;
}

.blog_topimage .fimg{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.blog_topimage .fimg_img{
  object-fit:cover;
  object-position: center center;
  
  width: 100%;
  height: 100%;
}



.blog-header-h1 {
  margin-bottom: 0;
}
.breadcrumbs-wrap{
  margin-bottom: 2rem;
}

body.mod_aspiblog_items {
  background-color: #f4f4f4;
}


.mod_aspiblog_items .shadow{
  
  /* box-shadow: 0px 0px 60px rgba(33,33,33,0.1);  */
  
  
  position: relative;
}


.mod_aspiblog_items h2, .mod_aspiblog_items h3, .mod_aspiblog_items h4{
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #212121;
  line-height: 1.1;
  text-transform: uppercase; 
  
  font-weight: 700;
  letter-spacing: 0.1em;
  
  text-wrap: balance;
}
.mod_aspiblog_items h2{
  font-style: normal;
  font-size: 2.75rem;
  font-weight: 700;
}
.mod_aspiblog_items h3{
  color: inherit;
  font-size: 1.5rem;
}
.mod_aspiblog_items h4{
  color: inherit;
  font-size: 1.25rem;
}
.mod_aspiblog_items .hide{
  display: none;
}




.blog-header{
  padding-top: 0px;
}
.blog-header .perex,
.blog-header .perex_category{
  margin: 2rem 0rem 2rem 0;
  font-size: 1.15rem;
  line-height: 1.4;
  font-weight: 600;
}

.blog-header .perex{
  /*
  margin-bottom: 0rem;
  */
  margin-top: 0;
}

.blog-header .date,
.blog-header .perex p{
}
.blog-header .date{
  position: absolute;
  top: -2rem;
  right: 0rem;
  opacity: 0.5;
  font-size: 1rem;
}



.htext > p{
  margin-top: 0px;
}

.htext p:last-of-type{
  margin-bottom: 0px;
}


.blog-sections {
  margin-top: -2rem;
	overflow: hidden;
}

.blog_text{
  box-sizing: border-box;
  width: 100%;
  padding: 3rem 2rem;
  background-color: #FFFFFF;
  overflow: auto;
  
  /* outline: 1px dotted red; */
}

.blog_text .header-section{
  margin-top: 0;
}



.blog-bottom{
  margin-top: 2rem;
}


.iu_fs.h_h3 .blog_text,
.iu_fr.h_h3 .blog_text,
.iu_fl.h_h3 .blog_text{
  padding-top: 2rem;
  padding-bottom: 2rem;
}



section.iu_fs .section_main,
section.iu_fr .section_main,
section.iu_fl .section_main{
  display:flex;
  flex-wrap: nowrap;
  /*margin-top: 2rem;
  margin-bottom: 2rem;*/
  position: relative;
  
  --margin-fs: 232px;
  
  position: relative;
}

/*section.iu_fs .section_main::before, section.iu_fs .section_main::after,
section.iu_fr .section_main::before, section.iu_fr .section_main::after,
section.iu_fl .section_main::before, section.iu_fl .section_main::after{
  position: absolute;
  display: block;
  content: " ";
  left: calc(50vw - 728px);
  width: 1440px;
  height: 2rem;
  background-color: #FFFFFF;
  border: 0px;
  padding: 0;
  margin: 0;
}*/

/*section.iu_fs .section_main::before,
section.iu_fr .section_main::before,
section.iu_fl .section_main::before{
  top: -2rem;  
}
section.iu_fs .section_main::after,
section.iu_fr .section_main::after,
section.iu_fl .section_main::after{
  bottom: -2rem;  
}*/

.section-gallery.type_fs,
.section-gallery.type_fr,
.section-gallery.type_fl{
  width: 50vw;
  flex-shrink: 0;
}
section.iu_fs .blog_text,
section.iu_fr .blog_text,
section.iu_fl .blog_text{
  /*width: calc(50vw - 232px);
  margin-left: 232px;*/
  
  display: flex;
	flex: 0 0 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}




section.iu_fs .fimg,
section.iu_fr .fimg,
section.iu_fl .fimg{
  height: 100%;
}

section.iu_fs .fimg_wrp,
section.iu_fr .fimg_wrp,
section.iu_fl .fimg_wrp {
  min-width: 730px;
  width: unset;
  /*background-color: #FFFFFF;*/
  
  
}
section.iu_fs .fimg_pic,
section.iu_fr .fimg_pic,
section.iu_fl .fimg_pic{
  justify-content: center; 
}



main section.iu_fs:nth-child(even) .section-gallery.type_fs,
main section.iu_fl .section-gallery.type_fl
{
  order: -1;
	margin-left: calc(-50vw + 720px);
}
main section.iu_fs:nth-child(even) .fimg,
main section.iu_fl .fimg{
  justify-content: right;
}
main section.iu_fs:nth-child(even) .blog_text,
main section.iu_fl .blog_text{
  margin-right: 230px;  
  margin-left: 0;
}


.section-gallery.type_fw{
  width: 100%; 
}



.section-gallery.type_fb{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem 1rem;
  
  background-color: #FFFFFF;
  color: #FFFFFF;
  justify-content: center;
  
  width: 100%;
	max-width: 1440px;
  margin: 0 auto;
}
.section-gallery.type_fb.num_4{
  width: 100%;
}
.section-gallery.type_fb .fimg{
  max-width: calc(33% - 1rem);
  flex-shrink: 1;
  width: fit-content;

}
.section-gallery.type_fb.num_4 .fimg{
  max-width: calc(25% - 1rem);
}

.section-gallery.type_fb .fimg_wrp, .section-gallery.type_fb .fimg_pic{
  min-width: fit-content;
  max-width: 100%;
}

.blog-footer .cont_container {
  display:flex;
  gap: 2rem;
  justify-content: space-between;
}

.section_main {
	background-color: #fff;
	padding: 2rem 0;
}
.iu_none  .section_main{
  padding-top: 0rem;
  padding-bottom: 0rem;
}


.blog_list_container, 
.blog_cat_container{
  
  display:flex;
  flex-wrap:wrap;
  gap: 1rem;  
  
  line-height: 1.5;
}

.blog_list_container .item,
.blog_cat_container .item{
  display: flex;
  
  background: #FFFFFF;
  box-shadow: 0px 0px 60px rgba(33,33,33,0.1);
  
  border-radius: 5px;
  overflow: hidden;
  
  width: 100%;
  
}
.blog_list_container .item .fimg{
  width: 350px;
  flex-shrink: 0;
}

.blog_list_container .item .fimg_img{
  object-fit:cover;
}

.blog_list_container .item .right{
  padding: 2rem;
  display:flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
}

.blog_list_container .title,
.blog_list_container .title a{
  font-weight: 600;
  font-size: 1.45rem;
  text-decoration: none;
  color: inherit;
}

.blog_list_container .perex{
  flex-grow: 1;
}
.blog_list_container .more{
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.blog_list_container a.button{
  display: inline-block;
  background-color: #FFD50A;
  border-radius: 5px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
  padding: 0.5em 4em;
  transition: color 0.25s ease-in-out;
  box-sizing: border-box;
  text-align: center;
}
.blog_list_container a.button:hover {
  color: #000000;
}

.blog-sections .type_fw.num_1 {
	display: flex;
	justify-content: center;
	padding: 4rem 0;
	max-width: 1440px;
	background-color: #fff;
	margin: 0 auto;
}

.blog-sections .type_fw.num_1.over_container {
	max-width: 100%;
	padding: 0;
}

.over_container .fimg.aspiblog_sections {
	border: 1px solid #fafafa;
}

body.mobile .blog_cat_container {
  gap: 0.5rem;
}
body.mobile .blog_categories .cont_container{
  margin-bottom: 0;
}
.blog_cat_container .item{
  flex: 1 1 200px;
  align-items:center;
}

body.mobile .blog_cat_container .item{
  flex: 1 1 150px; 
}


.blog_cat_container .item .title{
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: inherit;
  text-align: center;
}
.blog_cat_container .item:hover{
  text-decoration:underline;
}




@media (max-width: 1460px) {
	.blog-sections .cont_container,
	.blog-header .blog_text,
	.blog-footer .blog_text {
		margin: 0 auto;
	}
	
	section.iu_fs .fimg_wrp, section.iu_fr .fimg_wrp, section.iu_fl .fimg_wrp {
		min-width: unset;
	}
}




@media (max-width: 1024px) {
	.blog-sections .cont_container {
		margin: 0 auto;
	}
	
	section.iu_fs .section_main, section.iu_fr .section_main, section.iu_fl .section_main {
		flex-direction: column;
	}
	
	main section.iu_fs:nth-child(2n) .section-gallery.type_fs, main section.iu_fl .section-gallery.type_fl {
		margin-left: 0;
		order: 2;
	}
	
	.section-gallery.type_fs, .section-gallery.type_fr, .section-gallery.type_fl {
		width: 100%;
	}
	
	.blog_text {
		margin: 0 auto;
	}
	
	.section-gallery.type_fb .fimg,
  .section-gallery.type_fb.num_4 .fimg {
		max-width: calc(50% - 1rem);
	}
	
	.blog_topimage h1 {
		font-size: 2.6rem;
	}
	
	.mod_aspiblog_items h2 {
		font-size: 2.2rem;
	}
	
	.mod_aspiblog_items h3 {
		font-size: 1.8rem;
	}
	
	.cont_container .cont_container {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.blog_list_container .item .fimg {
		width: 200px;
	}
	
	.blog_list_container a.button {
		padding: 0.5em 1em;
	}
	
	.blog-header-h1 {
		margin-top: 0;
	}
}

@media(max-width: 850px) {
	.mod_aspiblog_categories {
		padding-top: 80px;
	}
}

@media (max-width: 580px) {
	.section-gallery.type_fb .fimg,
  .section-gallery.type_fb.num_4 .fimg {
		max-width: 100%;
	}
	
	.section-gallery.type_fb {
		flex-direction: column;
	}
	
	.blog_topimage h1 {
		font-size: 2rem;
	}
	
	.mod_aspiblog_items h2 {
		font-size: 1.8rem;
	}
	
	.mod_aspiblog_items h3 {
		font-size: 1.4rem;
	}
	
	.blog-footer .cont_container {
		flex-direction: column-reverse;
	}
	
	.blog_list_container .item {
		display: flex;
		flex-direction: column;
	}
	
	.blog_list_container .item .fimg {
		width: 100%;
	}
	
	.blog_list_container .item .fimg_img {
		width: 100%;
		height: 100%;
	}
	
	.blog_list_container .title, .blog_list_container .title a {
		font-size: 1.1rem;
	}
	
	.blog_list_container .item .right {
		padding: 1rem;
	}
	
	.blog_text {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}






/* Filtrace */
.filter_container {
  font-size: 0.85rem;
  
  
	margin: 0 auto;
	margin-top: 1em;
	box-shadow: 0px 0px 60px rgba(33,33,33,0.1);
	padding: 1em;
	margin-bottom: 2em;
  
  
}

.filter_chooser {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
	position: relative;
  /*
	padding: 0.5em 0;
	padding-top: 0.25em;
  */
  padding: 0;
  align-items: center;
}

.filter_chooser .filter_name.important_no {
	display: none;
}

.filter_chooser .filter_name.important_no.selected, .filter_chooser .filter_name.important_no.showed {
	display: inline-block;
}

.filter_chooser .filter_name:hover {
	border-color: #000;
}

.filter_chooser .filter_name.chosen, .filter_name.important_no.chosen {
	border-color: #000;
}

.filter_chooser_name {
	font-weight: 600;
	position: relative;
  /*
	top: 0.5em;
  */
	margin-right: 1em;
}

.filter_name {
	font-weight: 600;
	display: inline-block;
	position: relative;
  /*
	top: 0.5em;
  */
	transition: ease-in-out .3s;
}

.filter_chooser .filter_name {
	font-weight: 400;
	border: 1px solid #E3E3E3;
	padding: 0.25em 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	flex: 1 1 auto;
	max-width: 10em;
	min-width: fit-content;
	text-align: center;
	background-color: #fff;
	position: relative;
	cursor: pointer;
  
}

.filter_chooser .filter_chooser_showall {
	font-weight: 400;
	padding: 5px 10px;
	flex: 1 1 auto;
	max-width: 200px;
	min-width: fit-content;
	text-align: center;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	top: 5px;
	margin-left: auto;
	min-height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFD50A;
	color: #fff;
	border-radius: 5px;
	transition: color ease-in-out .3s;
}

.filter_chooser .filter_chooser_showall:hover {
	color: #000;
}

.filter_groups {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.filter_group {
	display: none;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5em;
  
	padding: 1em 0;
	border-top: 1px solid #000;
}

.filter_group.showed {
	display: flex;
  margin-top: 1em;
}

.filter_group_name {
	width: 10%;
	min-width: 10rem;
}

.filter_name {
	font-weight: 600;
	display: inline-block;
	position: relative;
  /*
	top: 5px;
  */
}

.filter_group_items, .selected_items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 0.5em;
	flex: 1 1 auto;
}

.filter_item {
	padding: .25em 0.5em;
	border: 1px solid rgba(112,112,112,.35);
	text-decoration: none;
	color: inherit;
	transition: ease-in-out .3s;
	display: inline-block;
	width: 19%;
	text-align: right;
	position: relative;
}

.filter_item:hover {
	border-color: #FFD50A;
}

.filter_item_name {
	display: inline;
	padding-left: 30px;
}

.filter_item_count {
	display: inline-block;
	color: inherit;
	opacity: .5;
	position: absolute;
	left: 10px;
	top: 4px;
}

.filter_item.cancel {
	border-color: rgba(255,0,0,.3);
}

.filter_item.cancel:hover {
	border-color: rgba(255,0,0,1);
}

@media(max-width: 1200px) {
	.filter_item {
		font-size: 15px;
	}
}

@media(max-width: 1024px) {
	.filter_group {
		flex-wrap: wrap;
	}
	
	.filter_group_name {
		width: 100%;
	}
	
	.filter_item {
		width: auto;
		flex: 1 1 160px;
	}
}




.filter_actions.bottom{
  width: 100%;
  display:flex;
  flex-wrap:wrap;
  
  font-size: 20px;
  
  margin-top: 25px;
}
.filter_actions.bottom > div{
  flex: 1 1 150px;
}

.filter_actions.bottom .filter_actions_center{
  text-align: center;
}
.filter_actions.bottom .filter_actions_right{
  text-align: right;
}
.filter_actions.bottom .filter_actions_right .paging{
  margin-left:auto;
  width: min-content;
}



.paging,
.paging_navfp,
.paging_numbers,
.paging_navnl{
  display:flex;
  gap: 0.5em;
}

.paging_item,
.pager_top{
}

.paging_item.inactive,
.paging_item a,
.pager_top,
.pager_more{
  background-color:  #FFFFFF;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  transition: var(--transition);
  min-width: 2em;
  text-align: center;
  padding: 0.25em 0.5em;
  border: 1px solid #f8f8f8;
  
  box-shadow: 0px 0px 60px rgba(33,33,33,0.1);
}

.paging_item.inactive{
  color: #cacaca;
}
.paging_item a.active{
  border-color: #FFD50A;
}

.paging_item a:hover,
.pager_top:hover,
.pager_more:hover{
  background-color: #FFD50A;
  border-color: #FFD50A;
  color: #000000;
}