/*--- definice telo+scroll ---*/
BODY {

  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffffff;
  overflow-x: hidden;
  width: 100%;
}

.stranka:after{
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.grecaptcha-badge{
  display: none
}

.stranka.background:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
 @media all and (max-width: 1024px) {
.stranka:after{
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.stranka.background2:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
}

 @media all and (min-width: 1024px) {
.stranka:after{
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

.stranka.background:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
}
/* seo nadpis */
.seo-nadpis{
  position: absolute;
  z-index: -1;
  top: -1000px;
  width: 20%;
}
.seo-nadpis span {
  position: absolute;
  text-indent: -9999px;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

*,*:before,*:after {
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
}
a{
  text-decoration: none;
}
.clear{
    clear: both;
}
.obsah90{
  width: 90%;

  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.uvnitr{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.uvnitr.vetsi{
  width: 90%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.uvnitr.center{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}




 @media all and (max-width: 1024px) {
 .uvnitr{

  padding-left: 20px;
  padding-right: 20px;
}
}

@media all and (max-width: 600px) {
.uvnitr.center{

text-align: left;

}



}

/*
hlavicka

 */

div#hlavicka{

width: 100%;
max-width: 100%;
height: 111px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
top:0px;
margin-top: 0px;

border-left: none;
border-right: none;

z-index: 10;
  background-color: rgba(255, 255, 255, 1);

-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

/*    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);*/
}



div#hlavicka p.lang{
  font-size: 17px;
  font-weight: 400;
  color: rgba(89, 94, 95, 1);
  position: absolute;
  right: 0px;
  top: 44px;
  z-index: 2;
  width: 170px;
  text-align: center;

}

@media all and (max-width: 1024px) {
div#hlavicka p.lang{
  display: none;
}



}
div#hlavicka p.lang a{
  font-size: 17px;
  font-weight: 400;
  color: rgba(89, 94, 95, 1);

}



/* logo */


div#hlavicka .logo{


    height: 60px;
  width: 165px;
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: 24px;

  margin-left: 0px;
  text-align: left;
  background: url(logo.svg);
  background-size: 165px;


}
div#hlavicka .logo span{
  position: absolute;
  text-indent: -9999px;
}

.mezera{
  height: 40px;
  clear: both;

}
 @media all and (max-width: 1024px) {
div#hlavicka, div#hlavicka.posun{

width: 100%;
max-width: 100%;
height: 111px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
top:0px;
margin-top: 0px;
margin-left:0px;

border-left: none;
border-right: none;

z-index: 1000;
  background-color: rgba(255, 255, 255, 1);

-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;


}

.mezera{
  height: 40px;

}
div#hlavicka .logo{

  margin-top: 25px;
  margin-left: 0px;


}
}

div.pruh-bily, div.pruh-bily2{
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

div.pruh{
/*    background: url(sedy.jpg) no-repeat left top;  */
    /* -webkit-background-size: cover; */
    -moz-background-size: cover;
    -o-background-size: cover;
    /* background-size: cover; */
    /* background-position: bottom left; */
    position: relative;
    text-align: left;
    margin-bottom: 50px;
        overflow-x: hidden;  


}
div.pruh.obrazek{
  min-height: 200px;
}

.sedy{
  background-color: rgba(247, 247, 247, 1);
}
.modry{
  background-color: rgba(242, 251, 253, 1);
}

div.pruh.obrazek .uvnitr{
  z-index: 2;
}
div.pruh.obrazek:after{
content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .7);
  left: 0px;
  top: 0px;
}
div.pruh a.vse{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  z-index: 3
}

div.pruh .banner_fotka{
  height: 80%;
  bottom: 0px;
  left: 5%;
  float: left;
  position: absolute;
}


div.pruh .banner_text{
        margin-left: 40%;
        float: left;
        /* width: 60%; */
        max-width: 400px;
        margin-top: 5%;
        text-align: left;
}
div.pruh .banner_text.bez{
        margin-left: 5%;
        float: left;
        /* width: 60%; */
        max-width: 400px;
        margin-top: 5%;
        text-align: left;
}

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

div.pruh .banner_fotka{
  height: auto;
  width: 50%;
  bottom: 0px;
  left: auto;
  float: none;
  display: inline-block;
  position: relative;
}


div.pruh .banner_text{
        margin-left: 0px;
        float: left;
        /* width: 60%; */
        max-width: none;
        margin-top: 5%;
        width: 100%;
        text-align: center;
}
}


.lightblue{
  background-color: rgba(238, 238, 238, .5);

}
.padding5{
  padding-top: 5%;
  padding-bottom: 5%;
}



div.pruh-sedy{
    position: relative;

}
div.pruh-bily::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -6px;
    left: 0px;
/*background: url(prouzek_dolu_bily.png) 0 bottom repeat-x; */
    background-size: 23px 6px;

    height: 6px;
    z-index: 1;
    width: 100%;

 }

div.pruh-bily2::before {
    content: "";
    width: 100%;
    position: absolute;
    top: -6px;
    left: 0px;
  /*  background: url(prouzek_nahoru_bily.png) 0 bottom repeat-x; */
    background-size: 23px 6px;
    height: 6px;
    z-index: 100;
    width: 100%;
}

 div.pruh-modry {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    min-height: 80px;
    width: 100%;
    position: relative;
background-color: rgba(6, 158, 87, 1); 
}
div.pruh-modry::after {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: "";
   background: rgba(26, 162, 201, 1);
}

div.pruh-modry::before {

    width: 40px;
    height: 40px;
    content: "";
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
    position: absolute;
   background-color:  rgba(6, 158, 87, 1); 
     -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    z-index: 10;
    border-left: solid 1px  rgba(26, 162, 201, 1);
    border-bottom: solid 1pxrgba(26, 162, 201, 1);
}


 /* sloupce */
