/*Box-model padding a border se nepricitavaji*/
*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


html{font-size:10px;-webkit-tap-highlight-color:transparent; 
--cerna: rgba(53,53,53,1.0);
--cerna08: rgba(53,53,53,0.8);
--cerna05: rgba(53,53,53,0.5);
--cerna02: rgba(53,53,53,0.2);

--text: rgba(53,53,53,1.0); /*OK*/  

--bila: rgba(255,255,255,1.0);
--bila08: rgba(255,255,255,0.8);
--bila05: rgba(255,255,255,0.5);

--bg1: rgba(65,65,0,1.0);
--bg0: rgba(65,65,0,1.0);
--bg2: rgba(65,65,0,1.0);

--zelena: rgba(65,65,0,1.0);
--zelena08: rgba(65,65,0,0.8);
--zelena05: rgba(65,65,0,0.5);

--cervena: rgba(205,0,0,1.0);
--cervena08: rgba(205,0,0,0.8);
--cervena05: rgba(205,0,0,0.5);

--zlata: rgba(193,113,61,1.0);

}

.mt4 {margin-top: 4rem!important;}
.mb4 {margin-bottom: 4rem!important;}

/*Fonty*/
@font-face {
  font-family: 'Pismo';
  src: url('../fonts/merriweather/Merriweather-Regular.ttf');
    font-style: normal;
    font-weight:400;
}

@font-face {
  font-family: 'PismoL';
  src: url('../fonts/merriweather/Merriweather-Light.ttf');
    font-style: normal;
    font-weight:300;
}

@font-face {
  font-family: 'PismoM';
  src: url('../fonts/merriweather/Merriweather-Medium.ttf');
    font-style: normal;
    font-weight:600;
}

@font-face {
  font-family: 'PismoB';
  src: url('../fonts/merriweather/Merriweather-Bold.ttf');
    font-style: normal;
    font-weight:800;
}

/* Scaffolding */
html,
body {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 10px;
}

body {
  font-family: 'Pismo', sans-serif;
  font-weight: 400;
  line-height: 1.778;
  color: var(--cerna);
  /*background-image: url("../img/bg.png");*/
  background-repeat: repeat;
  background-position: bottom center;
  background-attachment: fixed!important;
  background-size:1rem 1rem;
  background-color: var(--bila);

}


ol, ul, ol, p {font-size: 1.6rem; margin-left:0rem!important; }
li {margin-bottom:1rem; text-align: left;}
h1, h2, h3, h4, h5, h6 {
  font-family: 'PismoL', sans-serif;
  font-weight: 300;
}

.seo {font-size:0rem}
.male {font-size: 1.4rem; margin-top: -1rem;}

.ikona {font-size: 3.5rem; padding: 2rem 1rem!important; color: var(--cerna); line-height:2!important;}
.ikona a {font-size: 3.5rem!important; color: var(--cerna)!important;}


