/*********************************
Fonts Start
*********************************/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300i,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,700i,800');
/*
@font-face {
    font-family: 'veneer';
    src: url('/fonts/subset-Veneer-Italic.woff2') format('woff2'),
        url('/fonts/subset-Veneer-Italic.woff') format('woff'),
        url('/fonts/subset-Veneer-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;

    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family: 'veneer-three';
    src: url('/fonts/subset-VeneerThree.woff2') format('woff2'),
        url('/fonts/subset-VeneerThree.woff') format('woff'),
        url('/fonts/subset-VeneerThree.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'veneer-three';
    src: url('/fonts/subset-VeneerThree-Italic.woff2') format('woff2'),
        url('/fonts/subset-VeneerThree-Italic.woff') format('woff'),
        url('/fonts/subset-VeneerThree-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'veneer-two';
    src: url('/fonts/subset-VeneerTwo-Italic.woff2') format('woff2'),
        url('/fonts/subset-VeneerTwo-Italic.woff') format('woff'),
        url('/fonts/subset-VeneerTwo-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'veneer';
    src: url('/fonts/subset-Veneer.woff2') format('woff2'),
        url('/fonts/subset-Veneer.woff') format('woff'),
        url('/fonts/subset-Veneer.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family: 'veneer-two';
    src: url('/fonts/subset-VeneerTwo.woff2') format('woff2'),
        url('/fonts/subset-VeneerTwo.woff') format('woff'),
        url('/fonts/subset-VeneerTwo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

/*********************************
Fonts End
*********************************/


::-moz-selection {
  color: #fff;
  background: #297059;
}

::selection {
  color: #fff;
  background: #297059;
}

body {
  font-family: 'Poppins',sans-serif;
  /*margin-top: 86.5px;*/
  margin-top: 78.5px;
}

.row { overflow:hidden; }

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 0;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

a {
  color: #a3ca1d;
}

a:hover {
  color: #a3ca1d;
  text-decoration: underline;
}

.navbar-brand { padding: 0; margin-right:2rem; }

.main-logo {
  /*min-width: 165px;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
*/
  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
  image-rendering: -webkit-optimize-contrast;
}


.error-input { border: 1px solid red !important; }