.top-600{
  margin-top: -600px;
}
.top-700{
  margin-top: -700px;
}
.top40{
  margin-top: 40%;
}
.top30{
  margin-top: 30%;
}
.left, .right{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.bun40{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}
.bun60{
    width: 60%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}
.bun30{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    background: rgba(255, 255, 255, 1);
    z-index: 2;
}
.bun70{
    width: 69.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}
.bun50{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.bun50.mensi{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.bun44{
    width: 44%;
        display: inline-block;
    vertical-align: top;

}
.bun44.mez{
    width: 44%;
    margin-right: 8%;
}
.height600{
  height: 600px;
}

@media all and (max-width: 600px) {
  .bun50, .bun44{
    width: 100%;
    float: left;
}
.bun44.mez{
    width: 100%;
    margin-right: 0%;
}
.height600{
  height: auto;
}
.top40{
  margin-top: 0%;
}
.top30{
  margin-top: 0%;
}
.bun40,
.bun60,
.bun30,
.bun70
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}

}

.left{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 3;
}
.bunka100{
  position: relative;
  z-index: 10;
  width: 100%;
  height: 700px;
  float: left;
  border: solid 10px rgba(255, 255, 255, 1);
  border-left: 0px
}
.bunka100 a.vse, .bunka50 a.vse, .bunka30 a.vse{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
}




.bunka100 h3 a, .bunka50 h3 a{
  color: rgba(255, 255, 255, 1);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.bunka30 h3 a{
  color: rgba(0, 0, 0, 1);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.bunka100 .text, .bunka50 .text{
  bottom: 5%;
  position: absolute;
  width: 100%;

}
.ostatni .bunka100 .text, .ostatni .bunka50 .text{
  bottom: 30%;
  position: absolute;
  width: 100%;

}
.bunka100 h3{

  font-size: 40px;
  font-weight: bold;
  width: 100%;
  padding-left: 10%;
  padding-right: 5%;
  padding-bottom: 15px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 2;
    position: relative;
}
.ostatni .bunka50 h3 ,
.ostatni .bunka50:hover h3
{
  padding-left: 0px;
  padding-bottom: 15px;

}
.ostatni .bunka30 h3, .ostatni .bunka30 p
{
  padding-bottom: 15px;

}
.ostatni .bunka50 h3 a,
.ostatni .bunka50:hover h3 a
{
  color: rgba(0, 0, 0, 1);
}
.ostatni .bunka50 .text h3 a

{
  color: rgba(255, 255, 255, 1);
}
.bunka50 .text h3, .bunka50:hover .text h3{

  font-size: 24px;
  font-weight: bold;
  width: 100%;
  padding-left: 10%;
  padding-right: 5%;
  padding-bottom: 15px;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 2;
    position: relative;
}
.bunka100 ul li a,
.bunka50 ul li a {
  font-size: 14px;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 5px;
  display: inline-block;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.bunka100 ul,
.bunka50 ul{
  position: relative;
  z-index: 2;
  padding-left: 0px;
  margin-left: 10%;
}
.bunka100 ul li,
.bunka50 ul li{
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  display: inline-block;

  margin-right: 5px
}
.bunka50{
  position: relative;
  width: 50%;
  height: 350px;
  float: left;
  border: solid 10px rgba(255, 255, 255, 1);

}
.ostatni .bunka50{
  position: relative;
  width: 49%;
  min-height: 490px;
  float: left;
  border: solid 0px rgba(255, 255, 255, 1);
  margin-bottom: 3%;
    margin-right: 2%;
}

.ostatni .bunka30{
  position: relative;
  width: 31%;
  height: 450px;
  min-height: 450px;
  float: left;
  border: solid 0px rgba(255, 255, 255, 1);
  margin-bottom: 3%;
    margin-right: 2%;
}
.ostatni .bunka30 a.vice{
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
  text-decoration: underline
}
.ostatni .bunka50 .nahled{
  position: relative;
  width: 100%;
  height: 75%;
  margin-bottom: 2%;
  overflow: hidden;


}


.ostatni .bunka30 .nahled{
  position: relative;
  width: 100%;
  height: 50%;
  margin-bottom: 2%;
  overflow: hidden;


}
.ostatni .bunka50:nth-child(2n) {
  position: relative;
  width: 49%;

  float: left;
  margin-right: 0%;
  margin-bottom: 2%;
}
.ostatni .bunka30:nth-child(3n) {
  position: relative;

  float: left;
  margin-right: 0%;
  /*margin-bottom: 2%;*/
}

.ostatni .bunka50.twenty{

  height: auto;
  min-height: auto;

  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.ostatni .bunka50.twenty:nth-child(2n) {
  height: auto;
  min-height: auto;

  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-right: 0%;
  margin-bottom: 2%;
}
.os


.bunka100:after, .bunka50:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background: rgba(0,0,0, 0);
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.6) 100%);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
      transition: all 0.4s;
}
.ostatni .bunka100:after, .ostatni .bunka50:after{
  display: none
}


.ostatni .bunka100 a.vse:after, .ostatni .bunka50 a.vse:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 75%;
  min-height: 300px;
background: rgba(0,0,0, 0);
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.6) 100%);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
 .ostatni.vypis .bunka50 {
   min-height: 460px;
}
 .ostatni.vypis .bunka50 .nahled{
   height: 80%;
}
.ostatni .bunka50:hover a.vse:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 75%;
  width: 100%;
  background: rgba(255, 255, 255, .85);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.ostatni.vypis .bunka50 .nahled:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background: rgba(0,0,0, 0);
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.6) 100%);
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
      transition: all 0.4s;
}

