@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap");

body {
  font-family: "Raleway", sans-serif;
  color: #181717;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #212529;
}

a {
  color: #212529;
  text-decoration: none;
  font-weight:500;
}

@media(min-width: 768px) {
  body, .font-size-fluid,.col-text,.section--header,.section--text,.section-blank,.section-title,.section-header,.section-cta,.section-2-col-right-text,.section-2-col-left-text {
    font-size: calc(.12vw + 1rem);
  }
}


/*vlastni seznam*/
.own-list, .own-list li > ol,
.own-list > li > ol > li > ol { 
  counter-reset: item; 
  position:relative;

}
.own-list {
  padding-left:2.5rem;
}

.own-list li > ol {
  padding-left:3.2rem;
}

.own-list > li > ol > li > ol {
  padding-left:3.7rem;
}

.own-list li {
  margin-bottom:5px;
}

.own-list > li,
.own-list > li > ol > li,
.own-list > li > ol > li > ol > li{ 
  display: block; 
}

.own-list > li {
  margin-top:30px;
}


.own-list > li > ol {
  margin-top:10px;
}



.own-list > li:before, .own-list > li > ol > li:before,
.own-list > li > ol > li > ol > li:before{ 
  content: counters(item, ".") ". "; 
  counter-increment: item;
  position:absolute;
  left:0;
}

.own-list > li:before {
  line-height: 1;
  font-size: calc(1.3rem + 0.6vw);
}

.perex, .section-perex {
  max-width:unset;
  padding-left:0;
  padding-right:0;
}

.perex__text-wrapper, .section-perex__text-wrapper {
  text-align:left
}

@media (min-width:1200px) {
  .article-item-wrapper {
    width: 25%
  }
}


/*motive*/

#motive {display:none}
#index #motive {display:block}

#motive {
  position: relative;
  background-color: black;
  height: 65vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#motive video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#motive .container {
  position: relative;
  z-index: 2;
}

#motive .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

#motive .lead {
  font-size: 1.5rem;
  font-weight:500;
  letter-spacing:1px;
}

@media(max-width: 992px) {
  #motive .w-50 {
    width: 100% !important;
  }
}
@media(max-width: 768px) {

  #motive .lead {
    font-size: initial;
  }

  /* Media Query for devices withi coarse pointers and no hover functionality */

  /* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

  @media (pointer: coarse) and (hover: none) {
    #motive {
      background: url('/obrazek/3/default-motive/') black no-repeat center center scroll;
      background-size:cover;
      height: 40vh;
      min-height: 15rem;

    }

    #motive video {
      display: none;
    }
  }
}




/*hlavicka*/
.header {
  border-bottom:1px solid #dadada;
  box-shadow: 0px 3px 10px #00000024;
}
/*section*/
section, .section {
  padding-top: clamp(2rem, 3vw, 2.5rem);
  padding-bottom: clamp(2rem, 3vw, 2.5rem);
}

section.section-bg, .section.section-bg {
  padding-top: clamp(2rem, 5vw, 5rem);
  padding-bottom: clamp(2rem, 5vw, 5rem);
}

.container--article .col-text, .container--article .section--header, .container--article .section--text, .container--article .section-blank, .container--article .section-title, .container--article .section-header, .container--article .section-cta {
  max-width: 100%;
}

.section-3-col-bottom-text,
.section-3-col-top-text {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

/*patička*/
#footer {
  background-image: url(/obrazek/3/section-bg-black-jpg/);
  background-color:#343434;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color:#f9f9f9;
}

#footer a {color:#f9f9f9}
/*drobeckova navigace*/
.breadcrumb a {
  color: #6c757d;
}


/*styl nadpisu*/
.container--article h1+p,.container--article .h1+p {
  margin-top: clamp(1rem, 4vw, 2rem)
}


/*nastavení clanku*/

.index-rubric .article-item-wrapper {
  margin-top:1.5em
}

