/*back to top*/
#bck-button {
  display: inline-block;
  background-color: #F0B502;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#bck-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#bck-button:hover {
  cursor: pointer;
  background-color: #333;
}
#bck-button:active {
  background-color: #555;
}
#bck-button.show {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 500px) {
  #bck-button {
    margin: 30px;
  }
}


/*-podpis-*/
.ordering-process .upravil {
  display: none;
}
.upravil{
  display: block;
}


/*--------PATIČKA-----------*/
#footer{
    background-color: #000;
    margin-top: 0px;
    border-top: 1px solid #f0b502;
}

#footer > .container {
    background-color: transparent;
}

.custom-footer{
  border-top:unset;
}

/*ikony v patičce*/
.contact-box ul li > span::before {
    position: absolute;
    left: 0px;
    top: -1px;
    width: 31px;
    font-size: 19px;
    text-align: center;
    background: #fcd900;
    height: 31px;
    color: #000;
    line-height: 31px;
    border-radius: 40px;
}

/*odsazení od ikon v patičce - kontakty*/
.contact-box li a{
  margin-left: 10px;
}

.contact-box ul li {
    padding-bottom: 10px;
}

/*-odkazy v patičce-*/
footer h4 {
  letter-spacing: 1.3px;
  color: #fff;
  font-weight: 400;
  font-size: 1.5em;
}

footer ul li a {
  color: #fff !important;
}

.custom-footer ul {
  line-height: 2.5;
}

footer a:hover {
  text-decoration: underline;
}

/*-------ARCHIV PRODUKTŮ--------*/
.category-header input[type="radio"]:checked + label {
  color: #d50808;
  background-color: #fff;
}

/*hover efekt po najetí na produkty*/
.btn.btn-primary:hover, a.btn.btn-primary:hover {
  border-color: #fc8e00;
  color: #fff;
  background-color: #fc8e00;
}

.btn.btn-primary, a.btn.btn-primary {
  color: #000;
  border-color: #fcd900;
  background-color: #fcd900;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.products-block .p:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #d8e3e4;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px -4px 30px -32px rgba(0, 0, 0, 0.10);
}

/*vypnutí rámu-mřížky u produktů*/
.products-block > div {
    border-right-style: unset !important;
    border-bottom-style: unset !important;
    border-top-style: unset !important;
}

/*rámeček kolem produktů*/
.products-block .p {
    border-style: solid;
    border-width: 1px;
    border-color: #efefef;
    margin: 5px;
    padding: 25px;
border-radius: 5px;
}

.products-block .p-in .p-in-in {
  padding-top: 20px;
}

.products-block.products .p .name {
  display: block;
  height: 80px;
  overflow: hidden;
  margin-bottom: 10px;
  color: #000;
  text-align: center;
  font-size: 22px;
  padding: 15px 5px 0 5px;
}

.products-block .p-bottom > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.products-block .p-bottom {
  padding-bottom: 10px;
}

.products-block .p-tools {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: %;
}

.products-block .p-tools button {
  font-size: 17px;
  padding: 10px 30px;
  min-width: 130px;
}

.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
  color: #000;
  border-color: #fcd900;
  background-color: #fcd900;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}



.products-block .p-bottom .p-desc {
    margin: 30px 0 30px;
}

/*--MEDIA QUERRY--*/
@media screen and (max-width: 767px){
  /*-------ARCHIV PRODUKTŮ--------*/
.products-block.products > div {
  padding: 5px;
} 

.columns-mobile-2 .products-block > div .p a.image {
    margin-bottom: 5px;
  }

   .stars-placeholder{
    display: none;
  }

/*rámeček kolem produktů*/
.products-block .p {
    border-style: solid;
    border-width: 1px;
    border-color: #efefef;
    margin: unset;
    padding: 5px;
border-radius: 5px;
}

.products-block .p-in .p-in-in {
  padding-top: unset;
}

/*
.products-block.products .p .name {
  display: block;
  height: 100px;
 overflow: hidden;
  margin-bottom: 5px;
  color: #000;
  text-align: center;
  font-size: 20px;
  padding: 15px 5px 0 5px;
}
*/
.products-block .p-bottom > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.products-block .p-bottom {
  padding-bottom: 10px;
}

.products-block.products > div {
  padding-top: 5px !Important;

}

.products-block .p-tools button {
  font-size: unset;
  padding:5px;
  min-width: unset;
}

.products-block .p-tools {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: %;
}


.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
  color: #000;
  border-color: #fcd900;
  background-color: #fcd900;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}


.products-block .p-bottom .p-desc {
    margin: 10px 0 30px;
}


/*---konec archivu----*/
}