.ostatni.vypis .bunka50:hover .nahled:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .85);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.ostatni.vypis .bunka100 a.vse:after, .ostatni.vypis .bunka50 a.vse:after{
  display: none;
}

.bunka50:last-of-type:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .85);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.bunka50:hover:after, .bunka100:hover:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .85);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.bunka50:last-of-type a.link{
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  top: 50%;
  left: 0px;
  position: absolute;
  text-align: center;
  z-index: 1;
  color: rgba(0, 0, 0, 1);
  text-decoration: underline;
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.bunka50:last-of-type a.link:hover,.bunka50:hover:last-of-type a.link {
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
   /*color: rgba(1, 179, 225, 1)*/;

}
.bunka100:hover .text h3 a,
.bunka100:hover .text ul li a,
.bunka50:hover .text h3 a,
.bunka50:hover .text ul li a
{
  color: rgba(0, 0, 0, 1);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}




 /* mobil levy pravy sloupec */
 @media all and (max-width: 900px) {
.uvnitr{
  padding-left: 20px;
  padding-right: 20px;
}
.left, .right{

    width: 100%;
    position: relative;

}
.top-600, .top-700{
  margin-top: 0px;
  padding: 10px
}
.ostatni .bunka30{
  width: 49%;
}

.ostatni .bunka30:nth-child(2n) {
  position: relative;
  width: 49%;
  margin-right: 0%;
  margin-bottom: 2%;
}
.ostatni .bunka30:nth-child(3n) {
  position: relative;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.bunka100{
  width: 100%;
  border: solid 20px  rgba(255, 255, 255, 1);
  border-left: solid 20px rgba(255, 255, 255, 1)
}
.bunka50 {
  margin-bottom: 100px;


}
.bunka50 .text{
  bottom: auto;
  top: 350px;
  position: absolute;
  width: 100%;

}
.bunka50 .text h3, .bunka50 .text ul {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
}
.bunka50 .text h3 a,
.bunka50 .text ul li a{
  color: rgba(0, 0, 0, 1);
}

.bunka50:last-of-type a.link{
  top: 350px;
  text-align: left;
  font-size: 24px;
        font-weight: bold;

}



.ostatni .bunka50 .text{

  top: auto;
  position: absolute;
  width: 100%;

}
.ostatni .bunka50 .text h3, .ostatni .bunka50 .text ul {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 5%;
  padding-right: 0px;
  margin-left: 0px;
}
.ostatni .bunka50 .text h3 a,
.ostatni .bunka50 .text ul li a{
 color: rgba(255, 255, 255, 1);
}

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


.bunka100{
  height: 380px;
  margin-bottom: -30px;
}
.bunka50 {
  margin-bottom: 60px;
  height: 250px;

}
.bunka50 .text{
  bottom: auto;
  top: 240px;
  position: absolute;
  width: 100%;

}

   .ostatni .bunka100 a.vse:after, .ostatni .bunka50 a.vse:after{

  height: auto;
  min-height: 300px;

}
    .ostatni.vypis .bunka50, .ostatni .bunka50 {
min-height: min-content;
margin-bottom: 45px;
}

.bunka50 .text h3, .bunka50:hover .text h3
{
  font-size: 16px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.ostatni .bunka50 h3, .ostatni .bunka50:hover h3 {
        padding-left: 20px;
}

.ostatni .bunka50 h3 a, .ostatni .bunka50:hover h3 a {
        font-size: 17px;
        font-weight: bold
}


.bunka50:last-of-type a.link{
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  top: 240px;

}
.bunka50 .text ul li a{
  font-size: 9px;
  float: left;
}

.bunka100 ul li a, .bunka50 ul li a {
        font-size: 9px;

}

.ostatni .bunka30,
.ostatni .bunka30:nth-child(2n),
.ostatni .bunka30:nth-child(3n)
 {
  width: 100%;
  margin-bottom: 20px;
}

.ostatni .bunka30 h3,
.ostatni .bunka30:nth-child(2n) h3,
.ostatni .bunka30:nth-child(3n) h3,
.ostatni .bunka30 a.vice,
.ostatni .bunka30:nth-child(2n) a.vice,
.ostatni .bunka30:nth-child(3n) a.vice,
.ostatni .bunka30 p,
.ostatni .bunka30:nth-child(2n) p,
.ostatni .bunka30:nth-child(3n) p
 {

padding-left: 20px;
padding-right: 20px;
}
.ostatni .bunka50,
.ostatni .bunka50:nth-child(2n),
.ostatni.vypis .bunka50:nth-child(2n)

 {


  width: 100%;

  height: auto;
  min-height: min-content;
  margin-bottom: 45px;
}
.ostatni .bunka50 .nahled,
.ostatni .bunka50:nth-child(2n) .nahled
{
height: 300px;


}
.ostatni .bunka50 .text{

  top: auto;
  margin-top: 10px;
  bottom: auto;
  position: relative;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;

}
.ostatni .bunka50 p{
padding-left: 20px;
  padding-right: 20px;
}
.ostatni .bunka50 .text ul {
  display: none;
}
.ostatni .bunka50 .text h3{
  padding-left: 0px;
  margin-bottom: 15px;
}
.ostatni .bunka50 .text h3 a{
  color: rgba(0, 0, 0, 1);
}

.ostatni{
  padding-left: 0px;
  padding-right: 0px;

}


}









 /* ikony na uvodu */
div.postava{

    width: 20%;
    margin-right: 1%;
    float: right;

    max-width: 100px
}

div.postava img{
  width: 100%;

}
div.postavaikony{

    margin-left: 1%;
    float: left;
    width: 75%;

}

div.postavaikony div.ikona1{
  background: url(kolo1.png) no-repeat left;
  background-size: 70px;
  height: 70px;
  margin-bottom: 10px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
}
div.postavaikony div.ikona2{
  background: url(kolo2.png) no-repeat left;
  background-size: 70px;
  height: 70px;
    margin-bottom: 10px;
      width: 45%;
        display: inline-block;    vertical-align: top;
         margin-left: 1%;
}
div.postavaikony div.ikona3{
  background: url(kolo3.png) no-repeat left;
  background-size: 70px;
  height: 70px;
    margin-bottom: 10px;
      width: 45%;
        display: inline-block;
          vertical-align: top;
           margin-left: 1%;
}
div.postavaikony div.ikona4{
  background: url(kolo4.png) no-repeat left;
  background-size: 70px;
  height: 70px;
    width: 45%;
      display: inline-block;
        vertical-align: top;
         margin-left: 1%;
}


div.postavaikony div.ikona1 p, div.postavaikony div.ikona2 p, div.postavaikony div.ikona3 p, div.postavaikony div.ikona4 p{
  float: left;
  margin-left: 90px;
  font-size: 18px;
}
div.postavaikony div.ikona1 p{
  color: #006699;
}
div.postavaikony div.ikona2 p{
  color: #ff6600;
}
div.postavaikony div.ikona3 p{
  color: #009900;
}
div.postavaikony div.ikona4 p{
  color: #ff0000;
}



div.postavaikony p strong{

  font-size: 24px;
}



 @media all and (max-width: 640px) {
 div.postavaikony div.ikona1,  div.postavaikony div.ikona2,  div.postavaikony div.ikona3,  div.postavaikony div.ikona4{

  background-size: 40px;
  height: 40px;
  margin-bottom: 10px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

div.postavaikony div.ikona1 p, div.postavaikony div.ikona2 p, div.postavaikony div.ikona3 p, div.postavaikony div.ikona4 p{

  font-size: 14px;
    margin-left: 50px;
    line-height: 19px;

}
div.postava{
  margin-top: 50px;
}

div.postavaikony p strong{

  font-size: 18px;
}

}

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

  div.postavaikony div.ikona1,  div.postavaikony div.ikona2,  div.postavaikony div.ikona3,  div.postavaikony div.ikona4{

  background-size: 40px;
  height: 40px;
  margin-bottom: 10px;
  width: 90%;
  display: inline-block;
  vertical-align: top;
}
}



/*
paticka
 */

/* Paticka */

div#paticka{
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  min-height: 300px;
  text-align: center;
  padding-top: 50px;

}

div#paticka .uvnitr{
  background: url(camera.png) no-repeat right bottom;
  background-size: 300px;
}

div#paticka .uvnitr .text1{
  display: inline-block;
  vertical-align: top;
}
div#paticka


