html, body {
    margin: 0;
    height: 100%;
	   font-family: "Barlow Semi Condensed", sans-serif;
	   scroll-behavior: smooth;
}
.seo-nadpis span, .logo span {
    position: absolute;
    text-indent: -9999px;
}
.menumezera{
    height: 120px
}
@media (max-width: 1200px) {
.menumezera{
    height: 100px
}
}	
	
.window100 {
    height: 100vh;
}

.swiper {
    width: 100%;
    height: 100%;
	text-align: center;

 min-height: 600px;
   
}
/* SLIDE */
.swiper-slide {
    position: relative;
	 min-height: 600px;
	overflow: hidden
	
}

/* OBRAZEK – plynulý zoom */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transform: scale(1);
    transition: transform 9s linear; /* DLOUHÝ, KLIDNÝ */
}

/* zoom běží jen na aktivním slidu */
.swiper-slide-active img {
    transform: scale(1.2);
}

.seo-clanecky .swiper-slide-active img {
    transform: scale(1);
}
/* jemný filmový overlay (fixní, NEANIMOVAT!) */
.hero-slider .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("pattern.png");
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.9;              /* uprav dle chuti */
    pointer-events: none;
    z-index: 1;
}
.seo-clanecky .swiper-slide::after {
    content: "";
   
}

   


/* TEXT */
.caption {
    position: absolute;
	text-align: left;
    top: 30vh;
width: 90%;
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
    z-index: 2;
	left: 50%;
    transform: translateX(-50%);

}

.caption h2 {
     font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 100px;
	 font-weight: 600;
    line-height: 100px;
    color: rgba(255,255,255,0.85);
    margin: 0;
	margin-bottom: 20px;
}
.caption p {
     font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 20px;
	 font-weight: 600;
    line-height: 100px;
    color: rgba(255,255,255,0.85);
    margin: 0;
	margin-bottom: 20px
}

/* FADE – jemná křivka */
.swiper-fade .swiper-slide {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ŠIPKY */
.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}


.cenik {
    border-collapse: collapse; /* spojí vnitřní čáry */
	width: 100%
}

.cenik th,
.cenik td {
    padding: 20px;
}

/* čára jen doprava a dolů */
.cenik th:not(:last-child),
.cenik td:not(:last-child) {
    border-right: 1px solid black;
}

.cenik tr:not(:last-child) th,
.cenik tr:not(:last-child) td {
    border-bottom: 1px solid black;
}
.v200{

    height: 200px;

}
.cenik-wrap {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-top: 40px;
}

/* sloupce */
.cenik-left {
    flex: 1;
}

.cenik-right {
    flex: 1;
    font-size: 16px;
}

/* seznamy */
.cenik-right ul {
    margin: 10px 0 30px;
    padding-left: 20px;
}

.cenik-right li {
    margin-bottom: 8px;
    line-height: 1.5;
}

/* nadpisy v pravém sloupci */
.cenik-right h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .cenik-wrap {
        flex-direction: column;
        gap: 30px;
    }
}
.cenik-right ul {
    list-style: disc;      /* zapne tečky */
    padding-left: 20px;    /* odsazení teček */
}




.double-wave {
     position: relative;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); /* přesně vycentruje střed divu */
    
    width: 200px;
    height: 200px;
    background-image: url('cara.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.decor-line {
    width: 100%;
    height: 1px;
    background: #c9c9c9;
    margin: 40px 0;
    position: relative;
}

/* spodní „oblouček“ */
.decor-line::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);

    width: 100%;
    height: 14px;

    background: radial-gradient(
        ellipse at center top,
        rgba(0,0,0,0.15) 0%,
        rgba(0,0,0,0.05) 35%,
        rgba(0,0,0,0.02) 60%,
        transparent 70%
    );
}