/*kategorie*/
@media (min-width: 576px) {
  .category-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width:992px) {
  .category-wrapper {
    width: 25%
  }
}

/*menu*/
@media (min-width:992px) {
  .navbar__brand {
    min-height:unset;
  }
}

.navbar__menu-link:hover,
.navbar__menu-item.active>.navbar__menu-link,
.navbar__menu-item.active>.navbar__menu-link .navbar__menu-item .active {
  border-bottom:1px solid #212529;

}
/*small form*/

.napiste-nam .btn.btn-primary{
  background-color:white;
}

.napiste-nam {
  position:fixed!important;
  right:10px;
  bottom:10px;
  display:flex;
  align-items:center;
  max-width:200px;
}


.small-form .user-form {
  padding:10px;
  box-shadow:none;
  background-color:#ecf0f1;
}

.small-form .user-form__input{
  padding: 5px;
  line-height:1;
}

.small-form textarea {
  height:80px
}

.small-form label,
.small-form .form-group {
  margin:0;
}
.small-form .add-comment__captcha-wrap {
  flex-wrap:wrap;
  flex-direction:column-reverse;
  align-items:start;
  gap:0;
}

.small-form  .add-comment__captcha-wrap img {
  display:block;
  margin:0;
  padding:0;
}

.small-form .add-comment__input--code {
  display:block;
  margin:0 0 5px 0;
  width:100%;
}


.small-form .aster {
  display:none
}
.small-form .form-container span.asterisk {
  color:#0D0D0D;
  position: relative;
  right: 0px;
}


.napiste-nam p {
  text-align:right;
  margin-bottom:5px
}

.napiste-nam p img{
  line-height:30px;
  margin-top:-3px;
  margin-left:3px;
}

.napiste-nam .user-form__privacy,
.napiste-nam .user-form__info-required{
  display:none;
}

/*my contactus*/
.contactus.custom-contactus {

  background-color: #f8f9fa;
  font-size: 1rem;
  padding: 15px 15px;
  margin-left: unset;
  width: 100%;
  background-image: url('/obrazek/3/section-bg-gray-jpg/');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  white-space: normal;
  flex-wrap:wrap;
  align-items:center;
  position:sticky;
  top:0;
  z-index:10;
}

@media (max-width:815px) {
  .header {
    top:78px;
  }
}
@media (max-width:488px) {
  .header {
    top:102px;
  }
}
@media (max-width: 319px) {
  .contactus {
    display: block;
  }
}

@media (min-width:815px) {
  .header {
    top:54px;
  }
}


/*rozsireni bloku*/

.container--article .col-text.section-bg-light>*, .container--article .col-text.section-bg>*, .container--article .section--header.section-bg-light>*, .container--article .section--header.section-bg>*, 
.container--article .section--text.section-bg-light>*, .container--article .section--text.section-bg>*, .container--article .section-blank.section-bg-light>*, .container--article .section-blank.section-bg>*, 
.container--article .section-title.section-bg-light>*, .container--article .section-title.section-bg>*, .container--article .section-header.section-bg-light>*, .container--article .section-header.section-bg>*, 
.container--article .section-cta.section-bg-light>*, .container--article .section-cta.section-bg>*,
.section-3-col-bottom-text h3, .section-3-col-bottom-text .h3, .section-3-col-bottom-text p, .section-3-col-top-text h3, .section-3-col-top-text .h3, .section-3-col-top-text p,
.col-text, .section--header, .section--text, .section-blank, .section-title, .section-header, .section-cta {
  max-width:unset;
}
/*odsazeni bunek sekce*/
.section-3-col-bottom-text .section-cell-item, .section-3-col-top-text .section-cell-item {

  margin-bottom:1.5rem
}

/*zarovnani*/
.section-3-col-bottom-text, .section-3-col-top-text {
  text-align:left
}