.texty .kontakty{
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
  width: auto;
}

.texty ul
{
  margin-bottom: 40px;
}
.texty ul li
{
  list-style: none;
  position: relative;
  font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    line-height: 200%;
    padding-left: 25px;

}
.texty ul li:after
{
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  width: 17px;
  height: 17px;
    filter: invert(1);
  background: url(check.svg) no-repeat;

}
.kontakty li, .texty .kontakty li{
  position: relative;
  list-style: none;
  padding-left: 40px;
  height: 50px;
  line-height: 50px;

}
.kontakty li a{
  color: rgba(0, 0, 0, 1);
}
.kontakty li.email:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 15px;
  width: 20px;
  height: 20px;
  background: url(mail.svg) no-repeat 0 0px;
  background-size: 20px;
  filter: invert(0);

}
.kontakty li.telefon:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 15px;
  width: 20px;
  height: 25px;
  background: url(phone.svg) no-repeat 0 0px;
  background-size: 20px;
  filter: invert(0);

}

/* formular v paticce */

.formular{
  width: 70%;
  margin-top: 40px;
  position: relative;
}
.formular button{
  background: rgba(6, 158, 87, 1); 
  font-size: 19px;
  font-weight: 600;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  float: left;
  color: rgba(255, 255, 255, 1);
  font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
}
.formular .form50{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
}

.formular .form50 p{
  font-size: 14px;
  color: rgba(89, 94, 95, 1);
  margin-bottom: 10px;
}
.formular .form50 p input{
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
  border-right: solid 2px rgba(0, 0, 0, 1);
  border-bottom: solid 2px rgba(0, 0, 0, 1);
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.formular .form50 p textarea{
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
  border-right: solid 2px rgba(0, 0, 0, 1);
  border-bottom: solid 2px rgba(0, 0, 0, 1);
  width: 100%;
  height: 147.5px;
  line-height: 30px;
}
/* copyright */


div#paticka .patlogo{

  display: inline-block;
  z-index: 1;
  margin-top: -10px;

  margin-left: 0px;
  margin-right: 5%;
  text-align: left;




    height: 60px;
  width: 160px;

  background: url(logo.svg) no-repeat left;
  background-size: 160px;


}
div#paticka .copy{
  color: rgba(89, 94, 95, .5);
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
div#paticka .copy a{
  color: rgba(89, 94, 95, .5);
  font-size: 13px;
}

div#paticka .socialni{
  position: absolute;
  right: 20px;
  text-align: right;
  bottom: 55px;
}

div#paticka .socialni li{
  display: inline-block;
  margin-left: 10px;
  list-style: none
}


div#paticka .socialni li a{
  width: 22px;
  height: 22px;
  display: block;
  position: relative;
}
div#paticka .socialni li a.facebook{
  background: url(facebook.svg);
  background-size: 22px;
}
div#paticka .socialni li a.instagram{
  background: url(instagram.svg);
  background-size: 22px;
}
div#paticka .socialni li a.youtube{
  background: url(youtube.svg);
  background-size: 22px;
}
div#paticka .socialni li a span{
  display: none;
}


@media all and (max-width: 800px) {
div#paticka .uvnitr{
  background: none
}