/* defaultně skryj položky od 9. dál */
.vybaveni li:nth-child(n+9) {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    height: 0;
    margin: 0;
    padding: 0;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

/* po rozbalení */
.vybaveni.show-all li {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    height: 90px;
    margin-bottom: 3px;
}

.vybaveni {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.vybaveni li {
    width: calc(25% - 5px);
    height: 90px;
	background-color: #f2f1f0;
		-webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
	    z-index: 2;
	position: relative;
	gap: 20px

}

.vybaveni li:hover {
transform: scale(1.05);
		-webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
box-shadow: 0 0 50px rgba(0,0,0,0.1);
	 z-index: 3;
	position: relative;
	
}
    

a.vice {

    border-radius: 20px;
    border: 1px solid rgba(127,120,112,1);
    padding: 10px 20px;
	font-weight: 300;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(127,120,112,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;
}

.seo-clanecky a.vice {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
	}

a.vice:hover {

    border-radius: 20px;
    border: 1px solid rgba(127,120,112,1);
	color: rgba(255,255,255,1.00);
    padding: 10px 20px;
	font-weight: 300;
    position: relative;
 
    align-items: center;
    gap: 10px;
    background-color: rgba(127,120,112,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;
}
.seo-clanecky a.vice:hover {
    position: absolute;

	}

/* šipka */
a.vice::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    display: inline-block;
}
.caption a.vice {

    border-radius: 20px;
    border: 1px solid rgba(255,255,255,1);
    padding: 10px 20px;
	font-weight: 300;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: 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;
}
.caption a.vice:hover {

    border-radius: 20px;
    border: 1px solid rgba(255,255,255,1);
	color: rgba(0,0,0,1.00);
    padding: 10px 20px;
	font-weight: 300;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: 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;
}


.vybaveni li a {
    display: flex;
    justify-content: left;  /* celý blok na střed */
    align-items: center;      /* vertikální střed */
    gap: 10px;
    padding: 15px;
    height: 100%;
    text-align: left;
}
.vybaveni li i {
    width: 40px;
    font-size: 30px;
    flex-shrink: 0;       /* ikona se nezmenšuje */
}

.vybaveni li span {
    font-size: 16px;
}	
	.fa-thin-like {
    font-weight: 300;     /* ztenčí tvar */
    opacity: 0.75;        /* lehčí vizuál */
    transform: scale(0.95);
}
	


@media (max-width: 1300px) {
.vybaveni li {
    width: 49%;
	display: inline-block;
	vertical-align: top;
	height: 90px;
	background-color: rgba(127,120,112,.1);
	
	margin-bottom: 3px
 
}
}
@media (max-width: 600px) {
.vybaveni li {
    width: calc(50% - 5px);
 
}
	
.vybaveni li span {
    font-size: 16px;
}
	.vybaveni li span span{
   display: none
}
}

.vyb-item {
    position: relative;
   
}

/* Hover náhled */
.vyb-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 0;
}

.vyb-item:hover::after {
    opacity: 0.15;
}

.vyb-item a {
    position: relative;
    z-index: 2;
}

/* Detail po kliknutí */
.vyb-detail {
    position: absolute;
    left: 0;
	
    bottom: 120%;
    width: 100%;
    background: #fff;
    box-shadow: 0 -10px 30px rgba(0,0,0,.5);
    padding: 10px;
    display: none;
    z-index: 99999999999;
}

.vyb-detail img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 8px;
}

.vyb-detail p {
    font-size: 14px;
    line-height: 1.4;
}

.vyb-detail .close {
    position: absolute;
    top: -6px;
    right: -6px;

    width: 30px;
    height: 30px;
    border-radius: 50%;

    background: rgba(127, 120, 112, 1);
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    line-height: 1;
    cursor: pointer;

    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    transition: transform .2s ease, box-shadow .2s ease;
}

/* jemný hover efekt */
.vyb-detail .close:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0,0,0,0.35);
}
	@media (max-width: 768px) {
.vybaveni li:hover {
transform: scale(1.0);
		-webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
box-shadow: 0 0 50px rgba(0,0,0,0.1);
	 z-index: 3;
	position: relative;
	
}
  
    .vybaveni li {
        width: 100%;
   
    }

    .vyb-detail {
    position: relative;
        bottom: 500px;
        box-shadow: none;
        margin-top: 10px;
        border: 1px solid #ddd;
    }

        
}

@media (max-width: 700px) {
    .caption {
        top: 43vh;
     
        width: 100%;
        text-align: center;
    }
    .caption h2 {
        font-size: 35px;
        line-height: 35px;
    }
	
	 .caption p {
        font-size: 14px;
        line-height: 14px;
    }
}


.intro {
    display: flex;
    gap: 40px;
	text-align: left
}


/* levý sloupec */
.intro-text {
    width: 50%;
}

/* pravý sloupec */
.intro-image {
    width: 50%;

}

/* řada fotek */
.image-row {
    display: flex;
	
    gap: 20px;
}

.image-row img {
    width: 50%;
    height: 450px;
    object-fit: cover;
    display: block;

}

/* posunutí druhé fotky */
.image-row img.shifted {
    position: relative;
    top: 40px;
}

/* =========================
   MOBIL / TABLET
   ========================= */
@media (max-width: 900px) {

    .intro {
        flex-direction: column;
    }

    .intro-text,
    .intro-image {
        width: 100%;
    }

    .image-row {
        flex-direction: column;
        gap: 16px;
    }

    .image-row img {
        width: 100%;
        height: 300px;
    }

    .image-row img.shifted {
        top: 0; /* zruší posunutí na mobilu */
    }
}

	
	
/* btn-next ovál */
	 .btn-prev {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);

  width: 50px;
  height: 50px;
  background: rgba(0,0,0,.2);
  border-radius: 50px;  /* ovál */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0px;
 
  cursor: pointer;
  border: solid 1px #fff;
}
.btn-next {
  position: absolute;
  bottom: 30px;
  left: 50%;
	margin-left: -25px;
  transform: translateX(-50%);
	transform: rotate(180deg);
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50px;  /* ovál */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0px;
 
  cursor: pointer;
  border: solid 1px #000;
}
	 .btn-next.home {
		 z-index: 1;
  position: absolute;
  bottom: 30px;
  left: 50%;
	margin-left: -25px;
  transform: translateX(-50%);
	transform: rotate(180deg);
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,.0);
  border-radius: 50px;  /* ovál */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0px;
 
  cursor: pointer;
  border: solid 1px #fff;
}