.section-tabs .nav-tabs .nav-item, .section--tabs .nav-tabs .nav-item {
  margin-right:4px;
}

.nav-tabs .nav-link, .nav-tabs .section-tabs .item a, 
.nav-tabs .section-tabs .item .eshop-menu__link--button, 
.section-tabs .item .nav-tabs a, 
.section-tabs .item .nav-tabs .eshop-menu__link--button, 
.nav-tabs .section-tabs .item button.navbar__menu-link, 
.section-tabs .item .nav-tabs button.navbar__menu-link {
  font-weight:500;
}
.nav-tabs .nav-link:hover,.nav-tabs .section-tabs .item a:hover,.nav-tabs .section-tabs .item .eshop-menu__link--button:hover,.section-tabs .item .nav-tabs a:hover,.section-tabs .item .nav-tabs .eshop-menu__link--button:hover,.nav-tabs .section-tabs .item button.navbar__menu-link:hover,.section-tabs .item .nav-tabs button.navbar__menu-link:hover,.nav-tabs .nav-link:focus,.nav-tabs .section-tabs .item a:focus,.nav-tabs .section-tabs .item .eshop-menu__link--button:focus,.section-tabs .item .nav-tabs a:focus,.section-tabs .item .nav-tabs .eshop-menu__link--button:focus,.nav-tabs .section-tabs .item button.navbar__menu-link:focus,.section-tabs .item .nav-tabs button.navbar__menu-link:focus,
.nav-tabs,
.nav-tabs .nav-link.active, .nav-tabs .section-tabs .item a.active, .nav-tabs .section-tabs .item .active.eshop-menu__link--button, .section-tabs .item .nav-tabs a.active, .section-tabs .item .nav-tabs .active.eshop-menu__link--button, .nav-tabs .section-tabs .item button.active.navbar__menu-link, .section-tabs .item .nav-tabs button.active.navbar__menu-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .section-tabs .item a, .nav-tabs .nav-item.show .section-tabs .item .eshop-menu__link--button, .section-tabs .item .nav-tabs .nav-item.show a, .section-tabs .item .nav-tabs .nav-item.show .eshop-menu__link--button, .nav-tabs .nav-item.show .section-tabs .item button.navbar__menu-link, .section-tabs .item .nav-tabs .nav-item.show button.navbar__menu-link {
  border-color:#181717;
}