/*---konec archivu----*/

/*--HERO welcome--*/
.homepage-box.welcome-wrapper {
margin: 0 0 0 0;
background-image: url(/user/documents/upload/main-hero.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 355px;
}

.next-to-carousel-banners{
  margin-top: 50px;
}

.welcome h1 {
  color: #fff;
  margin-top: 50px;
  text-align: center;
}

.hero-logo img{
  max-width: 50%;
}

.hero-logo{
  text-align: center;
}

.hero p{
  color: #fff;
}
/*---end hero---*/

/*-dividery archiv-*/
/*divider s textem popisku H4*/
.h4.homepage-group-title{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px 0 20px 0;
  font-size: 30px;
  color: #fcd900;
  font-weight: 500;
}

.h4.homepage-group-title::before{
  content: '';
  height: 1px;
  background: #fcd900;
  flex: 1;
  margin: 0 1em 0 0;
}
.h4.homepage-group-title::after{
  content: '';
  height: 1px;
  background: #fcd900;
  flex: 1;
  margin: 0 0 0 1em;
}
.shp-tabs-row{
display:none;
}
/*-end dividery-*/

*czfolie*/
/*--MEDIA QUERRY--*/

  @media (max-width: 767px){
 .category-perex{
margin-left: -10px;
margin-right: -10px;
}
.overall-wrapper {
  padding-top: 60px;
}
.czfolie-nadpis {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 33px !important;
  margin-top: 30px !important;
  padding: 0 30px !important;
}
h3.popis {
  padding: 0 30px !important;
  font-size: 23px !important;
}
.kontejner, .kontejner-volanty {
  width: auto !important;
}
.sloupec > p, .sloupec-btn > p, .sloupec-koberce > p {
  color: #fff;
  margin-left: 0 !important;
  text-align: center;
  font-size: 18px;
  line-height: 10px;
}
/*divider s textem popisku H*/
.czfolie-popis{
  margin: 30px 1em 10px 1em !important;
}
.czfolie-popis::before{
  margin: 0 0.5em 0 0 !important;
}
.czfolie-popis::after{
  margin: 0 0 0 0.5em !important;
}    
.czfolie-hr {
  margin: 5px 2em 20px 2em !important;
}
div.tlacitka-btn {
  text-align: center;
  margin-top: 5px !important;
}
.czfolie-podnadpis {
    padding: 0 30px 30px !important;
}
    .navigation-in a {
  color: #000;
  text-transform: uppercase !important;
}
.navigation-in a:hover {
  color: #000;
  background-color: #fcd900;
}
.submenu-arrow::after {
  color: #000;
}
}

/*-mobilní menu-*/
.responsive-tools > a[data-target="navigation"]::before {
  color: #000;
  background-color: #fcd900;
}

.sekce-czfolie {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

.radek1 { flex-grow: 1; }
/*-landing czfolie-*/
.landing-czfolie, .landing-volanty, .landing-audiklub{
  background-color: #000;
}
.landing-czfolie{
  background-color: #000;
}
.czfolie-nadpis, .czfolie-podnadpis, .czfolie-popis, .h1-nadpis{
  color: white;
  text-align: center;
}

.czfolie-nadpis, .h1-nadpis{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 40px;
  margin-top: 50px;
}

.czfolie-podnadpis{
  margin-top: 50px !important;
  padding-bottom: 50px;
  text-transform: uppercase;
  color: #fcd900;
  font-weight: 700;
}

.sekce-czfolie{
  text-align: center;
  padding: 20px 20px;
}

/*divider s textem popisku H*/
.czfolie-popis{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 30px 2em 30px 2em;
  font-weight: 100;
}

.czfolie-popis::before{
  content: '';
  height: 1px;
  background: #fff;
  flex: 1;
  margin: 0 1em 0 0;
}
.czfolie-popis::after{
  content: '';
  height: 1px;
  background: #fff;
  flex: 1;
  margin: 0 0 0 1em;
}
div.radek1>iconify-icon{
  color: #fcd900 !important;
}
div.radek1> p{
  color: #fff;
}
/*-vypnutí titulku na určitých stránkách-*/
body.id-706 .category-title, body.id-709 .category-title, body.id-742 .category-title, body.id-739 .category-title{
  display: none !important;
}
/*-tabulka služeb 2 sloupce-*/
.kontejner-hlavni, .sloupec, .sloupec-koberce {
  box-sizing: border-box;
}

.sloupec, .sloupec-koberce {
  float: left;
  width: 50%;
  padding: 10px;
}

.kontejner-hlavni:after {
  content: "";
  display: table;
  clear: both;
}

.kontejner, .kontejner-sloupce-koberce{
  width:500px;
  margin:0 auto;
}

.kontejner-volanty{
  width:800px;
  margin:0 auto;
}

@media screen and (max-width: 600px) {
  .sloupec, .sloupec-koberce, .sloupec-btn {
    width: 100%;
  }
}
h3.popis, .h2-podnadpis, .h2-nadpis{
  color: #fcd900;
  font-size: 27px;
  font-weight: 600;
  text-align: center;
}
.sloupec > p,.sloupec-btn > p{
  color: #fff;
  margin-left: 70px;  
}

.sloupec-koberce{
  text-align: center;
}

.audi > li {
  color: #fff;
}

.h2-nadpis{
  margin-top: 40px;
}

.sleva > p{
  color: #fff;
  text-align: center;
  margin-top: 15px;
}

/*-tabulka tlačítek 2 sloupce-*/
.kontejner-hlavni, .sloupec-btn {
  box-sizing: border-box;
}

.sloupec-btn {
  float: left;
  width: 50%;
  padding: 10px;
}

.kontejner-hlavni:after {
  content: "";
  display: table;
  clear: both;
}

.kontejner-btn{
  width:500px;
  margin:0 auto;
}

.sloupec-koberce > p{
  color: #fff;
  text-align: center;
}

/*--------TLAČÍTKA-------*/
/*-volanty btn-*/
.kontejner > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) > button:nth-child(1){
  width: 250px;
}

.tlacitko {
  display: inline-block;
border-radius: 10px;
background-color: #fcd900;
  border: none;
  color: #000;
  text-align: center;
  font-size: 20px;
  padding: 15px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.tlacitko span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.tlacitko span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.tlacitko:hover span {
  padding-right: 25px;
}

.tlacitko:hover span:after {
  opacity: 1;
  right: 0;
}

div.tlacitka-btn {
    text-align: center;
    margin-top: 40px;
  margin-bottom: 20px;
}

/*divider s textem popisku H*/
.czfolie-hr{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 30px 2em 0 2em;
  font-weight: 100;
}

.czfolie-hr::before{
  content: '';
  height: 1px;
  background: #fff;
  flex: 1;
  margin: 0 1em 0 0;
}

/*---------LEVÉ POSTRANNÍ MENU--------------*/
/* Postranní nabigační panel */
.sidebar {
    margin-top: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 0 0 5px 5px;
}

/*změna velikosti textu a odsazení v bočním menu */
.categories a{
    border-bottom: 1px solid  #e8e8e8 !important;
    font-size: larger;
    padding-top: 10px;
    padding-bottom: 10px;
}

#categories .expandable > a > span, #categories .expandable > .topic > a > span{
    z-index: 1;
    cursor: pointer;
    position: absolute;
    right: 15px;
    font-size: 12px;
    top: 15px;
    left:unset;
}

#categories a {
    padding-left: 20px;
}