/* tečky pro next */
.btn-next .dots, .btn-prev .dots {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 7px;
}

.btn-next .dots span {
  width: 2px;
  height: 2px;

  border-radius: 50%;
  margin: 2px 0;
  opacity: 0.3;
  animation: dotsFade 1.8s infinite;
}
.btn-next.home .dots span {

  background: #fff;

}
.btn-prev .dots span {
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  margin: 2px 0;
  opacity: 0.3;
  animation: dotsFade 1.8s infinite;
}

.btn-next .dots span:nth-child(3) { animation-delay: 0s; }
.btn-next .dots span:nth-child(2) { animation-delay: 0.3s; }
.btn-next .dots span:nth-child(1) { animation-delay: 0.6s; }
.btn-prev .dots span:nth-child(3) { animation-delay: 0s; }
.btn-prev .dots span:nth-child(2) { animation-delay: 0.3s; }
.btn-prev .dots span:nth-child(1) { animation-delay: 0.6s; }

/* šipka dolů */
.btn-next .arrow, .btn-prev .arrow {
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 14px;
  opacity: 0.3;
  position: relative;
  animation: dotsFade 1.8s infinite;
  animation-delay: 0.9s;
}

/* šipka dolů pomocí before/after */
.btn-next .arrow::before,
.btn-next .arrow::after
 
	 {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  background: #000;
  left: 50%;
  transform-origin: top center;
}


	 .btn-prev .arrow::before,
.btn-prev .arrow::after,
	 	 .btn-next.home .arrow::before,
.btn-next.home .arrow::after
	 
	 {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  background: #fff;
  left: 50%;
  transform-origin: top center;
}
.btn-next .arrow::before, .btn-prev .arrow::before {
  transform: translateX(-50%) rotate(45deg);  /* pravá odvěsna */
}

.btn-next .arrow::after, .btn-prev .arrow::after {
  transform: translateX(-50%) rotate(-45deg); /* levá odvěsna */
}

/* základní nastavení šipek */
.swiper-button-next,
.swiper-button-prev {
    width: 60px;   /* velikost šipky */
    height: 60px;
    color: #fff;
}




.seo-clanecky .swiper-button-next,
.seo-clanecky .swiper-button-prev {
	border: solid 1px  rgba(127,120,112,1);
	border-radius: 50%;
	width: 40px;
	height: 40px;
    color: rgba(127,120,112,1);
}

.seo-clanecky .swiper-button-next {

	left: 50px;
	top: 80%
}
.seo-clanecky .swiper-button-prev {

	left: 0px;
		top: 80%
}
@media all and (max-width: 900px) {

.seo-clanecky .swiper-button-prev {
    right: 50px;
    left: auto;
    top: 60px;
}

.seo-clanecky .swiper-button-next {
    right: 0px;
    left: auto;
    top: 60px;
}
}

/* odstraníme defaultní „široké“ svg/ikonu */
.swiper-button-next::after,
.swiper-button-prev::after {
    content: none; /* odstraní defaultní šipky */
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
    display: block;
    width: 20px;   /* délka šipky */
    height: 20px;
    border-top: 1px solid #fff;    /* tenká linie */
    border-right: 1px solid #fff;  /* tenká linie */
    transform: rotate(45deg);      /* směr šipky */
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
		
}
.seo-clanecky .swiper-button-next::after,
.seo-clanecky .swiper-button-prev::after {
    content: "";
    display: block;
    width: 15px;   /* délka šipky */
    height: 15px;
    border-top: 1px solid  rgba(127,120,112,1);
    border-right: 1px solid  rgba(127,120,112,1);

}

.seo-clanecky .swiper-button-next::after {

	margin-left: -5px
	
}
.seo-clanecky .swiper-button-prev::after {

	margin-left: 5px
	
}

.swiper-button-prev:hover::after {
	margin-left: -10px;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
	.swiper-button-next:hover::after {
	margin-right: -10px;
	    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* posunutí šipek vlevo a vpravo */
.swiper-button-prev::after {
    transform: rotate(-135deg);
}
/* animace teček a šipek - jen opacity (rozsvěcování/zhasínání) */
@keyframes dotsFade {
  0%, 20% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}


/* CSS reset */
* {
  margin: 0;
  padding: 0;
  border: 0;
}
*, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6,p {
	font-size:100%;
	font-weight:normal;
}

/* General Demo Style */
body{

	background: #fff;
	min-height: 100%;
	width: 100%;
	overflow-x: hidden


}
.center{
text-align: center
}
a{
	color: #333;
	text-decoration: none;
	display: inline-block
}
p{
	color: #333;
	font-size: 16px;
	line-height: 1.5;

}
.page p{
padding-bottom: 20px
}
p a{
text-decoration: underline;
  cursor: pointer
}
.both{
	clear: both
}


/* hlavicka */
div#head{
	left: 0px;
	top: 0px;
	height: 80px;
  width: 100%;
	background-color: rgba(255,255,255,.90);	
	border-bottom: solid 2px rgba(255,255,255,1.00);
	position: absolute;
	text-align: right;

	z-index: 4

}
div#head.ostatni{
	left: 0px;
	top: 0px;
	height: 200px;
  width: 100%;

	position: relative;
	text-align: right;
	background: url( "../modules/slides/images/AdobeStock_77572731.jpeg");
	background-size: cover;
    background-position: 0% 0%;
	border: none;
	z-index: 4

}