.section-tabs .nav-link.active, 
.section-tabs .item a.active, 
.section-tabs .item .active.eshop-menu__link--button, 
.section-tabs .item button.active.navbar__menu-link, 
.section--tabs .nav-link.active {
  background-color: #F8F9FA ;
  border-bottom-color:#F8F9FA
}
@media (max-width:576px) {

  .section-tabs .nav-tabs .nav-item, .section--tabs .nav-tabs .nav-item {
    margin-bottom:4px
  }

  .nav-tabs .nav-link,.nav-tabs .section-tabs .item a,.section-tabs .item .nav-tabs a,.nav-tabs .section-tabs .item button.navbar__menu-link,.section-tabs .item .nav-tabs button.navbar__menu-link,.nav-tabs .section-tabs .item .eshop-menu__link--button,.section-tabs .item .nav-tabs .eshop-menu__link--button {
    width: 100%;
    background: #F8F9FA;
    border-radius: 0;
    margin-bottom: 0;
  }
  .nav-tabs .nav-item:last-of-type .nav-link:not(.active), .nav-tabs .nav-item:last-of-type .section-tabs .item a:not(.active), .section-tabs .item .nav-tabs .nav-item:last-of-type a:not(.active), .nav-tabs .nav-item:last-of-type .section-tabs .item button.navbar__menu-link:not(.active), .section-tabs .item .nav-tabs .nav-item:last-of-type button.navbar__menu-link:not(.active), .nav-tabs .nav-item:last-of-type .section-tabs .item .eshop-menu__link--button:not(.active), .section-tabs .item .nav-tabs .nav-item:last-of-type .eshop-menu__link--button:not(.active),
  .nav-tabs .nav-link,.nav-tabs .section-tabs .item a,.section-tabs .item .nav-tabs a,.nav-tabs .section-tabs .item button.navbar__menu-link,.section-tabs .item .nav-tabs button.navbar__menu-link,.nav-tabs .section-tabs .item .eshop-menu__link--button,.section-tabs .item .nav-tabs .eshop-menu__link--button,.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:focus:active {
    border: 1px solid #cdcfd0;
  }


  .nav-tabs .nav-link.active, .nav-tabs .section-tabs .item a.active, .section-tabs .item .nav-tabs a.active, .nav-tabs .section-tabs .item button.active.navbar__menu-link, .section-tabs .item .nav-tabs button.active.navbar__menu-link, .nav-tabs .section-tabs .item .active.eshop-menu__link--button, .section-tabs .item .nav-tabs .active.eshop-menu__link--button,
  .nav-tabs .nav-link:hover, .nav-tabs .section-tabs .item a:hover, .section-tabs .item .nav-tabs a:hover, .nav-tabs .section-tabs .item button.navbar__menu-link:hover, .section-tabs .item .nav-tabs button.navbar__menu-link:hover, .nav-tabs .section-tabs .item .eshop-menu__link--button:hover, .section-tabs .item .nav-tabs .eshop-menu__link--button:hover, .nav-tabs .nav-link:focus, .nav-tabs .section-tabs .item a:focus, .section-tabs .item .nav-tabs a:focus, .nav-tabs .section-tabs .item button.navbar__menu-link:focus, .section-tabs .item .nav-tabs button.navbar__menu-link:focus, .nav-tabs .section-tabs .item .eshop-menu__link--button:focus, .section-tabs .item .nav-tabs .eshop-menu__link--button:focus {
    background: #fff;
    border-color: #181717;
  }

  .nav-tabs .nav-link:not(.active):hover, .nav-tabs .section-tabs .item a:not(.active):hover, .section-tabs .item .nav-tabs a:not(.active):hover, .nav-tabs .section-tabs .item button.navbar__menu-link:not(.active):hover, .section-tabs .item .nav-tabs button.navbar__menu-link:not(.active):hover, .nav-tabs .section-tabs .item .eshop-menu__link--button:not(.active):hover, .section-tabs .item .nav-tabs .eshop-menu__link--button:not(.active):hover {
    border-color: #181717;
  }

}


/*btn*/
.btn {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 0.9rem 1.3rem;
}

.btn:hover, .btn:focus {
  -webkit-transform: none;
  transform: none;
  outline: none !important;
}

.btn:active, .btn:active:focus {
  background-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.btn.btn-primary {
  position: relative;
}

.btn.btn-primary:before {
  content: '';
  background-color: #212529;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  border-radius: 10px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.btn.btn-primary:hover:before {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn.btn-primary {
  color: #212529;
  background-color: transparent;
  border: solid 1px #212529;
}


.btn.btn-primary:hover, .btn.btn-primary:focus {
  color: #fff;
  border-color: #212529;
  background-color: #212529;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
  color: #fff;
}

.btn.btn-primary{
  color: #212529;
  background-color: transparent;
}

.btn.btn-default {
  color: #212529;
  background-color: #f2f2f2;
}

.btn.btn-default:hover {
  color: #404040;
  background-color: #d9d9d9;
}

.btn.btn-default:hover .goin {
  color: #404040;
}

.btn.btn-default .goin {
  color: #212529;
  background-color: transparent;
}

/**/

.modal-cookies {
  max-width: 90%;
}

.modal-cookies .modal-content {
  padding: clamp(0.3rem,0.8rem + 1vw,0.8rem);
}
.modal-cookies .modal-header,
.modal-cookies .cookies-text {
  margin-bottom:0;
}
.modal-cookies .modal-footer .btn {
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
}