a {
  color: var(--cerna);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.pulka {width:50%;float: left;}
.tretina {width:calc((100%/3)*1);float: left; text-align: center;}
.tretina p{text-align: center!important;}
.tretina img{width: 100%; height: auto;}
.ctvrtina {width:25%;float: left; text-align: left;}
.ctvrtina p{text-align: left!important;}
/* Backgrounds */

.pulka .in{height:100%; padding:0rem 10% 2rem 10%!important; margin:auto; line-height: 1.5;}

.partneri {max-height:5rem; margin:1rem 3rem 6rem 1rem;}

.bg-holder-1 {
  margin-top: 0rem;
  margin-bottom:0rem;
}

.bg-holder {
  width: 100%;
  height: 75vh;
  height: 75%;
  
  background-size: cover;
  background-position: 50% 50%;
  color:  var(--bila);
  position: relative;
  margin:0rem;
}

.navigace {position: absolute; bottom:0rem;}


.bg-holder .content {
  color:  var(--bila);
  text-align: center;
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0rem auto 0rem auto!important;
  max-width: 1024px; 
  padding:3rem 3% 3rem 3%;  

}

h2 {
  font-family: 'PismoL', sans-serif;
  font-weight: 300;
  font-size: 5.5rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding: 0rem  1.5rem 1.5rem  1.5rem;
  margin-bottom:2rem!important;
  /*text-shadow: 1px 1px 4px var(--cerna05);*/
  color: var(--zlata);
    }
h3 {
  font-size: 4.5rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding: 0rem  1.5rem 1.0rem  0rem;
  margin-bottom:1.5rem!important;
  margin-top:1.5rem!important;
  /*text-shadow: 1px 1px 2px var(--cerna);*/
  color: var(--zelena);
  font-family: 'PismoL';
  }

.bg-holder h3 {
    font-family: 'PismoL';
    /*text-shadow: 1px 1px 2px var(--cerna);*/
  }

 h3 span {
  font-size: 2.2rem;
  line-height: 1.5;
  display: block;
  text-transform: none!important;
  
}

.bg-holder h3 span {
  font-family: 'PismoL';
}

.menu_n {
  font-size: 1.6rem!important;
  line-height: 1.5;
  text-align: left;
  text-transform: none!important;
  background-image: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 2rem  1.5rem 1rem  1rem;
  margin-bottom:0rem!important;
  }

/* Content Sections */

section {
  padding: 3rem 3% 3rem 3%;
  margin:0 auto;  
}

section .content {
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}

section .content1 {
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}

section p {
  line-height:1.5;
  margin: 0;
   margin-bottom:1rem;
   text-align: left;
}

section a {
  color:  var(--cerna);
  text-decoration: none;
  font-weight: 400;
  }

section a:hover {
  text-decoration: none;
}


/*section p + p {
  text-indent: 2rem;
 
} */

section + hr {
  border: 0;
  border-top: 1px solid  var(--cerna);
  height: 0;
}


a:hover{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.trans {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}


.logo {position: absolute; top: 25%; width:100%; min-height: 50rem;  margin:auto; background-image: url('../img/logo_radany1.png'); background-position: center center; background-size:auto  100%; background-repeat: no-repeat; margin: 0rem auto 0rem auto; z-index:1; padding: 0rem!important; z-index:2}
.logo h1{font-size:0.0rem!important; color: transparent!important; background: transparent!important; }

#header{background: var(--bila); color: var(--cerna); width:100%; z-index:10; position: fixed; top:0; text-align: center; padding:0rem!important; margin:0rem!important; text-align: center; }




@media (max-width: 992px) {

.logo {position: absolute; top: 10rem; width:100%; min-height: 15rem;  margin:auto; background-image: url('../img/logo_radany1.png'); background-position: center center; background-size:auto  100%; background-repeat: no-repeat; margin: 0rem auto 0rem auto; z-index:1; padding: 0rem!important; z-index:2;}

h2 {
  font-family: 'PismoL', sans-serif;
  font-weight: 300;
  font-size: 5rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding: 0rem  1.5rem 1.5rem 1.5rem;
  margin-bottom:4rem!important; 
}
h2 span{
  font-size: 2.5rem;
  line-height: 1.5;
  display: block;
  text-transform: none!important;
}

h3 {
  font-size: 3.5rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding:3%;
}

h3 span {
  font-size: 2.0rem;
  line-height: 1.5;
  display: block;
  text-transform: none!important;
  margin-bottom:0.5rem;
}

.menu_n {
  font-size: 2rem!important;
  line-height: 1.5;
  text-align: left;
  text-transform: none!important;
  background-image: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 2rem  1.5rem 1rem  1rem;
  margin-bottom:0rem!important;
  }


ol, ul, ol, p {font-size: 1.4rem;}
li {margin-bottom:1rem;}

section {
  padding: 1.0rem 3% 1.5rem 3%;
 }

}

/******/
.footer1{
text-align: center!important;
width: 100%;
padding:1rem 0rem 1rem 0rem!important;
color:  var(--cerna);
margin: 0rem auto 0rem auto;
line-height:1.0;
}
.footer1 p{
margin-top: 1.5rem!important;
text-align: center!important; 
}

.clear{clear:both;}

table{border-collapse: collapse; border:0.0rem solid; border-color:  var(--cerna); text-align: left; width:100%}
th, td {text-align: left; font-size: 1.4rem;}


/*Menu*/
.nav_desktop{position: fixed; top:0; right:0; background: var(--bila); height: 6.2rem; width:100%; z-index:10000; text-align: left; -webkit-box-shadow: 0rem 0.2rem 1.0rem 0rem var(--cerna05); box-shadow: 0rem 0.2rem 1.0rem 0px var(--cerna05); z-index:1000001; -webkit-transition: width .5s; transition: width .5s; padding:0 5% 0 5%;}
.nav_desktop_hl{float:right;margin:1.5rem 0 0 0%; font-size: 1.6rem; -webkit-transition: width .5s; transition: width .5s;}

.nav_desktop_hl{padding-left:0;margin-bottom:0;list-style:none; -webkit-transition: width .5s; transition: width .5s;}
.nav_desktop_hl li{position:relative;display: inline-block; text-transform: none!important;}
.nav_desktop_hl li a{position:relative;display:block;padding:0rem 0rem 0rem 0rem;}
.nav_desktop_hl li a{font-size:1.6rem!important;}
.nav_desktop_hl li a:hover, .nad-submenu>ul>li a:active{}

.nav_desktop .navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 1.6rem;
  text-transform: none!important;
  background: url(../img/logo_radany.svg) no-repeat left top;
  background-size: 100%;
  top: 0.8rem;
  left:0;
  position: relative;
  width: 5.5rem;
  height:5.5rem;
  text-indent: -99999.9rem;
  -webkit-transition: .2s all;
  transition: .2s all;
  z-index:10000000000;  
  float: left;
}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

.coll_n{background: var(--bila)!important; height: 4rem!important; }
.coll_n_h{margin-top:0.5rem!important;}
.coll_n_l{margin-top:-0.6rem!important; width: 4.3rem!important; height:4.3rem!important;}


@media screen and (max-width: 1255px) {
.nav_desktop_hl {display: none;}
}

@media screen and (min-width: 1255px) {
.menu_t{display: none!important;}
.menu_block_m{display: none!important;}
}

.trans{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.trans:hover{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

@media (max-width: 1255px) {
/*burger*/
.hamburger {position: fixed; top:0.5rem; right:0.5rem; z-index: 10000000; padding: 15px 15px; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none!important; background-color: transparent; border: 0; margin: 0; overflow: visible; -webkit-transition: .3s all;  transition: .3s all;}
.hamburger:hover {opacity: 0.9; }
.hamburger1 {top:0.0rem; -webkit-transition: .5s all;  transition: .5s all;}
.hamburger-box {width: 24px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -5px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 3px; background-color:  var(--cerna08); border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -8px; }
.hamburger-inner::after {bottom: -8px; }
.hamburger--vortex .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {transform: rotate(765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {top: 0; opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); }
}

/*burger*/
.menu-t a, .submenu_i a{text-decoration: none; display:block;}
.menu-t a:hover{text-decoration: none; display:block;}
.submenu_i a:hover{text-decoration: none; display:block;}

.sub{text-decoration: none; display:block; background-color: transparent!important;}
.sub:active{text-decoration: none!important; display:block; background-color: transparent!important;}
.sub:hover{text-decoration: none!important; display:block; background-color: transparent!important;}

.menu_t{float:left; padding:0rem .5% 1rem .5%;  border-top-style: solid;  border-top-width: 2px; border-color:transparent; margin: 0rem 3% auto 3%; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu_t:hover{float:left; padding:0.7rem .5% 1rem .5%; border-top-style: solid;  border-top-width: 2px; border-color:  var(--bila); margin: 0rem 3% auto 3%; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.menu-t{z-index:1;  font-weight: 400; font-size:1.6rem; width:100%; background:var(--bila); position:fixed; text-align:center; height:0%; display:none; top:0!important;}
.menu-t_1{height:100%; display:block; z-index:1000000;}
.menu-t .in{padding:5% 5% 0% 5%; width:40%; float: left;}
.menu-t ul {padding: 0rem 0px 1.5rem 0.0rem;  list-style:none!important; }
.menu-t li {line-height:1.5; padding: 0.5rem 0px 0.5rem 2.0rem; text-align: left; list-style:none!important; text-transform: none!important;}
.menu-t li:hover {line-height:1.5; padding: 0.5remx 0px 0.5rem 2.0rem; text-align: left; }

.menu_block_m {position: absolute; width:auto; text-align:left; margin-left:2.0rem; margin-top:5.5rem; font-size: 1.6rem; line-height:2.0; }    

.minus{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.minus1{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus1{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.minus2{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus2{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.menu_sub {display:none; font-size:1.6rem; line-height:2; margin-left:0.2rem;}
.menu_sub1 {display:none; font-size:1.6rem; line-height:2; margin-left:0.2rem;} 
.menu_sub2 {display:none; font-size:1.6rem; line-height:2;  margin-left:0.2rem;} 

.menu_sub ul{margin:0!important;}
.menu_sub1 ul{margin:0!important;} 
.menu_sub2 ul{margin:0!important;} 

@media (max-width: 768px) {

@media (orientation: landscape) {
    .logo {position: absolute; top: 10rem; width:100%; min-height: 8rem;  margin:auto; background-image: url('../img/logo_radany1.png'); background-position: center center; background-size:auto  100%; background-repeat: no-repeat; margin: 0rem auto 0rem auto; z-index:1; padding: 0rem!important; z-index:2}
    .bg-holder-1 .content { top: 32rem!important;}
    .bg-holder-1 .content h2{font-size:1.6rem;}
    .menu-t{z-index:1;  font-weight: 400; font-size:1.6rem; width:100%; background:var(--bila); position:fixed; text-align:center; height:0%; display:none; top:0!important;}
    .menu-t_1{height:100%; display:block; z-index:1000000;}
    .menu-t .in{padding:0% 5% 0% 5%; width:90%; float: left;}
    .menu-t ul {padding: 0rem 0px 1.5rem 0.0rem;  list-style:none!important; }
    .menu-t li       {line-height:1.5; padding: 0.5rem 2rem 0.5rem 0rem!important; text-align: left; list-style:none!important; text-transform: none!important; display: inline-block;}
    .menu-t li:hover {line-height:1.5; padding: 0.5rem 2rem 0.5rem 0rem!important; text-align: left; }
    .menu_block_m {position: absolute; width:auto; text-align:left; margin-left:0.0rem; margin-top:3.0rem!important; font-size: 1.6rem; line-height:2.0; }
    }

    h2 {
  font-family: 'PismoL', sans-serif;
  font-weight: 300;
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding: 0rem  1.5rem 0rem 1.5rem;
  margin-bottom:2rem!important; 
}
h2 span{
  font-size: 1.6rem;
  line-height: 1.5;
  display: block;
  text-transform: none!important;
}

h3 {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none!important;
  padding:3%;
}

h3 span {
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
  text-transform: none!important;
  margin-bottom:0.5rem;
}


}

@media (orientation: landscape) {
.menu_block_m { margin-top:8.0rem!important; font-size: 1.7rem; line-height:2.2; }
.menu_sub {display:none; font-size:1.6rem; line-height:2; }
.menu_sub1 {display:none; font-size:1.6rem; line-height:2;} 
.menu_sub2 {display:none; font-size:1.6rem; line-height:2;}
}

.custom-link {
  font-weight: 400;
  font-size: 1.6rem;
  text-transform: none!important;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:4rem;

}

.custom-link.link-sm {
  font-size: 1.6rem;
}

.custom-link:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: var(--zlata);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.custom-link:hover {
  }


.custom-link:hover:before {
  width: 100%;
  background: var(--zlata);
}

/*Link - nemenu*/

.custom-link-a {
  font-weight: 400;
  font-size: 1.6rem;
  text-transform: none!important;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:0rem;
  text-align: left;
  text-transform: uppercase!important;
  }

.custom-link-a.link-sm {
  font-size: 1.6rem;
}

.custom-link-a:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: var(--zelena08);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link-a:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.custom-link-a:hover {
  }


.custom-link-a:hover:before {
  width: 100%;
  background: var(--zelena08);
}

.jcarousel .in{width:100%; padding:0% 0% 0% 0%; margin: auto; background-size:cover!important; background-position: center center; background-repeat: no-repeat;}
.jcarousel .in:hover{filter: saturate(1.6);}
.jcarousel a{display: block;}



/*********************************/
.jcarousel-wrapper {
    margin: 0rem auto 0rem auto;
    position: relative;
    border: 0px solid  var(--bila);                                                                                                                      
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 0px #999;
    box-shadow: 0 0 0px #999;
    background: none;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    line-height:0;
    background: none;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 25%;
    float: left;
}

.jcarousel li .in{
    padding:9rem 0rem;
}

.jcarousel h3{font-size:2.9rem; background-color:  var(--cerna05)!important; color:  var(--bila)!important; /*text-shadow: 1px 1px 3px var(--cerna05);*/ margin:auto 5%;}
.jcarousel h4{font-size:1.6rem; color:  var(--bila)!important; /*text-shadow: 1px 1px 3px var(--cerna05);*/}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top:-2rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background: var(--bila05);
    color:  var(--cerna);
    text-decoration: none;
    text-shadow: 0 0 1px  var(--cerna);
    font: 2.5rem/2.5rem Arial, sans-serif;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0px #F0EFE7;
    -moz-box-shadow: 0 0 0px #F0EFE7;
    box-shadow: 0 0 0px #F0EFE7;
}

.jcarousel-control-prev {
    left: 0px;
}

.jcarousel-control-next {
    right: 0px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: none;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background:  var(--bila0);
    color:  var(--text);
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 0px #4E443C;
    -moz-box-shadow: 0 0 0px #4E443C;
    box-shadow: 0 0 0px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}


@media (max-width:768px){
.pulka {width:100%;float: none;}
.tretina {width:100%;float: none; text-align: center;}
.ctvrtina {width:100%;float: none; text-align: center;}
}




.fotogalerie {position: fixed; top:0; left:0; height: 100%; width: 100%; background-color:  var(--bila); z-index:10000000; }
.zavrit {position:absolute; right:1rem; top:1rem; font-size: 1.6rem; z-index:10000001; text-align: right;}

@media screen and (max-width: 640px) {
.zavrit {position:absolute; right:0rem; top:0rem; font-size: 1.6rem; z-index:10000001; margin:auto;}
}


.cell-retro {width:100%; max-width: 800.0rem; float: none!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin:auto; margin: 4rem 0rem 4rem 0rem!important;}

/***Buňky cik-cak - NEWS***/
.cell {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: auto;  overflow: hidden; height: 40rem; margin:0!important; padding:0!important; margin: 1rem 0rem 1rem 0rem!important; border-bottom: 0.0rem solid var(--seda1); border-radius: 0rem; width: 100%}

.cell .image {background-attachment: local!important; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 55%; height: 40rem; margin:0!important; padding:0rem!important; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 20rem 0rem 0rem 20rem!important }
.cell .image:hover {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.cell .text {width:45%; height: 40.0rem; margin:0!important; padding:0rem 4rem!important; color: var(--text); text-align:left; position: relative; font-size: 1.4rem!important;}
.cell .text img{max-width:20rem; height: auto; max-height: 15rem; margin-top:2.0rem!important;}
.cell .text p{color: var(--text)!important; font-size: 1.6rem!important;}
.cell .text h3{font-size: 3.5rem!important; text-align: left!important; color: var(--zlata);}
.cell .text h3 span{display: block; font-weight:400; font-size: 2.0rem;  padding:0rem!important; color: var(--zelena);}

.cell.reverse .image {position: absolute; right: 0; text-align: center; border-radius: 0rem 20rem 20rem 0rem!important}
.cell.reverse .image img{height:auto!important; width: 100%!important; float:left; margin-left:-0.1rem; margin-top:-0.1rem;}

.cell.reverse .text {width: 45%; height: 40.0rem; margin:0!important; padding:0rem 4rem!important; color: var(--text); text-align: right; font-size: 1.4rem!important;}
.cell.reverse .text p{color: var(--text)!important; text-align: right; font-size: 1.6rem!important;}
.cell.reverse .text h3{font-size: 3.5rem!important; text-align: right!important;  padding:0rem!important; color: var(--zlata);}


/*Cikcak mobil*/

@media screen and (max-width: 1100px) {

.cell {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: auto;  overflow: hidden; height: 40rem; margin:0!important; padding:0!important; margin: 1rem 0rem 1rem 0rem!important; border-bottom: 0.0rem solid var(--seda1); border-radius: 0rem;}

.cell .image {background-attachment: local!important; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 50%; height: 40rem; margin:0!important; padding:0rem!important; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cell .image:hover {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.cell .text {width:50%; height: 30.0rem; margin:0!important; padding:0rem 4rem 1rem 4rem!important; color: var(--text); text-align: left; position: relative;}
.cell .text p{color: var(--text)!important; text-align: left}
.cell .text h3{font-size: 3.5rem!important; text-align: left!important;}
.cell .text h3 span{display: block; font-weight:400; font-size: 2.0rem; padding:0rem!important;}

.cell.reverse .image {position: absolute; right: 0; text-align: center;}
.cell.reverse .image img{height:auto!important; width: 100%!important; float:left; margin-left:-0.1rem; margin-top:-0.1rem;}

.cell.reverse .text {width: 50%; height: 40.0rem; margin:0!important; padding:0rem 4rem 1rem 4rem!important; color: var(--text); text-align: left}
.cell.reverse .text p{color: var(--text)!important; text-align: left}
.cell.reverse .text h3{font-size: 3.5rem!important; text-align: left; padding:0rem!important;}

}

@media screen and (max-width: 776px) {

.cell {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: auto;  overflow: hidden; height:auto; margin:0!important; padding:0!important; margin: 1rem 0rem 1rem 0rem!important; border-bottom: 0.0rem solid var(--seda1); border-radius: 0rem;}

.cell .image {background-attachment: local!important; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 40rem; margin:0!important; padding:0rem!important; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cell .image:hover {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.cell .text {width:100%; height: auto; margin:0!important; padding:0rem 0rem 2rem 0rem!important; color: var(--text); text-align:left; position: relative; font-size: 1.4rem!important;}
.cell .text p{color: var(--text)!important; font-size: 1.6rem!important;}
.cell .text h3{font-size: 2.6rem!important; text-align: left!important;  padding:0rem!important;}


.cell.reverse .image {position: relative; right: 0; text-align: center;}
.cell.reverse .image img{height:auto!important; width: 100%!important; float:left; margin-left:-0.1rem; margin-top:-0.1rem;}

.cell.reverse .text {width: 100%; height: auto; margin:0!important; padding:0rem 0rem 2rem 0rem!important; color: var(--text); text-align: left; font-size: 1.4rem!important;}
.cell.reverse .text p{color: var(--text)!important; text-align: left; font-size: 1.6rem!important;}
.cell.reverse .text h3{font-size: 2.6rem!important; text-align: left!important; padding:0rem!important;}

.cell .text img{display: none!important;}
.cell .image {border-radius: 8rem 0rem 8rem 0rem!important}
.cell.reverse .image {border-radius: 8rem 0rem 8rem 0rem!important}


}

.bg1 {background-color: var(--bg1)!important;
      /*background: linear-gradient(0deg, rgba(65,100,0,1.0) 0%, rgba(65,65,0,1.0) 100%);*/
      }

      

.bg0 {background-color: var(--bg0)!important;
      /*background: linear-gradient(0deg, rgba(65,100,0,1.0) 0%, rgba(65,65,0,1.0) 100%);*/
      }


.bg2 {background-color: var(--bg1)!important;
      /*background: linear-gradient(0deg, rgba(65,100,0,1.0) 0%, rgba(65,65,0,1.0) 100%);*/
      }

.btn{
display: block;
text-align: center; 
font-family: 'PismoM', sans-serif; 
color: var(--cerna); 
background: var(--bila); 
background-position: 0px 0px; 
font-size:1.6rem; 
cursor: pointer; 
border-radius:0.2rem; -webkit-transition: .2s all;  transition: .2s all; 
border:0.1rem solid; border-color: var(--zelena); color: var(--zelena); )
padding: 2.5rem 3rem!important;
width: auto;
margin: 2rem auto; 
}

.btn:hover{
font-family: 'PismoM', sans-serif;
border:0.1rem solid;  background-color: var(--bila); border-color: var(--cervena); color: var(--cervena); )
color: var(--cervena);
}

.btnz{
display: block;
text-align: center; 
font-family: 'PismoM', sans-serif; 
color: var(--cerna); 
background: var(--bila); 
background-position: 0px 0px; 
font-size:1.6rem; 
cursor: pointer; 
border-radius:0.2rem; -webkit-transition: .2s all;  transition: .2s all; 
border:0.1rem solid; border-color: var(--zelena); color: var(--zelena); )
padding: 2.5rem 3rem!important;
width: auto;
margin: 2rem auto; 
}

.btnz:hover{
font-family: 'PismoM', sans-serif;
border:0.1rem solid;  background-color: var(--bila); border-color: var(--cervena); color: var(--cervena); )
color: var(--cervena);
}


label{display:inline-block;max-width:100%;margin-bottom:0.5rem;font-weight:400}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:0.4rem 0 0;margin-top:0.1rem\9;line-height:normal}
input[type=file]{display:block}input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-0.2rem}output{display:block;padding-top:0.7rem;font-size:1.4rem;line-height:1.42857143;color:#999}
.form-control{font-size:1.4rem; display:block;width:100%;height:4rem;padding:1.0rem 1.0rem;line-height:1.42857143;color: var(--text); background: var(--bila);  background-image:none;border:0.1rem solid var(--text)!important;border-radius:0.0rem;-webkit-box-shadow:inset 0 0.1rem 0.1rem rgba(0,0,0,.075);box-shadow:inset 0 0.1rem 0.1rem rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus{border-color:var(--text); outline:0;-webkit-box-shadow:inset 0 0.1rem 0.1rem rgba(0,0,0,0),0 0 0.0rem rgba(102,175,233,0);box-shadow:inset 0 0.1rem 0.1rem rgba(0,0,0,0),0 0 0.8rem rgba(102,175,233,0)}
.form-control::-moz-placeholder{color: var(--cerna05); opacity:1; font-size:1.4rem; text-transform: none!important;}
.form-control:-ms-input-placeholder{color:var(--cerna05); font-size:1.4rem; text-transform: none!important;}
.form-control::-webkit-input-placeholder{color:var(--cerna05);font-size:1.4rem; text-transform: none!important;}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:var(--bila);opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}

.form-field {padding: 1rem 0rem;}

.podform {color: var(--bila)!important}
.podform a{color: var(--bila)!important}

.btn1{
text-align: left; 
font-family: 'Texty', sans-serif; 
color: var(--text); 
background: var(--zelena); 
background-position: 0px 0px; 
font-size:1.4rem; 
cursor: pointer; 
border-radius:0.2rem; -webkit-transition: .2s all;  transition: .2s all; 
border:0.1rem solid; border-color: var(--text); color: var(--text); )
}

.btn1.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0.0rem auto -webkit-focus-ring-color;outline-offset:-0px}
.btn1:active {-webkit-transition: .2s all;  transition: .2s all; background: var(--bila);}
.btn1:hover { -webkit-transition: .2s all;  transition: .2s all; background: var(--text); color:var(--bila)}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{ -webkit-appearance: none; -moz-appearance: none; appearance: none; margin:auto; margin-bottom: 4rem; height: 4rem; border:1px solid  var(--zelena); color:  var(--white); padding:1.1rem 1.6rem 1.1rem 1.6rem; background: var(--cervena); letter-spacing:0.1rem; font-size:1.4rem; border-radius: 0.2rem; text-transform: none!important;
}


.odeslat1{width:100%; text-align:center; margin:1.5rem auto auto auto; margin-bottom:0rem!important; height: 4rem; border:1px solid  var(--cerna); color:  var(--bila); padding:1.1rem 1.6rem 1.1rem 1.6rem; background: var(--cerna); letter-spacing:0.1rem; font-size:1.4rem; border-radius: 0.2rem; text-transform: none!important; -webkit-appearance: none; -moz-appearance: none; font-family: 'Medium', sans-serif; appearance: none;}
.odeslat1:hover{background-color: var(--cervena)!important; color: var(--bila)!important; border:1px solid  var(--cervena);}

/*.odeslat1{background: var(--zelena);  display:inline-block;padding:1.2rem 2.2rem 1.1rem 2.2rem;margin-bottom:0;font-size:1.4rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.1rem solid; border-color: var(--bila); color: var(--bila)!important; margin-top:1rem; width:100%; font-family: 'Medium', sans-serif; text-transform: none;}*/
/*.odeslat1:hover{background: var(--cerna)!iumportant; border-color: var(--bila); color: var(--bila)!important; text-transform: none; margin-top:1rem; width:100%;}*/

.odeslat2{background: var(--cerna)!important;  display:inline-block;padding:1.2rem 2.2rem 1.1rem 4.2rem;margin-bottom:0;font-size:1.4rem; line-height:1.5;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.1rem solid; border-color: var(--bila); color: var(--bila)!important; margin:1rem auto; width:100%; font-family: 'Medium', sans-serif;  text-transform: none;}
.odeslat2:hover{background: var(--cervena)!important; border-color: var(--cervena); color: var(--bila)!important; text-transform: none; margin-top:1rem; width:100%;}


.bg0 h2{color: var(--bila)!important}
.bg1 h2{color: var(--bila)!important}
.bg1 h3{color: var(--bila)!important; font-family: 'Pismol', sans-serif; }
.bg2 h2{color: var(--bila)!important}

.bg0 p{color: var(--bila)!important}
.bg1 p{color: var(--bila)!important}
.bg2 p{color: var(--bila)!important}

.h-zelena {color: var(--zelena)!important}

.imgonas {width: 100%!important; height: auto; margin: -4rem auto 2rem auto!important}

@media screen and (max-width: 776px) {
.imgonas {width: 100%!important; height: auto; margin: 2rem auto 2rem auto!important}
}

.footer1 a {
  color: var(--bila)!important;
  text-decoration: none;
}

.footer1 a:hover {
  text-decoration: underline!important;
}

.ytp {float: left; width: 7rem; height: 6.5rem; background: url(../img/ytp.svg) no-repeat center center; background-size: 4.5rem 4.5rem; }
.igp {float: left; width: 7rem; height: 6.5rem; background: url(../img/igp.svg) no-repeat center center; background-size: 4.5rem 4.5rem; }
.fbp {float: left; width: 7rem; height: 6.5rem; background: url(../img/fbp.svg) no-repeat center center; background-size: 4.5rem 4.5rem; }
.pip {float: left; width: 7rem; height: 6.5rem; background: url(../img/pip.svg) no-repeat center center; background-size: 4.5rem 4.5rem; }
.wap {float: left; width: 7rem; height: 6.5rem; background: url(../img/wap.svg) no-repeat center center; background-size: 4.5rem 4.5rem; }
.pdf {float: left; width: 10rem; height: 10rem; background: url(../img/pdf.svg) no-repeat center center; background-size: 8rem 8rem; margin-top:-4rem; }

.download {margin: 1rem auto 0rem auto!important; display:block;}