div#head.ostatni:after {
    content: '';
    background: transparent url(../modules/slides/images/pattern.png) repeat bottom right;
	position: absolute;
    width: 100%;
    height: 100%;
	top: 0px;
    left: 0px;
	z-index: 0
}


div#head.ostatni .nadpis {
 
	    position: absolute;
	text-align: center;
    width: 100%;
    height: 80px;
	z-index: 2;
	top: 80px;
	left: 0px
} 
div#head.ostatni .nadpis:after {
    content: '';
	border-top: solid 0.5px rgba(255,255,255,.5);
	  position: absolute;
    width: 100%;
    height: 0.5px;
	z-index: 2;
	top: 0px;
	left: 0px
} 

div#head.ostatni .nadpis h1{
 
  font-family: 'Youth', Arial, sans-serif;
    font-size: 40px;
	color: rgba(255,255,255,1.00);
	padding-top: 20px;
	padding-bottom: 15px
} 
@media screen and (max-width: 600px) { 
div#head.ostatni .nadpis h1{
 
  font-family: 'Youth', Arial, sans-serif;
    font-size: 29px;
	color: rgba(255,255,255,1.00);
	padding-top: 20px;
	padding-bottom: 15px
} 
}

div#head.ostatni .nadpis p{
	 text-align: center;
	 width: 100%;
 
	 position: relative;
font-size: 16px;
	 color: rgba(255,255,255,1.00);
	 font-family: "Din", sans-serif;
	 line-height: 1.5em;
} 

div#head.ostatni .nadpis p a{
	display: inline-block;
	 color: rgba(255,255,255,1.00);
} 

div#head.ostatni .nadpis p a:hover{
	text-decoration: underline
} 

/* logo */

div#head .logo{
    height: 140px;
  width: 200px;
  display: block;
  position: absolute;
	left: 0px;
	top: 0px;
  z-index: 10;
  text-align: left;
  background: url(logo.svg) no-repeat 20px 20px;
  background-size: 160px;
	background-color: rgba(127,120,112,1.00)


}



@media all and (max-width: 1200px) {
	div#head .logo{
    height: 80px;
  width: 114px;
  display: block;
  position: absolute;
	left: 0px;
	top: 0px;
  z-index: 10;
  text-align: left;
  background: url(logo.svg) no-repeat 10px 10px;
  background-size: 94px;
	background-color: rgba(127,120,112,1.00)


}

div.social {
    position: relative;
    float: right;
	margin-right: 80px;
    bottom: 0px;
    z-index: 3;
    text-align: right;
    height: 80px;
    width: auto;
}
}	 
	 

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




div.social{
position: relative;
	float: right;
	bottom: 0px;
	z-index: 3;
	text-align: right;
	height: 80px;
	width: auto;

}




div.social a{
	border-radius: 50%;
	display: inline-block;
	color: rgba(127, 120, 112, 1.00);
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 25px;
	text-align: center;
	margin-right: 10px;
	position: relative;


}
div.social a:nth-last-of-type(1){
	display: inline-block;
	margin-right: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
}






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


div.page {
	position: relative;
	width: 90%;
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 60vh
}
div.uvnitr {


	max-width: 1360px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}

/* soubory */
div.soubornormal{
    width: 240px;
    height: 240px;
    background-color: #ECECEC;
    display: inline-block;
    vertical-align: top;
    float: none;
    /* margin-left: 5px; */
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    margin-right: 20px;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

div.soubornormal p
{
  position: relative;
  color: #000000;

  font-size: 16px;
	line-height: 1.5em;
	font-family: "Din", sans-serif;
  text-transform: none;
  margin-top: 100px;
  display: inline-block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 20px;
  min-height: 50px;
  text-align: center;

}
div.soubor p::after, div.soubornormal p::after{
  content: "";
  width: 50px;
  height: 50px;
  background: url(059-file.svg) no-repeat;
  
  background-size: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -60px;
}




 div.soubor a,   div.soubornormal a{
  background-color: #000000;
	 border: solid 1px rgba(0,0,0,1.00);
    display: inline-block;

    height: 40px;
	 width: 40px;

    text-transform: uppercase;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;


    bottom: -50px;
    left: 0px;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
        color: #ffffff;
    
        z-index: 10;
        border-radius: 50%



}


div.soubor a:hover,  div.soubornormal a:hover{

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;
		 border: solid 1px rgba(0,0,0,1.00);

background: rgba(255, 255,255, 1); /* Old browsers */



}


div.clear{
	clear: both
}



.page h2 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 30px;
}