.color-primary, .color-primary:hover { color: #297059; }
.color-secondary, .color-secondary:hover { color: #1e6c57; }

.bg-primary { background-color: #297059 !important; }
.bg-secondary { background-color: #29715a !important; }
.border-primary { border-color: #297059!important; }

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{ background-color: #1e6c57 !important; outline: 0; }

.bg-gray { background-color: #f7f7f7; }
.bg-whitetish { background-color: rgb(255, 255, 255 , 0.55) !important; }
.text-shadow { text-shadow: 0px 0px 5px black; }
.text-black { color: #222; }

.infografika-bg {
  background-image: url('/kdo-tridi-se-zalibi/img/infografika-min.png?v=2');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  min-height: 620px;
  /*min-height: 710px;*/
}
.infografika-pt { padding-top: 3%; }

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  background-color: #29715a;
  padding: 10px 0;
  /*box-shadow: 0 5px 8px 0 #00000030;*/
}

.header-carousel .carousel-item {
    max-height: 500px;
    width: 100%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.header-carousel .carousel-item .carousel-caption h5 { text-shadow: 4px 2px 14px black; font-size: 70px; font-family: 'Roboto'; position: absolute; bottom: 30%; }
body.single-post .header-carousel { display: none; }

.navbar-nav-main { padding-right: 200px; }
.navbar-nav-main .nav-link {
    padding-right: .7rem !important;
    padding-left: .7rem !important;
}
.nav-link {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Poppins',sans-serif;
  color: #d8e8a3;
}
.nav-item.soc:last-child .nav-link { border-left: 0; }

.nav-link.active,.nav-link:hover { color: #fff; }

.footer {
    /*background: #1e1e1e;*/
    color: #fff;
    background-color: #29715a;
    font-size: 14px;
    padding: 45px 0;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}

footer .footer-link { margin-left: 20px; color: #d8e8a3; }
footer .footer-soc { margin-left: 20px; font-size: 20px; color: #fff; }
footer .footer-soc:hover { color: #a3ca1d; }

/* ------------------------------------------------------------------ */

.tvc-text {
  font-family: 'Poppins',sans-serif;
  color: #0b513b;
  font-size: 30px;
}

.tvc-semibold { font-weight: 600; font-family: 'Poppins',sans-serif; line-height: 36px; }

.tvc-text-smaller { font-size: 16px; line-height: 22px; color: #0b513b; font-family: 'Poppins',sans-serif;  }

.section-title {
  display: inline-flex;
  padding: 5px 10px;
  width: auto;
  font-family: 'Poppins',sans-serif;
  background-color: #666666;
  color: #0b513b;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: bold;
}
.section-title.tip {}

.text-block .h1,
.text-block .h2,
.text-block .h3,
.text-block .h4,
.text-block .h5,
.text-block .h6,
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 { color: #297059;
  font-family: "veneer", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}


.text-block h1, .h1 { font-size: 2rem; }
body.home .text-block h1, body.home .h1 { font-size: 80px; color: #0b513b; }
.text-block h2, .h2 { font-size: 1.75rem; font-size: 56px; color: #a3ca1d; }
.text-block h3, .h3 { font-size: 1.5rem; font-size: 36px; }
.text-block h4, .h4 { font-size: 1.25rem; }
.text-block h5, .h5 { font-size: 1.1rem; }
.text-block h6, .h6 { font-size: 1rem; }

.text-block .perex { color: #297059; }

.text-block h1 a,
.text-block h2 a,
.text-block h3 a,
.text-block h4 a,
.text-block h5 a,
.text-block h6 a { color: #1e6c57; }

.text-block a:hover { text-decoration: underline; }

.table-dark { background-color: #297059; }
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #fff; }

.text-block .single-title {
  font-size: 54px;
}

body.single-post .text-block a { font-weight: bold; }

body.single-post .text-block h2 { font-size: 1.5rem; margin-top: 30px; }

h2.bigger { font-size: 80px; color: #29715a; }

.text-block .infobox {
    position: relative;
    background-color: #29715a;
    /*font-size: 20px;*/
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 15px;
}

.text-block .infobox:before {
  content: "";
  position: absolute;
  bottom: -30px;
  border-width: 30px 30px 0;
  border-style: solid;
  border-color: #29715a transparent;
  display: block;
  left: 40px;
  width: 50px;
  height: 30px;
}

.text-secondary {
  color: #a3ca1d !important;
  font-size: 18px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}

.text-sub {
  color: #a3ca1d !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}


.proc-a-jak-nadpis {
  font-size: 30px;
  line-height: 60px;
  text-transform: uppercase;
  font-family: "veneer", sans-serif;
  color: #447968;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

a.card:hover { text-decoration: none; }

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}
/*
.card-title .text-title {
  font-size: 19px;
}*/
.card-title .text-title:hover { color: #297059; text-decoration: none; }
.card-text {
  font-size: 15px;
  line-height: 19px;
}

.news-title {
    font-size: 18px;
    line-height: 22px;
}
.news-title a:hover { color: #297059; text-decoration: none; }

.card-date-bot-right {
  position: absolute;
  right: 16px;
  bottom: 10px;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }




.grid-container {
    position: relative;
}

.grid-col-1 { width: 60%; float: left; margin: 0; }
.grid-col-2 { width: 40%; float: left; margin: 0; }

.box {
  display: block;
  float: left;
  background-color: #eaf0d8;
  color: #297059;
  border-radius: 5px;
  font-size: 1.2em;
  height: 350px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 25px;
  text-align: center;
  font-size: 16px;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;   /* vertikální centrování */
  align-items: center;       /* horizontální centrování */
}

.box h4 {
  font-size: 56px;
  font-family: "veneer", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}

.box.dark-green { background-color: #29715a; color: #eaf0d8; }
.box.dark-green h4 { color: #eaf0d8; }

.box.light-green { background-color: #a4d5a3; color: #0b513b; }
.box.light-green h4 { color: #0b513b; }



.box1 { width: calc( 40% - 20px ); }
.box2 { width: calc( 60% - 20px ); }
.box3 { width: 100%; margin-right: 0; height: 535px; background-image: url(/kdo-tridi-se-zalibi/img/icons/laska_2.png); background-size: 80%; background-position: center 22%; }
.box4 { width: calc( 60% - 20px ); }
.box5 { width: calc( 40% - 20px ); }
.box6 { width: calc( 40% - 20px ); margin-bottom: 0; }
.box7 { width: calc( 60% - 20px ); margin-bottom: 0; }
.box8 { width: 100%; margin-right: 0; height: 535px; margin-bottom: 0; }

/* Responzivní design pro menší obrazovky */
@media (max-width: 991px) {
    .grid-col-1 { width: 100%; }
    .box {
      width: 100%;
      margin: 0;
      margin-bottom: 20px;
      font-size: 15px;
      padding: 15px;

      height: auto;
      min-height: 320px;
    }
    .box h4 { font-size: 42px;  }

    .box1 { margin-right: 10px; }
    .box2 { margin-left: 10px; }
    .box1, .box2 { width: 50%; width: calc( 50% - 10px ); }

    .box6 { margin-right: 10px; }
    .box7 { margin-left: 10px; }
    .box6, .box7 { width: 50%; width: calc( 50% - 10px ); min-height: 420px; }

    .box4, .box5 { min-height: auto; }

    .box3 {
      background-size: contain;
      text-shadow: 1px 1px 1px #eaf0d8;
    }
}

@media (max-width: 767px) {
  .box3 {
      background-size: 90%;
      text-shadow: none;
    }
}





/* Right col */

.right-col-extra .card-header {
    color: #fff;
    background-color: #297059;
}

.right-col-extra .contact-card-border {
    padding: 10px 0;
    border-top: 1px solid #dfdfdf;
    margin: 0 auto;
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/**
 * Accordion
 */
.card-accordion .card-header {
    color: #fff;
    background-color: #f7f7f7;
    cursor: pointer;
}

/**
 * brands slider
 */


.brands {
    width: 100%;
}

.brands_slider_container {
    height: 130px;
    /*border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);*/
    /*padding-left: 97px;
    padding-right: 97px;*/
}

.brands_slider {
    height: 100%;
}

.brands_item {
    height: 100%
}

.brands_item img {
    max-width: 100%
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #e5e5e5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #676767
}

.brands_prev {
    left: 40px
}

.brands_next {
    right: 40px
}

.owl-item .overlay { display: none; }
.owl-item .current .overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 68%);
}

.vimeo-gallery {
  position: relative;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 10px;
  padding-bottom: 0;
}

.vimeo-gallery .brands_slider_container { height: 90px; }

.main-video-play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;right: 0;top: 0;bottom: 0;
}

.main-video-play span {
  display: block;
  width: 122px;
  height: 122px;
  margin: 0 auto;
  top: calc( 50% - 61px );
  position: relative;
  /*background-image: url('/kdo-tridi-se-zalibi/img/play-video.gif');*/
  color: #fff;
  font-size: 85px;
  text-align: center;
}

.video-subtext {
  font-family: "veneer", sans-serif;
  font-size: 30px;
  line-height: 60px;
  color: #29715a;
  text-transform: uppercase;
}

#carouselTrideniCaptions .carousel-control-next,
#carouselTrideniCaptions .carousel-control-prev {
  background: #d8e8a3;
  opacity: 1;
  border: 0;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  top: calc(50% - 30px);
  color: #29715a;
  font-size: 23px;
  line-height: 20px;
}

#carouselTrideniCaptions .carousel-control-prev-icon,
#carouselTrideniCaptions .carousel-control-next-icon {
  background-image: none;
  display: block;
}

#carouselTrideniCaptions .carousel-control-next:hover,
#carouselTrideniCaptions .carousel-control-prev:hover {
  color: #fff;
  background-color: #297059;
}

#carouselTrideniCaptions .carousel-control-prev { margin-left: -30px;  }
#carouselTrideniCaptions .carousel-control-next { margin-right: -30px;  }

#carouselTrideniCaptions .carousel-inner, #carouselTrideniCaptions .carousel-item { max-height: 560px; }

.trideni-v-cr-left {}
#carouselTrideniCaptions .carousel-indicators { justify-content: center; }
#carouselTrideniCaptions .carousel-indicators li { background-color: #d8e8a3; opacity: 1; width: 10px; height: 10px; margin: 0 4px; }
#carouselTrideniCaptions .carousel-indicators li.active { background-color: #29715a; }

.trideni-v-cr-left .item,
.trideni-v-cr-right .item { display: none; }

.trideni-v-cr-left .item.active,
.trideni-v-cr-right .item.active { display: block; }

.trideni-v-cr-left .item h3 {
  font-size: 45px;
  font-family: "veneer", sans-serif;
}

.trideni-v-cr-right .item h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #a3ca1d;
  text-transform: none;
}

.footer-h2 {
  font-family: "veneer", sans-serif;
  font-size: 56px;
  line-height: 60px;
  color: #a3ca1d;
  text-transform: uppercase;
}

/**
 * Bootstrap rewrites
 */
.container,.container.wide { max-width: 1520px; }
@media (min-width: 1920px) {
    .container,
    .container.wide { max-width: 1520px; /*1360px*/ }
}

.carousel-inner,
.carousel-item {
  max-height: 800px;
}

.carousel-caption {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  text-align: left;
  height: 100%;
}

.carousel-indicators > li {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 15px;
}

.carousel-indicators {
  margin-right: auto;
  margin-left: auto;
  -ms-flex-pack: left;
  justify-content: left;
}
.carousel-control-prev-icon,
.carousel-control-next-icon { display: none; }

.btn {
  font-family: 'Poppins',sans-serif;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/**
 * btn-primary
 */
/*.btn-primary {
    color: #0b513b;
    background-color: #d8e8a3;
    border-color: #d8e8a3;
    font-family: "veneer", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px;
    padding: 15px 35px;
    padding-bottom: 10px;
}*/

.btn-primary {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    color: #0b513b;
    background-color: #d8e8a3;
    border-color: #d8e8a3;
    font-family: "veneer", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px;
    padding: 15px 35px;
    padding-bottom: 10px;
    white-space: nowrap;
    width: auto;
}
/*
.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #0b513b;
    background-color: #d8e8a3;
    border: 1px solid #d8e8a3;

    font-family: "veneer", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 36px;

    padding: 0 50px;
    white-space: nowrap;

    width: auto;
    height: 60px;
}
*/



.btn-primary:hover,
.btn-primary.current,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #d8e8a3;
    background-color: #0b513b;
    border-color: #0b513b;
    text-decoration: none !important;
}
.btn-primary.focus, .btn-primary:focus {
    color: #d8e8a3;
    background-color: #0b513b;
    border-color: #0b513b;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; }

/**
 * btn-outline-primary
 */
.btn-outline-primary {
    color: #297059;
    border-color: #297059;
    font-size: 32px;
    border-radius: 30px;
    border: 4px solid #297059;
    padding: .5rem 1.6rem;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #297059;
    border-color: #297059;
    text-decoration: none !important;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{ box-shadow: none; }

/*
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    .btn-primary { line-height: 36px; }
}}*/

/**
 * btn-secondary
 */
.btn-secondary {
    color: #fff;
    background-color: #1e6c57;
    border-color: #1e6c57;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #1e6c57;
    background-color: #fff;
    border-color: #1e6c57;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: #1e6c57;
    background-color: #fff;
    border-color: #1e6c57;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{ box-shadow: none; }

header .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.form-control:focus { box-shadow: none; }

.karta-img { max-width: 210px; }
.text-okr { color: #fff !important; font-size: 80px !important; text-shadow: 0px 2px 20px #000; }
.text-okr2{ color: #fff; font-size: 16px; text-shadow: 0px 2px 20px #000; }
.footer-text { font-size: 20px; line-height: 22px; }
/*
.color-nk { color: #e58332 !important; }
.color-papir { color: #327ecb !important; }
.color-sklo { color: #5fa032 !important; }
.color-kovy { color: #505050 !important; }
.color-plast { color: #d4ad00 !important; }


.btn-nk {
  border-color: #e58332;
  background-color: #e58332;
  color: #fff;
}
.btn-nk:hover, .btn-nk.current, .btn-nk:not(:disabled):not(.disabled).active, .btn-nk:not(:disabled):not(.disabled):active, .show>.btn-nk.dropdown-toggle{
  border-color: #e58332;
  background-color: #fff;
  color: #e58332;
}

.btn-papir {
  border-color: #327ecb;
  background-color: #327ecb;
  color: #fff;
}
.btn-papir:hover, .btn-papir.current, .btn-papir:not(:disabled):not(.disabled).active, .btn-papir:not(:disabled):not(.disabled):active, .show>.btn-papir.dropdown-toggle{
  border-color: #327ecb;
  background-color: #fff;
  color: #327ecb;
}

.btn-sklo {
  border-color: #5fa032;
  background-color: #5fa032;
  color: #fff;
}
.btn-sklo:hover, .btn-sklo.current, .btn-sklo:not(:disabled):not(.disabled).active, .btn-sklo:not(:disabled):not(.disabled):active, .show>.btn-sklo.dropdown-toggle{
  border-color: #5fa032;
  background-color: #fff;
  color: #5fa032;
}

.btn-kovy {
  border-color: #505050;
  background-color: #505050;
  color: #fff;
}
.btn-kovy:hover, .btn-kovy.current, .btn-kovy:not(:disabled):not(.disabled).active, .btn-kovy:not(:disabled):not(.disabled):active, .show>.btn-kovy.dropdown-toggle{
  border-color: #505050;
  background-color: #fff;
  color: #505050;
}

.btn-plast {
  border-color: #d4ad00;
  background-color: #d4ad00;
  color: #fff;
}
.btn-plast:hover, .btn-plast.current, .btn-plast:not(:disabled):not(.disabled).active, .btn-plast:not(:disabled):not(.disabled):active, .show>.btn-plast.dropdown-toggle{
  border-color: #d4ad00;
  background-color: #fff;
  color: #d4ad00;
}
*/
.video-cookie-blocker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0,0,0,0.67);
  z-index: 1;
  color: #fff;
  padding: 1em;
}

.custom-max-w { max-width: 430px; }

.slick-slide img { padding:20px;}
.partner-logos .slick-slide img {max-height: 130px;}


.slick-list, .slick-track, .slider__carousel .slick-list, .slider__carousel .slick-track
 {
    overflow: visible;
    margin-left: 0;
}
.slick-slider:before,.slider__carousel:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
    left: -100%;
}
#vice-o-trideni { overflow: hidden; }

.pie_charts {
  background-color: #29715a;
}
.pie_charts .pie-chart { padding:20px; }

.chart-line {
  display: block;
  width: 100%;
}
.chart-line .chart-line-item {
  position: relative;
  display: block;
  float: left;
  width: 16.6%;
  height: 35px;
  background-position: bottom;
  background-repeat: no-repeat;
}

.chart-line .chart-line-item span { color: #fff; text-align: center; display: none; }

.chart-line .chart-line-item.n1{ background-color: #ffcb05; }
.chart-line .chart-line-item.n2{ background-color: #297059; }
.chart-line .chart-line-item.n3{ background-color: #848588; }
.chart-line .chart-line-item.n4{ background-color: #0094ff; }
.chart-line .chart-line-item.n5{ background-color: #d1cdcb; }
.chart-line .chart-line-item.n6{ background-color: #050505; }

.chart-line .chart-line-item.n1::before,
.chart-line .chart-line-item.n3::before,
.chart-line .chart-line-item.n5::before {
   content: '';
   position: absolute;
   bottom: -20px;
   left: 10px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 20px 10px 0 10px;
   border-color: #FFCB05 transparent transparent transparent;
   transform: rotate(0deg);
}


.chart-line .chart-line-item.n2::before,
.chart-line .chart-line-item.n4::before,
.chart-line .chart-line-item.n6::before {
   content: '';
   position: absolute;
   top: -20px;
   left: 10px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 10px 20px 10px;
   border-color: transparent transparent #297059 transparent;
   transform: rotate(0deg);
}

.chart-line .chart-line-item::after {
    color: #666666;
    position: absolute;
    bottom: -50px;
    left: 10px;
    width: auto;
    height: 26px;
    /*background-image: url(./cesi-jsou-mistri/kdo-tridi-se-zalibi/img/icons/cart-plast.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 29%;
    text-align: right;*/
    font-size: 21px;
}

.chart-line .chart-line-item.n2::after,
.chart-line .chart-line-item.n4::after,
.chart-line .chart-line-item.n6::after { bottom: auto; top: -50px; }

.chart-line .chart-line-item.n1::before { border-color: #FFCB05 transparent transparent transparent; }
.chart-line .chart-line-item.n3::before { border-color: #848588 transparent transparent transparent; }
.chart-line .chart-line-item.n5::before { border-color: #d1cdcb transparent transparent transparent; }

.chart-line .chart-line-item.n2::before { border-color: transparent transparent #297059 transparent; }
.chart-line .chart-line-item.n4::before { border-color: transparent transparent #0094ff transparent; }
.chart-line .chart-line-item.n6::before { border-color: transparent transparent #050505 transparent; }


.chart-line .chart-line-item.n1::after { content: 'plast'; }
.chart-line .chart-line-item.n3::after { content: 'kovy'; }
.chart-line .chart-line-item.n5::after { content: 'cigarety'; }

.chart-line .chart-line-item.n2::after { content: 'sklo'; }
.chart-line .chart-line-item.n4::after { content: 'papír'; }
.chart-line .chart-line-item.n6::after { content: 'ostatní'; }

.partner-logos-wrapper { /*background-color: #29715a;*/ }

.separator-line {
  border: 5px dashed #b7cca9;
}


.uncollapseme {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+55,1+55 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.uncollapseme span {
  display: block;
  position: absolute;
  left: calc(50% - 30px);
  bottom: 40%;
  font-size: 70px;
  color: #297059;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.share {}
.share .btn-outline-primary{
  font-size: 16px;
  padding: .3rem 1rem;
}
.share .info {
  color: #666666;
  font-size: 22px;
  padding: .5rem 1rem;
  padding-left: 0;
  border: 4px solid transparent;
  top: 4px;
  position: relative;
}

.share .play-sound-anikomiks.btn-outline-primary {
  float: right;
}

.img-vertical-align {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Clanky */
.clanky-wrapper { /*background-color: #29715a;*/ }
.clanky-wrapper .clanek {
  display: block;
  /*padding: 0 15px;*/
  margin-right: 20px;
  width: 330px;
  max-width: 100%;
}

.clanky-wrapper .all-articles { font-size: 23px; color: #666; }
.clanky-wrapper .all-articles:hover { text-decoration: none; color: #297059; }
.clanky-wrapper .all-articles i { font-size: 17px; }

.clanky-wrapper .clanek.top {width: 600px !important;}
.clanky-wrapper .clanek:hover { text-decoration: none;  outline: none; }
.clanky-wrapper .clanek:hover .desc { background-color: #ecf2d8; transition: all .3s cubic-bezier(.83,0,.17,1); }

.clanky-wrapper .videa-list .clanek .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
}
.clanky-wrapper .clanek .image img { padding: 0; }
.clanky-wrapper .clanek .desc {
  padding: 30px 30px 64px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  background-color: #f3f8e5;
  height: 400px;
  color: #0b513b;
}
.clanky-wrapper.shorter .clanek .desc {
  height: 50px;
  padding: 10px 30px;
}
.clanky-wrapper .clanek.top .desc { height: 220px; }

.clanky-wrapper .videa-list .clanek .desc { height: 300px; }
.clanky-wrapper .videa-list .clanek.top .desc { height: 120px; }

.clanky-wrapper .clanek .desc .tvc-text { font-size: 14px; }
.clanky-wrapper .clanek .desc h5 {
  text-transform: uppercase;
  color: #a3ca1d;
  font-family: "veneer", sans-serif;
  font-size: 36px;
  line-height: 38px;
}
.clanky-wrapper .clanek .desc .more {
  width: 100%;
  font-family: "veneer", sans-serif;
  font-size: 24px;
  line-height: 30px;
  position: absolute;
  bottom: 20px;
  text-transform: uppercase;
  color: #29715a;
}
.clanky-wrapper .clanek .desc .more span { color: #29715a; padding-left: 160px; }

.play-button {
  position: absolute;
  left: calc( 50% - 105px );
  top: calc( 50% - 36px );
  /*color: #fff;
  border-color: #fff;*/
  background-color: #fff;
}

.trdideni-v-cr-img {
  position: absolute;
  top: 20px;
  right: 10px;
}

.img-trideni-odpadu-v-cr {
  position: absolute;
  bottom: 23px;
  right: -30%;
  margin: 0;
}

.svet-text { /*font-size: 14px; line-height: 22px; font-weight: 600;*/ }

.desktop-only { display: block !important; }
@media (max-width: 1024px) {
  .nav-link { font-size: 17px; }
}

@media (max-width: 1230px) {
  .navbar-nav-main { padding-right: 0; }
}

@media (max-width: 991px) {
  .play-sound-anikomiks { width: 100%; margin-top: 15px; }
}

.clanky-arrows { position: relative; }
.clanky-wrapper button.slick-next.slick-arrow,
.clanky-wrapper button.slick-prev.slick-arrow,
.slider__carousel button.slick-next.slick-arrow,
.slider__carousel button.slick-prev.slick-arrow,
.page-numbers.prev,
.page-numbers.next {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 3px solid #297059;
  border-radius: 50%;
  color: #297059;
  font-size: 38px;
  text-align: center;

  background: #d8e8a3;
  border-radius: 5px;
  color: #29715a;
  opacity: 1;
  border: 0;
  font-size: 23px;
  line-height: 20px;
}

.clanky-wrapper button.slick-next.slick-arrow:hover,
.clanky-wrapper button.slick-prev.slick-arrow:hover { color: #fff; background-color: #297059; }

.clanky-wrapper button.slick-next.slick-arrow, .clanky-wrapper button.slick-prev.slick-arrow, .slider__carousel button.slick-next.slick-arrow, .slider__carousel button.slick-prev.slick-arrow, .page-numbers.prev, .page-numbers.next {
  z-index: 1;
}

.clanky-wrapper button.slick-arrow.slick-disabled, .slider__carousel button.slick-arrow.slick-disabled,
.clanky-wrapper button.slick-arrow.slick-disabled:hover, .slider__carousel button.slick-arrow.slick-disabled:hover {
    background: #d8e8a3;
    border-radius: 5px;
    color: #29715a;
    opacity: 0.5;
    border: 0;

    display: none !important;
}
/*.clanky-wrapper button.slick-prev.slick-arrow.slick-disabled { opacity: 0; }*/
.clanky-wrapper button.slick-prev.slick-arrow, .slider__carousel button.slick-prev.slick-arrow {
    left: 0;
}
.slick-prev:before, .slick-next:before { content: ''; }
.partner-logos .slick-prev:before, .partner-logos .slick-next:before { content: '→'; color: #297059; }
.partner-logos .slick-prev:before { content: '←'; }



.clanky-wrapper .videa-list .clanek.top {width: 650px !important;}
.videa-list .clanek.top .embed-responsive { z-index: -1; }

body.single-post .header-bg { background-repeat: no-repeat; background-size: cover; border-radius: 0; background-position: bottom; }

#vice-o-trideni .slick-next { right: -65px; }

/* EKO Cookie Consent */
/*.eko_cc_w {
  background-color: #29715a;
  border: 3px solid #666666;
  color: #666666;
}
.eko_cc_w .eko_cc_buttons .eko_cc_allow, .eko_cc_w .eko_cc_buttons .eko_cc_edit_setting {
  background: #297059;
  color: #fff;
}
.eko_cc_w .eko_cc_types .eko_cc_item i {background: #297059;color: #fff;}
.eko_cc_w .eko_cc_buttons .eko_cc_edit_setting { background: #666; }
*/
.mobile-only { display: none !important; }


.show-anikomiks.desktop-only { display: inline-block !important; }

@media (max-width: 1320px) {
  .navbar-nav .nav-link { text-align: center; }
}

.navbar-toggler .fa-times { display: none; }
/* Mobile */
@media (max-width: 991px) {

  .mobile-only { display: block !important; }
  .desktop-only { display: none !important; }
  .show-anikomiks.desktop-only { display: none !important; }
  .custom-max-w { display: none; }

  html {
    /*overflow: hidden;
    height: 100%;*/
  }
  .main-logo { max-width: 175px; }
  .nav-link { border-left: 0; font-size: 48px; line-height: 72px; font-family: "veneer", sans-serif; padding: 0; }
  .navbar-collapse { padding: 2rem 0rem; }

  .row { overflow-x:hidden; }
  body { /*height: 100%; overflow: auto;*/ margin-top:67px; }
  header { padding:0; }
  .navbar { padding: 1rem 1rem; }
  .navbar-toggler { color: #d8e8a3; }
  .navbar-toggler:focus, .navbar-toggler:hover { outline: 0; color: #d8e8a3; }
  .navbar-toggler.collapsed { color: #d8e8a3; }


  .navbar-toggler[aria-expanded=true] .fa-times { display: block; }
  .navbar-toggler[aria-expanded=true] .fa-bars { display: none; }

  .navbar-nav { display: block; padding-top: 20px; }
  .nav-item.soc { width: 50%; float: left; }
  /* menu na celou výšku */
   .navbar-collapse {
    position: fixed;
    top: 66px;
    left: 0;
    width: 100%;
    height: calc(100vh - 66px); /* celý viewport minus výška navbaru */
    overflow-y: auto;
    background-color: #29715a; /* pozadí rozbaleného menu */
    z-index: 1030;
    padding: 1rem;
  }

  .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }

  .navbar-nav {
    flex-direction: column;
  }
  /* ----------------------------------- */
  .nav-item.soc .nav-link { font-size: 25px; }
  .mobile-footer-in-header { list-style-type: none; padding: 0; }
  .mobile-footer-in-header .header-mobile-link { color: #d8e8a3; }

  .header-carousel .carousel-item .carousel-caption h5 { font-size: 40px; }

  .eko_cc_w .eko_cc_buttons .eko_cc_allow, .eko_cc_w .eko_cc_buttons .eko_cc_edit_setting { padding: 1rem; }
  .eko_cc_w { border: 5px solid #666666; }

  .tvc-text { font-size: 20px; }
  .text-secondary { font-size: 18px; }
  .btn-outline-primary { font-size: 22px; }
  .section-title { font-size: 12px; }
  body.home .text-block h1, body.home .h1, .text-block .single-title { font-size: 48px; }
  .text-block h2, .h2 { font-size: 32px; }
  /*.text-block h3, .h3, .trideni-v-cr-left .item h3,.trideni-v-cr-right .item h3 { font-size: 20px; }*/

  .text-block h3, .h3 { font-size: 30px; }

  .trideni-v-cr-left .item h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: bold;
  }

  .trideni-v-cr-right .item h3 {
    font-size: 15px;
    line-height: 24px;
  }

  .clanky-wrapper .clanek .desc h5 { font-size: 24px; }

  .infografika-bg { min-height: auto; }
  .clanky-wrapper .videa-list .clanek .image { height: 180px; }

  .netrideni-1 { max-width: 190px; float:right; margin:0 auto;}
  .netrideni-2 { margin-bottom: 0; }
  .netrideni-3 { max-width: 270px; }
  .netrideni-4 { padding-bottom: 20px; }
  .img-trideni-odpadu-v-cr { position: relative;bottom: auto; right: auto; max-width: 70px; margin-right: 5px; margin-bottom: 5px; margin-top: 10px; float: right; }
  /*.trideni-v-cr-left .item, .trideni-v-cr-right .item .btn { width: 100%; }*/
  .vice-o-trideni { max-width: 150px; }

  .vimeo-gallery { padding: 0; background-color: transparent; }
  .clanky-wrapper .clanek .desc .more span { padding-left: 130px; }


  .duvody .duvod { margin-left: 0; padding-left: inherit; padding-top: 120px; }
  .duvody .duvod:before { top: 20px; left: calc(50% - 50px); }
  .uncollapseme span { bottom: 10%; }

  .clanky-wrapper .clanek {
    display: block;

  }

  .videa-arrows {
    height: 100px;
    display: block;
    position: relative;
    width: 330px;
    margin: 0 auto;
  }

  .slick-slider:after, .slider__carousel:after {
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
      z-index: 2;
      background: #fff;
      right: -100%;
  }

  .carousel-indicators { margin: 0; bottom: 45px; }
  #carouselTrideniCaptions .carousel-control-prev,
  #carouselTrideniCaptions .carousel-control-next {
    top: auto;
    bottom: 30px;
    margin: 0;
  }

  #carouselTrideniCaptions .carousel-control-prev { left: 20px; }
  #carouselTrideniCaptions .carousel-control-next { right: 20px; }
  .carousel-control-prev,
  .carousel-control-next {
    z-index: 99;
  }

  .clanky-wrapper .clanek.top {width: 300px !important;}
  .clanky-wrapper .videa-list .clanek.top {width: 300px !important;}
  .clanky-wrapper .clanek.top .desc { height: 400px; }
  .clanky-wrapper .videa-list .clanek.top .desc { height: 300px; }

  #vice-o-trideni .slick-next { right: 0; }

  body.single-post .header-bg { min-height: 160px !important; }

  footer { text-align: center; margin-top: 20px; }
  footer .footer-link { text-align: center; width: 100%; display: block; margin: 0; }

  .partner-logos .slick-prev:before, .partner-logos .slick-next:before { content: ''; }

  .share { text-align: center; }
  /*.play-button { width: 166px; left: calc( 50% - 83px ); top: calc( 50% - 28px ); }*/
  .play-button { width: 80px; left: calc( 50% - 40px ); top: calc( 50% - 28px ); }
  .play-button span { display: none; }
  .show-anikomiks { width: 100%; display: inline-block !important; margin-top: 10px; }
  .section-title.tip { margin-bottom: 0; }

  .main-video-play span { font-size: 45px; width: 60px; height: 60px; top: calc(50% - 30px); }

  .text-okr { font-size: 48px !important; }
  .text-okr2 { font-size: 15px; }
  h2.bigger { font-size: 48px; }

  .video-subtext { font-size: 24px; line-height: 28px; }
  .tvc-semibold { font-size: 20px; line-height: 24px; }
  .proc-a-jak-nadpis { font-size: 24px; line-height: 28px; }
  .footer-text {margin: 0;}

  .btn-primary {
      padding: 16px 35px;
  }

  footer .footer-soc { margin: 0 10px; }

}