.categories ul a {
    padding-left: 45px !Important;
}

.categories ul ul a {
    padding-left: 75px !Important;
}

#categories ul .expandable .cat-trigger {
    left: 20px ;
}

.categories li.active > a {
  color: #000;
  background-color: #fcd900;
  font-weight: 600;
}

/*barva plus minus u kategorie*/
#categories .expandable > a > span, #categories .expandable > .topic > a > span,#categories .expandable > a:hover > span, #categories .expandable > .topic > a:hover > span,#categories .expandable.active.expanded > a:hover > span,#categories .expandable.active.expanded > a > span {
    color: #000 !Important;
}
.categories .topic.active > a{
    color: #000;
background-color: #fcd900;
  font-weight: 600;
}

.categories .topic.child-active > a {
  color: #fff;
  background-color: #000;
  font-weight: 600;
}

.categories .topic.child-active > a:hover {
  color: #000;
  background-color: #c8c8c8;
}

.box-bg-variant .categories a:hover {
  color: #000;
  background-color: #ececec;
  font-weight: 600;
}

/*-popup košík-*/
.btn.btn-conversion{
  border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
  border-top-left-radius: 0px;
}

#continue-order-button{
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.cart-free-shipping strong, .extra strong {
  color: #fc4700;
}

.cart-widget-product-name a, ol.cart-header li a, .cart-content {
  color: #000;
}

#continue-order-button, #orderFormButton{
  border-radius: 9px !important;
}

.btn.btn-default{
  color: #000 !Important;
  font-weight: 700;
  border-radius: 9px
}

.navigation-buttons > a[data-target="cart"] i {
  color: #000;
 }