.line-title {
    position: relative;
    overflow: hidden; /* zabrání přetečení čáry */
}

.line-title span {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}

/* čára pouze do šířky .page */
.line-title span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100%;                 /* max = šířka rodiče */
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
}


/* =========================
   PATIČKA
========================= */

.paticka {
    width: 100%;
    background-color: rgba(127, 120, 112, 1);
    color: #fff;
    padding: 60px 0 30px;
}

/* odkazy */
.paticka a {
    color: #fff;
    text-decoration: none;
}

/* obecné řádky */
.footer-row {
    margin-bottom: 30px;
    text-align: center;
}

/* =========================
   LOGO
========================= */

.footer-logo .logo {
    margin: 0 auto;
}




.footer-logo  .logo{
    height: 90px;
  width: 150px;
  display: block;
	left: 0px;
	top: 0px;
  z-index: 10;
  text-align: left;
  background: url(logo.svg) no-repeat top center;
  background-size: 120px;



}
/* =========================
   KONTAKT + SOCIAL + REZERVACE
========================= */

.footer-contact ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 22px;
}

.footer-contact li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-contact i {
    font-size: 24px;
}

/* social */
.footer-contact .social a {
    margin: 0 8px;
}

/* =========================
   REZERVACE – TLAČÍTKO
   (ZACHOVÁNO ČERVENÉ)
========================= */

.paticka a.rezervace {
    font-weight: 500;
    border-radius: 0px;
    border: 0px solid #902f2c;
    color: rgba(255, 255, 255, 1.00);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 40px;
	border-radius: 20px;
    white-space: nowrap;
    background-color: #902f2c;
    display: inline-flex;
    align-items: center;
	width: 100%;
    gap: 10px;
}

.paticka a.rezervace:hover {
    background-color: #7a2623;
    color: #fff;
}

/* =========================
   MENU
========================= */

.footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu a {
    font-size: 18px;
    font-weight: 500;
}

/* =========================
   COPYRIGHT
========================= */

.footer-copy {
    border-top: 1px solid rgba(255, 255, 255, .4);
    padding-top: 20px;
    font-size: 14px;
    opacity: 0.85;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .footer-contact ul {
        flex-direction: column;
        font-size: 20px;
    }

    .footer-menu ul {
        gap: 15px;
    }

}










/*
clanky
 */

.clan{
/*  position: absolute;*/
  width: 100%;
  min-height: 600px;
  margin-top: 0px;
/*  margin-bottom: 5%;   */
 overflow: hidden;
 z-index: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 70px;


}
.clan.vyska400{
/*  position: absolute;*/
  width: 100%;
  min-height: 420px;
  height: auto;
  margin-top: 0px;
/*  margin-bottom: 5%;   */
 overflow: hidden;
 z-index: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 0px;


}

.clan  .swiper-container {
  width: 100%;
  right: 0px;
  top: 0px;
  position: absolute;

}



.clan .swiper-slide{

text-align: center;
overflow: hidden;
/*max-height: 600px;
  height: 600px;*/
  width: 100%;
  position: relative;



}

/* .clan .swiper-container .bunka{

    width: 45%;
    top: 0px;
    text-align: left;
    height: 100%;
    position: relative;
    padding: 5%

}*/
 .clan  .bunka.prc10_right{

    padding: 5%;
    padding-top: 5% ;
    padding-right: 10%;
  padding-left: 0px;
    padding-bottom: 0px  
}
 .clan  .bunka{

    padding: 5%;
   
    padding-bottom: 0px


/*    padding-left: 0px; */
}
 .clan  .sipky{
 left: 3.5%;
    width: 40%;
    top: -21px;
    text-align: left;
    height: 100%;
    position: absolute;


}
.clan .obrlevy30{
 left: 0px;
 position: absolute;
    width: 30%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}

.clan  .obrpravy30{
 right: 0px;
 position: absolute;
    width: 30%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}
.clan  .obrlevy40{
 left: 0px;
 position: absolute;
    width: 40%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}

.clan  .obrpravy40{
 right: 0px;
 position: absolute;
    width: 40%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}
.clan  .obrlevy50{
 left: 0px;
 position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}
.clan  .obrpravy50{
 right: 0px;
 position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}
.clan .uvnitr{


}
/*.clan .obrpravy50:after,
.clan .obrlevy50:after

{
 right: 10%;

	content: "";
	border: solid rgba(255,255,255,1.00);

 position: absolute;
    width: 80%;
    height: 80%;

    top: 10%;


}*/

.clan  .obrlevy60{
 left: 0px;
 position: absolute;
    width: 55%;
    height: 100%;
    max-width: 1000px;
    top: 0px;
     background-position: center;
      background-size: cover;

}

.clan  .obrpravy60{
 right: 0px;
 position: absolute;
    width: 55%;
    height: 100%;
    top: 0px;
     background-position: center;
      background-size: cover;

}
.clan  .obrlevy70{
 left: 0px;
 position: absolute;
 z-index: 1;
    width: 63%;
    height: 100%;

    top: 0px;
     background-position: center;
      background-size: cover;

}