div#paticka .copy{
  color: rgba(89, 94, 95, .5);
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
div#paticka .formular{

  width: 100%;
}
div#paticka .form50:nth-of-type(2){
  padding-right: 0px;
}
}

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


div#paticka .form50 {
  padding-right: 0px;
  width: 100%;
}
.kontakty {
  width: 100%;
        margin-left: 0%;
}
}

/*
 tlacitko nahoru
  */
#back-top {
    position: fixed;
    bottom: 10px;
    left: 20px;
    z-index: 100;
}

#back-top a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    text-decoration: none;
    color: #fff;
    /* zpomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;

   background:   rgba(6, 158, 87, 1); 
    position: relative;
    z-index: 11111111;

}
#back-top a:hover {
    color: #fff;
}


#back-top a::before {
    content: "\f105";
    font-family:"FontAwesome";
    text-align: center;
    top: 0px;
    right: 0px;
 font-size: 32px;
 font-weight: 300;
 position: absolute;
 z-index: 11111111;
    color: rgba(255, 255, 255, .8);
    width: 40px;
    height: 40px;
    line-height: 40px;
        -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);






}



/* formular */
div.pruh-obrazek{
   width: 100%;
   min-height: 550px;
   background: url(../obrazky/camera.jpg);
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top left;
   background-color: rgba(252, 210, 28, 1);


}


 div.pruh-obrazek .bunka{
   width: 50%;
   float: left;
   text-align: left;
}


 div.pruh-obrazek .bunka.right{
width: 40%;
    float: left;
    margin-left: 30%;
}
 div.pruh-obrazek .bunka.right2{
   width: 20%;
   float: right;
  margin-left: 5%;
    margin-right: 5%;
   text-align: right;
}





 div.pruh-obrazek .bunka h3{
   font-size: 45px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
   padding-top: 50px;
}
 div.pruh-obrazek .bunka h4{
   font-size: 33px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   padding-bottom: 30px;
}

 div.pruh-obrazek .bunka p{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
}

 div.pruh-obrazek .bunka p strong{
   font-size: 18px;
   font-weight: 700;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
}
 div.pruh-obrazek .bunka p u{
   font-size: 15px;
   font-weight: 600;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   text-decoration: none
}
 div.pruh-obrazek .bunka p.radky{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   line-height: 30px;
   height: 32px;
   width: 100%;
}

 div.pruh-obrazek a.facebook{
   background-color: #3d5899;
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   color: #FFFFFF;

}
 div.pruh-obrazek a.instagram{
   background-color: #e92b59;
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   color: #FFFFFF;
}

 div.pruh-obrazek a.youtube{
   background-color: #ff0000;
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   color: #FFFFFF;

}




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

 div.pruh-obrazek{
   width: 100%;
   min-height: 550px;
   background: none;

   background-color: rgba(252, 210, 28, 1);


}

 div.pruh-obrazek .bunka.right{
   width: 55%;
   float: left;
   margin-left: 5%;
}

 div.pruh-obrazek .bunka.right2{
   width: 30%;
   float: right;
  margin-left: 0px;
    margin-right: 5%;
   text-align: right;
}
 div.pruh-obrazek .bunka h3{
   font-size: 30px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
   padding-top: 50px;
}
 div.pruh-obrazek .bunka h4{
   font-size: 20px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 30px;
   padding-bottom: 30px;
}

 div.pruh-obrazek .bunka p{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
}
 div.pruh-obrazek .bunka p.radky{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   line-height: 30px;
   min-height: 32px;
   width: 100%;
}


}

 div.pruh-obrazek .bunka.right_mobil{
   display: none;
}
@media all and (max-width: 600px) {

 div.pruh-obrazek{
   width: 100%;
   min-height: 550px;
   background: none;

   background-color: rgba(252, 210, 28, 1);


}

 div.pruh-obrazek .bunka.right{
   width: 90%;
   float: left;
   margin-left: 5%;
}

 div.pruh-obrazek .bunka.right2{
   width: 90%;
   float: left;
  margin-left: 5%;
    margin-right: 0%;
    padding-bottom: 30px;
   text-align: left;
   display: none;
}
 div.pruh-obrazek .bunka.right_mobil{
   display: block;
   width: 90%;
   float: left;
  margin-left: 5%;
    margin-right: 0%;
    padding-bottom: 0px;
   text-align: center;
}
 div.pruh-obrazek .bunka h3{
   font-size: 30px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
   padding-top: 20px;

}
 div.pruh-obrazek .bunka h4{
   font-size: 20px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   padding-bottom: 20px;
}

 div.pruh-obrazek .bunka.right_mobil h4{
   font-size: 20px;

   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 60px;
   padding-bottom: 0px;
   white-space: nowrap;
}
 div.pruh-obrazek .bunka.right_mobil h4 i{
   font-size: 20px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
   padding-top: 0px;
   padding-bottom: 20px;
   display: block
}

 div.pruh-obrazek .bunka p{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
}
 div.pruh-obrazek .bunka p.radky{
   font-size: 14px;
   font-weight: 400;
   color: rgba(49, 49, 49, 1);
   padding-top: 0px;
   line-height: 30px;
   min-height: 32px;
   width: 100%;
}


}



 div.pruh-obrazek input[type=text] {
   font-size: 14px;
   background-color: transparent;
   height: 30px;
   line-height: 30px;
   float: right;
   width: 70%;
    font-weight: 600;
   border-bottom: solid 1px rgba(255, 255, 255, 1)
}

 div.pruh-obrazek textarea {
   font-size: 14px;
   background-color: transparent;
   height: 60px;
   line-height: 17px;
   float: right;
   width: 70%;
    font-weight: 600;
   border-bottom: solid 1px rgba(255, 255, 255, 1)
}


 div.pruh-obrazek .pole-male {
   font-size: 14px;

   height: 39px;
   line-height: 39px;
   float: left;
   width: 120px;
    font-weight: 600;
    margin-right: 20px;
    margin-left: 30%;
    color: #000;
   border-bottom: solid 1px rgba(255, 255, 255, 1)
}
 div.pruh-obrazek .pole-male input{
   font-size: 14px;
   background-color: rgba(255, 255, 255, .1);
   height: 39px;
   line-height: 30px;
   float: right;
   width: 20px;
    font-weight: 600;
    margin-right: 0px;
    color: #000;
    width: 60%;

}

 div.pruh-obrazek input.pole-male::placeholder {
  color: black;
}


   /* normalni radio (jako tlacitko) */