.clan .obrpravy70{
 right: 0px;
 position: absolute;
    width: 63%;
    height: 100%;

    top: 0px;
     background-position: center;
      background-size: cover;

}

@media all and (min-width: 1600px) {


     .clan .obrpravy70, .clan .obrlevy70{

    width: 58%;


}
}
 .clan  .obrlevy30 h2,
 .clan  .obrpravy30 h2,
 .clan  .obrlevy40 h2,
 .clan  .obrlevy40 h2,
 .clan  .obrpravy40 h2,
 .clan  .obrpravy50 h2,
 .clan  .obrlevy60 h2,
 .clan  .obrpravy60 h2,
  .clan  .obrlevy70 h2,
 .clan  .obrpravy70 h2,
  .clan  .obrlevy50 h2
 {

color: rgba(255, 255, 255, 1);
    font-size: 40px;
font-weight: 700;


position: absolute;

bottom: 10%;
	 left: 10%;
width: 70%;
text-align: left;
   text-shadow: 0px 0px 10px rgba(0,0,0,0.3);

}

 .clan  .bunka ul
 {


    font-size: 16px;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}	
 .clan .bunka ul
 {
	 margin-left: 10px;
}	
 .clan .bunka ul li
 {
	 list-style: disc;
 padding-bottom: 15px;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
   font-family: "Barlow Semi Condensed", sans-serif;
}

 .clan .bunka ul.odrazky li
 {

 margin-left: 0px;
 padding-bottom: 15px;
}
 .clan .bunka ul li a
 {
   color: rgba(0, 0, 0, 1);


    font-size: 16px;
}


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



 .clan  .obrlevy30,
 .clan  .obrpravy30,
 .clan  .obrlevy40,
 .clan  .obrpravy40,
 .clan  .obrlevy60,
  .clan  .obrlevy50,
 .clan  .obrpravy50,
 .clan  .obrpravy60,
  .clan  .obrlevy70,
 .clan  .obrpravy70
{
 right: 0px;
 position: relative;
    width: 100%;
    height: 400px;
    display: inline-block;
    margin-bottom: 0px;
     background-position: center;
      background-size: cover;

}
 .clan  .obrlevy30 h2,
 .clan  .obrpravy30 h2,
 .clan  .obrlevy40 h2,
 .clan  .obrpravy40 h2,
  .clan  .obrlevy50 h2,
 .clan  .obrpravy50 h2,
 .clan  .obrlevy60 h2,
 .clan  .obrpravy60 h2,
  .clan  .obrlevy70 h2,
 .clan  .obrpravy70 h2
 {

color: rgba(255, 255, 255, 1);
font-size: 30px;
                line-height: 34px;
                left: 5%;
                font-weight: 700;
    position: absolute;
    bottom: 15%;
    width: 90%;
text-align: left;
/*  font-family: 'Playfair Display', serif;*/
}


.clan{
/*  position: absolute;*/
  width: 100%;
  height: auto;
  margin-top: 0px;
/*  margin-bottom: 5%;   */
 overflow: hidden;
 z-index: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 70px;


}


.clan  .swiper-container {
  width: 100%;
  right: 0px;
  top: 0px;
  position: relative;

}



.clan .swiper-slide{

text-align: center;
overflow: visible;
max-height: none;
  height: auto;
  width: 100%;
  position: relative;



}




.clan .swiper-button-prev,
.clan .swiper-button-next,
.clan2 .swiper-button-prev,
.clan2 .swiper-button-next

 {

    width: 44px;
    height: 44px;
    border: solid 1px rgba(217, 217, 217, 1);
    border-radius: 50%;
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.clan .swiper-button-prev:hover,
.clan .swiper-button-next:hover,
.clan2 .swiper-button-prev:hover,
.clan2 .swiper-button-next:hover
{
    border: solid 1px 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;

}
.clan .swiper-button-prev {
  left: 0%;
  bottom: 10%;
  top: auto;
}
.clan .swiper-button-next {
  left: 1%;
  bottom: 10%;
  right: auto;
  margin-left: 54px;
  top: auto;
}
.clan .swiper-button-prev:after,
.clan2 .swiper-button-prev:after
 {
position: absolute;
        content: "";
        left: 0px;
        width: 44px;
        height: 44px;
        background: url(arrow.svg) no-repeat center;
        background-size: 15px;

}

.clan .swiper-button-next:after,
.clan2 .swiper-button-next:after
 {
position: absolute;
        content: "";
        left: 0px;
        transform: rotate(180deg);
        width: 44px;
        height: 44px;
        background: url(arrow.svg) no-repeat center;
        background-size: 15px;

}
.clan2 {
  width: 100%;
  position: relative;
  margin-bottom: 50px;

}
.clan2 ul.hodnoceni{
  margin-bottom: 20px;

}

.clan2 ul.hodnoceni li{
  display: inline-block;
  vertical-align: top;
  height: 23px;
  width: 23px;
  list-style: none;
  background: url(star1.png);
  background-size: 23px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: .1;
}
.clan2 ul.hodnoceni li.hvezda{
  display: inline-block;
  vertical-align: top;
  height: 23px;
  width: 23px;
  list-style: none;
  background: url(star1.png);
  background-size: 23px;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

.clan2 .swiper-container{
  width: 80%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  position: relative;
  text-align: center;

}

.clan2 h3{
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 30px;
}
.clan2 .sipky{
  position: absolute;
  top: 10px;
  right: 0px;
  width: 100px;

}

.clan2 .swiper-button-prev {
  left: 0%;

  top: auto;
}
.clan2 .swiper-button-next {
  left: 1%;

  right: auto;
  margin-left: 54px;
  top: auto;
}
	}

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

.clan .sipky {
        left: auto;
        right: 0px;
        width: 100%;
        top: 0px;
        text-align: left;
        height: 100%;
        position: relative;
}
.clan2 .sipky{
  position: relative;
  top: 0px;
  height: 44px;
  margin-top: 30px;
  right: 0px;
  width: 100px;
  left: 50%;
  margin-left: -50px;

}

.clan .swiper-button-prev {
  left: auto;
  right: 1%;
  bottom: 0%;
  top: auto;
  margin-right: 44px;
}
.clan .swiper-button-next {
  left: auto;
  bottom: 0%;
  right: 0%;
  margin-left: 0px;
  top: auto;
}
.clan .bunka {
  padding: 10px;
	padding-bottom: 10%
}
}





.clan  .bunka h2{

color: rgba(0, 0, 0, 1);
    font-size: 34px;
font-weight: 400;


position: relative;

margin-top: 0px;
margin-bottom: 20px;



width: auto;
/*  font-family: 'Playfair Display', serif;*/
}


.clan  .bunka h2.grey{
    color: rgba(138, 138, 138, 1);

}





.clan  .bunka p{

position: relative;

color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;

    margin-bottom: 30px;
   font-family: "Barlow Semi Condensed", sans-serif;



}

.clan .bunka p strong{

    font-weight: 800;

}

.clan .bunka p strong.blue{

color: rgba(1, 179, 225, 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;

    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;
	overflow: hidden;
  border: solid 0.5px #fafafa;
  border-left: 0px
}
.bunka100 img, .bunka50 img{
	position: absolute;
	height: 100%;
	min-width: 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;
}
.bunka100:hover img, .bunka50:hover img{

		-webkit-transition: all 10s;
    -moz-transition: all 10s;
    -ms-transition: all 10s;
    -o-transition: all 10s;
    transition: all 10s;
	transform: scale(2)
}




.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;
	text-decoration: none

}
.bunka30 h3 a{
  color: rgba(0, 0, 0, 1);
  	text-decoration: none ;
    font-weight: 400;
   -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 p
{

}

.ostatni .bunka30 h3
{
.ostatni .bunka30 h3 {
        padding-bottom: 0px;
        margin-bottom: 10px;
        min-height: 50px;
        font-size: 21px;
}

}
.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%;
margin-bottom: 0px;
  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,
.bunka100 p,
.bunka50 p
 {
  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, .bunka100 p, .bunka50 p{
  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 0.5px #fafafa;
	overflow: hidden

}
.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%;
        -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 .bunka30.reference{
position: relative;
        width: 96%;
        margin: 2%;
        margin-bottom: 2%;
        margin-top: 0%;
        height: 300px;
        min-height: min-content;

  float: left;
  border: solid 0px rgba(255, 255, 255, 1);
  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;
}

.ostatni .bunka30.reference .nahled{
  width: 30%;
  margin: 2%;
  height: 86%;
  display: inline-block;
  float: left;
}
.ostatni .bunka30.reference .popisreference{
  width: 62%;
        margin: 2%;
        margin-left: 0px;
        margin-right: 2%;
  height: 80%;
  display: inline-block;
  float: left;
}


.ostatni .bunka30.reference p.zarazeni {
        min-height: 10px;
}
.ostatni .bunka30.reference p.spotreba {
 min-height: 10px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background: rgba(6, 158, 87, 1);
        float: left;
        width: 170px;
        height: 110px;
        margin-top: 20px;
        color: white;
        position: relative;
}
 .ostatni .bunka30.reference p.spotreba:after {
   content: "";
transform: rotate(-45deg);
width: 40px;
height: 40px;
  background: rgba(6, 158, 87, 1);
  position: absolute;
  right: -20px;
  top: 36px;
}




.ostatni .bunka30.reference p.plocha {
        min-height: 10px;
                margin-top: 30px;
        float: left;
        margin-left: 130px;
        position: relative;
}
.ostatni .bunka30.reference p.plocha:after {
  content: "";
  background: url(plocha.png);
  width: 70px;
  height: 70px;
  background-size: 70px;
  position: absolute;
  left: -80px;
  top: 8px;
}
.ostatni .bunka30.reference p.spotreba strong, .ostatni .bunka30.reference p.plocha strong{
  font-size: 30px;
}
.ostatni .bunka30.reference p.spotreba strong sup, .ostatni .bunka30.reference p.plocha strong sup{
  font-size: 18px;
}
.ostatni .bunka30.reference h3 a {

        font-size: 24px;
        font-weight: 700;
}



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


.ostatni .bunka30.reference {
  height: auto;
  padding-bottom: 30px;
}
.ostatni .bunka30.reference .nahled{
  width: 200px;
  margin-top: 5%;
  height: 200px;
  margin-left: -100px;
  left: 50%;
  display: inline-block;
  float: left;
}
.ostatni .bunka30.reference .popisreference{
  width: 100%;
  text-align: center;
  float: left;
}


.ostatni .bunka30.reference p.spotreba {
        min-height: 10px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background: rgba(6, 158, 87, 1);
        float: none;
        display: inline-block;
        width: 70%;
        height: auto;
        margin-top: 20px;
        color: white;
        position: relative;
}
 .ostatni .bunka30.reference p.spotreba:after {
   content: "";
transform: rotate(-45deg);
width: 20px;
height: 20px;
  background: rgba(6, 158, 87, 1);
  position: absolute;
  right: 50%;
  margin-right: -10px;
  top: auto;
  bottom: -8px;
  z-index: 0;
}
.ostatni .bunka30.reference p.plocha {
        min-height: 10px;
        margin-top: 30px;
        float: none;
        margin-left: 130px;
        display: inline-block;
        position: relative;
}

}


.ostatni .bunka30.akt{
  position: relative;
  width: 31%;
  height: 470px;
  min-height: 470px;
  float: left;
  border: solid 0px rgba(255, 255, 255, 1);
  margin-bottom: 3%;
    margin-right: 2%;
        -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 .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;
    -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 .bunka30:hover .nahled{
filter: brightness(0.7);
    -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 .bunka30.akt p.datum{
        color: rgba(235,91,37, 1);
        margin-bottom: 0px;
        height: auto;
        min-height: auto
}
.ostatni .bunka30.akt h3 {
        padding-bottom: 15px;
        height: 80px;
        font-size: 21px;
}
.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, .7);
   -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, .7);
   -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:after, .bunka100:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 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;
}
.bunka50:hover:after, .bunka100:hover:after{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .7);
   -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,