input.zaskrkavatko[type="checkbox"] {
  display: none;
}
input.zaskrkavatko[type=radio], input.zaskrkavatko[type=checkbox] {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px;
}

input.zaskrkavatko[type="checkbox"], input.zaskrkavatko[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input.zaskrkavatko[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    color: #000000;
    font-weight: 600;

   }

input.zaskrkavatko[type="checkbox"]:not(:checked) + label, input.zaskrkavatko[type="checkbox"]:checked + label {
       position: relative;
    padding-left: 30px;
    cursor: pointer;


}




input.zaskrkavatko[type="checkbox"]:not(:checked) + label::before, input.zaskrkavatko[type="checkbox"]:checked + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
}

input.zaskrkavatko[type="checkbox"]:checked + label::after, input.zaskrkavatko [type="checkbox"]:checked + label::after {
    content: "✔";
    position: absolute;
    top: -7px;
    left: 4px;
    font-size: 23px;
    font-weight: 800;
    color: #000;
    transition: all 0.2s;
}

 button.bily, .vice.bily{
   cursor: pointer;
 color: rgba(0, 0, 0, 1);
 border-radius: 20px;
 font-size: 16px;
 font-weight: 500;
 padding: 10px;
 padding-left: 30px;
 padding-right: 30px;
  border: solid 1px rgba(255, 255, 255, 1);
 background: rgba(255, 255, 255, 1);


  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;

}

 button.bily:hover, .vice.bily:hover{
   cursor: pointer;
 color: rgba(255, 255, 255, 1);
 font-size: 16px;
 font-weight: 500;
 padding: 10px;
 padding-left: 30px;
 padding-right: 30px;
 border: solid 1px rgba(255, 255, 255, 1);
 background: transparent;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;

}
   @media all and (max-width: 700px) {
button.bily, .vice.bily {
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


div.pruh-obrazek .pole-male input{
  width: 50%;
}

div.pruh-obrazek input[type=text],  div.pruh-obrazek textarea{

    width: 60%;

}

div.pruh-obrazek .pole-male {
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    float: left;
    width: 100px;
    font-weight: 600;
    margin-right: 10px;
    margin-left: 40%;
    color: #000;
    border-bottom: solid 1px rgba(255, 255, 255, 1);
}
}



/*--- strankovani ---*/

.strankovani{
  text-align: center;
padding-right: 0px;
margin-top: 24px;
margin-right: 0px;
margin-bottom: 30px;
}
 .strankovani a{
background: #ffffff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
text-decoration: none;
width: 44px;
height: 44px;
font-size: 16px;
font-weight: 400;
line-height: 44px;
color : #000000;
display: inline-block;
border: 1px solid #ffffff;
position: relative;
vertical-align: top;
font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
}
 .strankovani a:hover{

text-decoration: none;
border: 1px solid #000000;
 -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
}
 .strankovani a.static{
   font-weight: 700;
color: #008aba;
}




 .strankovani a.predchozi,  .strankovani a.dalsi{
border: solid 1px rgba(217, 217, 217, 1);

}
 .strankovani a.predchozi:hover,  .strankovani a.dalsi:hover{
border: solid 1px rgba(0, 0, 0, 1);

}
 .strankovani a.predchozi:after{


position: absolute;
        content: "";
        left: 0px;
        width: 44px;
        height: 44px;
        background: url(arrow.svg) no-repeat center;
        background-size: 15px;

}
 .strankovani a.dalsi:after{
   position: absolute;  
content: "";
        left: 0px;
        transform: rotate(180deg);
        width: 44px;
        height: 44px;
        background: url(arrow.svg) no-repeat center;
        background-size: 15px;

}


.predpo{
  width: 48%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
  margin-right: 1%;
}
.predpo img{
/*  min-width: 100%;
  min-height: 500px;*/


}

 @media all and (max-width: 900px) {
.predpo{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin-left: 0%;
  margin-right: 0%;
}
.predpo img{
/*  min-width: 100%;
  min-height: 500px;*/


}
}

.spoluprace{
  width: 100%;
  margin-top: 40px;
}
.spoluprace li{
  margin-left: 0px;
  list-style: none;
  display: inline-block;
  width: 25%;
  text-align: center;
  padding: 5%;
  color: rgba(89, 94, 95, 1);
  font-size: 14px;
  font-weight: 500;
 font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
   position: relative;
   padding-top: 70px;
   padding-bottom: 0px;
   vertical-align: top;
}
.spoluprace li:after{
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  top: 0px;
  height: 50px;
  background-color: rgba(6, 158, 87, 1); 
  border-radius: 50%;
}

.spoluprace li:nth-child(1):after{
  background: url(icon1.svg) no-repeat 13px 12px;
  background-color: rgba(249, 97, 168, 1);
  filter: invert(1);
}
.spoluprace li:nth-child(2):after{
  background: url(icon2.svg) no-repeat 13px 12px;
  background-color: rgba(249, 97, 168, 1);
  filter: invert(1);
}
.spoluprace li:nth-child(3):after{
  background: url(icon3.svg) no-repeat 13px 12px;
 background-color: rgba(249, 97, 168, 1);
  filter: invert(1);
}
.spoluprace li:nth-child(4):after{
  background: url(icon4.svg) no-repeat 13px 12px;
 background-color: rgba(249, 97, 168, 1);
  filter: invert(1);
}
.spoluprace li:before{
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  right: -10px;
  top: 10px;
  background: url(arrow_seda.svg) no-repeat;
  background-size: 29px;
}
.spoluprace li:last-child:before{
  background: none
}

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

.spoluprace li{
  width: 100%;
  margin-bottom: 30px;
  padding-top: 60px;
}

.spoluprace li:before{
  display: none;
}

}