.bunka100:hover .text p,
.bunka50:hover .text p
{
  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;
}
.bunka50:hover,
.bunka100:hover
{

   -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{
  
}
.left, .right{

    width: 100%;
    position: relative;

}
.top-600, .top-700{
  margin-top: -30px;
  padding: 0px
}
.ostatni .bunka30, .ostatni .bunka30.akt{
  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%;
}
.ostatni .bunka30.reference:nth-child(2n) {
  position: relative;
  width: 96%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.ostatni .bunka30.reference:nth-child(3n) {
  position: relative;
  width: 96%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.bunka100{
  width: 100%;
  border: solid 0.5px  rgba(255, 255, 255, 1);
  border-left: solid 0.5px rgba(255, 255, 255, 1)
}
.bunka50 {
  margin-bottom: 0px;


}
.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{


}

   .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: center;


}
.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.akt,
.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
{
  min-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;

}
 }


ul.odrazky li
 {

color: rgba(0, 0, 0, 1);
position: relative;
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: solid 1px rgba(0, 0, 0, .1)
}
 ul.odrazky li.adres,
 ul.odrazky li.tel,
  ul.odrazky li.email,
  ul.odrazky li.what,
    ul.odrazky li.facebook,
      ul.odrazky li.instagram


  {
    padding-left: 40px;
}
 ul.odrazky li.adres::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 18px;
        width: 20px;
        height: 30px;
        background: url(placeholder.svg) no-repeat left;
        background-size: 20px;
}
 ul.odrazky  li.tel::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        height: 30px;
        background: url(002-phone-call.svg) no-repeat left;
        background-size: 20px;
}

 ul.odrazky li.email::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        height: 30px;
        background: url(004-mail.svg) no-repeat left;
        background-size: 20px;
}
 ul.odrazky li.what::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        height: 30px;
        background: url(what.svg) no-repeat left;
        background-size: 20px;
}
 ul.odrazky li.facebook::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        height: 30px;
        background: url(facebook.svg) no-repeat left;
        background-size: 20px;
}
 ul.odrazky li.instagram::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        height: 30px;
        background: url(instagram.svg) no-repeat left;
        background-size: 20px;
}

 ul.odrazky li   a.mapaodkaz {

        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
        color: rgba(112, 112, 112, 1);
        top: 15px;
        text-align: center;
        width: 100px;
        position: absolute;
        right: 0px;
        background-color: rgba(247, 247, 247, 1);
        border: solid 1px rgba(223, 223, 223, 1);
        border-radius: 14px;
        text-decoration: none
}

 ul.odrazky li strong
 {
   width: 50%;
   display: inline-block;
   vertical-align: top;
}
ul.odrazky li i
 {
   width: 49%;
   font-style: normal;
   display: inline-block;
   vertical-align: top;
}