/* fotogalerie */

.foto{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  height: 300px;
  float: left;
  position: relative;
}

.foto:nth-of-type(3n){
  margin-right: 0%;

}



.foto a{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.foto a:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: rgba(255, 255, 255, 0);
}
.foto a:hover:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: rgba(255, 255, 255, .5);
}
.foto .nahled{
  width: 100%;
  height: 260px;

}
.foto p{
  font-size: 13px;
  color: rgba(127, 132, 134, 1);
  margin-top: 10px;
}

.fotogalerie2 .foto{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  height: 400px;
  float: left;
  position: relative;
}
.fotogalerie2  .foto .nahled{
  width: 100%;
  height: 360px;

}
.fotogalerie2 .foto:nth-of-type(2n){
  margin-right: 0%;

}
.fotogalerie2 .foto:nth-of-type(3n){
/*  margin-right: 2%;   */

}
.video{
  height: 770px;
}

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

 .foto{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  height: auto;
  float: left;
  position: relative;
}
.video{
  height: 700px;
}

.foto:nth-of-type(3n){
  margin-right: 2%;

}
.foto:nth-of-type(2n){
  margin-right: 0%;

}
}

@media all and (max-width: 600px) {
 .video{
  height: 400px;
}
 .foto, .fotogalerie2 .foto{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 2%;
  height: 300px;
  float: left;
  position: relative;
}
.fotogalerie2 .foto .nahled{
  height: 260px;
}

.foto:nth-of-type(3n), .fotogalerie2 .foto:nth-of-type(3n){
  margin-right: 0%;

}
.foto:nth-of-type(2n), .fotogalerie2 .foto:nth-of-type(2n){
  margin-right: 0%;

}
.foto p, .fotogalerie2 .foto p{
  font-size: 13px;
  color: rgba(127, 132, 134, 1);
  margin-top: 10px;
  text-align: center;
}
}



.bunkaseda{
  background-color: rgba(217, 217, 217, .2);
  width: 100%;
  padding: 10%;
  margin-bottom: 5%;
}

.texty .kontakty{
  position: relative;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 20px;


}
.texty .socialni{
  position: relative;
  width: 100%;
  margin-bottom: 0px;


}

.texty .socialni li{
  display: inline-block;
  width: 30px;
  padding-left: 0px;
  list-style: none
}
.texty .socialni li:after{
  display: none;
}
.texty .socialni li:nth-of-type(2){
  text-align: center;
}
.texty .socialni li:nth-of-type(3){
  text-align: right;
}
.texty .socialni li a{
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
}
.texty .socialni li a.facebook{
  background: url(facebook.svg);
  background-size: 22px;
}
.texty .socialni li a.instagram{
  background: url(instagram.svg);
  background-size: 22px;
}
.texty .socialni li a.youtube{
  background: url(youtube.svg);
  background-size: 22px;
}
.texty .socialni li a span{
  display: none;
}

.padding_left_10_prc{
  padding-left: 10%;

}

@media all and (max-width: 600px) {
.padding_left_10_prc{
  padding-left: 0%;

}
}


 /* dobeckova navigace */
.pruhdrobeckova{
  z-index: 100;
  width: 100%;
  text-align: center;

  position: relative;

}
ul#nadpisy-kat{
  z-index: 100;
  width: auto;
  margin-left: 0px;
  text-align: left;
  margin-bottom: 0px;
  padding-top: 0px;

      padding-bottom: 20px;
  padding-top: 20px;


}


@media only screen and (max-width: 1024px) {
  .pruhdrobeckova{
  z-index: 100;
  width: 100%;
  text-align: center;
      background-color: rgba(255, 255, 255, .5);
  position: relative;

}
  .mezera2{
  width: 100%;
  clear: both;
  position: relative;
  height: 20px;
}
  .pruhdrobeckova .uvnitr{

  width: 100%;


}
ul#nadpisy-kat{
  z-index: 100;
  text-align: left;
  margin-bottom: 0px;
  width: 100%;
  float: none;


}

}



ul#nadpisy-kat li{
  vertical-align: top;
  display: inline-block;
  line-height: 20px;
  padding-left: 20px;
  position: relative;

}
ul#nadpisy-kat li::after{
  position: absolute;
  content: '/';
  font-size: 15px;
  font-weight: 100;
  right: 0px;
  right: -15px;
  color: rgba(112, 112, 112, 1);
}
ul#nadpisy-kat li:nth-of-type(1){
  padding-left: 0px;
}
ul#nadpisy-kat li:nth-last-of-type(1)::after{
  position: absolute;
  content: '';

}


ul#nadpisy-kat li a{
color: rgba(112, 112, 112, 1);

  font-size: 15px;
  font-weight: 300;
  position: relative;
  line-height: 20px;
  display: inline-block;
  text-decoration: none


}
ul#nadpisy-kat li a.aktivni{
color: rgba(112, 112, 112, 1);

  font-size: 15px;
  font-weight: 400;
  position: relative;
  line-height: 20px;
  display: inline-block;
  text-decoration: underline


}
ul#nadpisy-kat li a.prvni{
color: rgba(112, 112, 112, 1);

   font-size: 15px;
  height: 20px;
  padding-right: 0px;
      margin-left: 0px;


}



.fotka30_prava
{
float: right;
        width: 30%;
        margin-bottom: 30px;
        height: auto;
        margin-left: 30px;
}


@media all and (max-width: 600px) {
.fotka30_prava {
        width: 100%;
        margin-bottom: 30px;
        height: auto;
        margin-left: 0px;
}
}


/* ceník */


.tabulka.aktivni
{
 display: grid;
  grid-auto-flow: column;
}
.tabulka
{
 display: grid;
 margin-bottom: 50px;
  grid-auto-flow: column;
  display: none
}
.cenik.sirka25
{

}
.cenik.sirka33
{

}


.submenu
{
  margin-bottom: 20px;
  min-height: 57px;

}
.submenu li
{
  border: solid 1px rgba(217, 217, 217, 1);
  float: left;
  font-size: 16px;
  font-weight: bold;
font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  color: rgba(0, 0, 0, 1);
  width: 217px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  cursor: pointer;
}

.submenu li.aktivni
{
  border: solid 1px rgba(0, 0, 0, 1);
  float: left;
  font-weight: bold;
font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  background: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
}


@media all and (max-width: 600px) {
 .submenu li
{
  border: solid 1px rgba(217, 217, 217, 1);
  float: left;
  font-size: 13px;
  font-weight: bold;
font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  color: rgba(0, 0, 0, 1);
  width: 50%;
  height: 57px;
  line-height: 57px;
  text-align: center;
}

}


.tab
{
  display: none;
 }
 .tab.aktivni
{
  display: block;
 }
.cenik
{
  float: left;
  margin-bottom: 20px;

  border-right: solid 1px rgba(217, 217, 217, 1)

}
.zn
{
  background-color: rgba(242, 251, 252, 1);
}
.cenik:last-of-type
{
  float: left;
  border-right: solid 1px rgba(217, 217, 217, 0)

}
.cenik div
{
  padding: 20px

}

.cenik div:nth-of-type(1)
{

  text-align: center;
}
.cenik div:nth-of-type(2)
{
     border-top: solid 1px rgba(217, 217, 217, 1);
  text-align: left;
}
.cenik div h3
{
  font-size: 19px;
  font-weight: bold;
font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  height: 40px;
}
.cenik div:nth-of-type(1) p
{
  margin-bottom: 0px;
  padding-bottom: 0px;
  height: 74px;
  font-size: 12px;
}
.cenik div:nth-of-type(2) p
{
  margin-bottom: 0px;
  padding-bottom: 0px;
  height: auto;
  margin-bottom: 15px;

  font-size: 13px;
}
.uvnitr .texty .cenik div h4, .bunka h4
{
  font-size: 30px;
  font-weight: bold;
   font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
  height: 40px;
}




.cenik ul
{
  margin-bottom: 40px;
}
.cenik ul li
{
  list-style: none;
  position: relative;
  font-family: 'Barlow', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    line-height: 200%;
    padding-left: 25px;
    text-align: left;

}
.cenik ul li:after
{
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  width: 17px;
  height: 17px;
  background: url(check.svg) no-repeat;

}
.bottom50
{
  padding-bottom: 30px;
}
@media all and (max-width: 700px) {
.bottom50
{
  padding-bottom: 0px;
}
.tabulka.aktivni
{
        display: grid;
        grid-auto-flow: unset;
}
.tabulka
{
        display: none;
        grid-auto-flow: unset;
}
.cenik
{
  float: left;
  border-right: solid 1px rgba(217, 217, 217, 0)

}
.cenik div:nth-of-type(1)
{
    border-bottom: none;
  text-align: center;
}
.cenik div:nth-of-type(2)
{
    border-top: none;
  text-align: center;
}
.cenik div:nth-of-type(1) p
{
    border-bottom: solid 1px rgba(217, 217, 217, 1);
  text-align: center;
  height: 45px;
  margin-bottom: 20px;
}
}





	form label.error {color:  #ffffff; position: absolute;  background:rgba(204,0,0,1); padding: 5px; -moz-border-radius: 10px;

        margin-left: 0px;
        margin-top: -56px;
display: block;
opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

   	form label#osobni-error {color:  #ffffff; position: absolute;  background:rgba(204,0,0,1); padding: 5px; -moz-border-radius: 10px;
 margin-left: 0px;
top: -10px; display: block;

opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}


   #form_sub input[type=text].error {
        border: 1px dotted rgba(204, 0, 0, 1);
        background: rgba(255, 204, 102, 1)
}
  #form_sub input[type=checkbox].error:before {
    content: "";
    position: absolute;
        border: 1px dotted rgba(204, 0, 0, 1);
        background: rgba(255, 204, 102, 1)
}

p{
/*  text-align: justify;  */
}
p.hlaska{

width: fit-content;
        margin-bottom: 20px;
        background-color: rgba(79, 206, 93, 1);
        padding: 12px;

  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: bold;

}

ol li{
margin-left: 30px;
padding-left: 10px;
  position: relative;
}
ol li::marker{
  color: rgba(255, 255, 255, 1);
}
ol li::after{
  content: "";
  z-index: -1;
left: -26px;
        top: -2px;
        width: 28px;
        height: 28px;
  border-radius: 50%;
  position: absolute;
background: rgba(6, 158, 87, 1); 

}

#mail-status{

width: fit-content;
        margin-bottom: 20px;
        padding: 12px;
            font-family: 'Open Sans', sans-serif;
  color:  rgb(40, 40, 40);
  font-size: 16px;
  font-weight: bold;

}

	  .error{background-color: #F7902D;  margin-bottom: 40px;}
	  .success{background-color: #48e0a4; }