:root {
	--fialova: #ae2853;
	--piskova: #f6e6d9;
	--oranzova: #e57459;
}


/*=======================================================
			Page Loader
========================================================*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,1);
	z-index: 999999;
	opacity: 1;
	text-align: center;
}
.loaderContainer {
	position: relative;
}
@-webkit-keyframes loader {
 0% {
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -o-transform: translateX(0px);
 transform: translateX(0px);
}
 50% {
 -webkit-transform: translateX(120px);
 -moz-transform: translateX(120px);
 -ms-transform: translateX(120px);
 -o-transform: translateX(120px);
 transform: translateX(120px);
}
}
@keyframes loader {
 0% {
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -o-transform: translateX(0px);
 transform: translateX(0px);
}
 50% {
 -webkit-transform: translateX(120px);
 -moz-transform: translateX(120px);
 -ms-transform: translateX(120px);
 -o-transform: translateX(120px);
 transform: translateX(120px);
}
}
#loader .position-center-center {
	padding-top: 20%;
	width: 100%;
}
#loader p {
	padding-top: 100px;
	margin: 20px 0;
}
.loaderContainer .loaderBG {
	background: rgba(0,0,0,0.3);
	width: 10%;
	height: 4px;
	margin: 0 auto;
}
.loaderContainer .loaderCircle {
	background: #fff;
	width: 120px;
	height: 6px;
	border-radius: 0;
	position: absolute;
	top: -1px;
	left: 43%;
	/* calling our animation keyframe */
	-webkit-animation: loader 1000ms infinite ease-in-out;
	-moz-animation: loader 1000ms infinite ease-in-out;
	-ms-animation: loader 1000ms infinite ease-in-out;
	-o-animation: loader 1000ms infinite ease-in-out;
	animation: loader 1000ms infinite ease-in-out;
}

body {  font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: var(--piskova);
	line-height: 23px;
    font-style: normal; overflow-x: hidden; 
    font-weight: 150; }

	h1 { display: none; visibility: hidden;}
	h2, h3, h4 { font-size: 1.5rem; }
	a {  color: #000 }
	a:hover { color: var(--oranzova) !important; text-decoration: underline; }

section { padding: 0; margin: 0; }


header { position: fixed; background: #F6E6D9; width: 100%; padding-top: 10px; }

.nadpis {
	position: relative;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 3rem !important;
	text-transform: uppercase;
	margin-bottom: 2rem;
	padding-bottom: 10px;
  }
  
  .nadpis::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px; /* Vzdálenost podtržení pod textem */
	width: 164px;
	height: 11px;
	background-image: url('../images/nadpis-vlnovka.svg'); /* Cesta k tvému SVG */
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 25px;
  }

.nadpis-center {
	position: relative;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 3rem !important;
	text-transform: uppercase;
	margin-bottom: 2rem;
	padding-bottom: 10px;
	text-align: center;
  }
  
  .nadpis-center::after {
	content: '';
	position: absolute;
	margin: 0 auto;
	bottom: -20px; /* Vzdálenost podtržení pod textem */
	width: 164px;
	height: 11px;
	background-image: url('../images/nadpis-vlnovka.svg'); /* Cesta k tvému SVG */
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 30px;
	text-align: center;
	left: 43%;
  }  

  .image-box {
  width: 100%;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* zachová poměr stran, obrázek ořízne */
}

.partners .col-md-3 { height: 250px; padding-bottom: 30px;}
.partners .col-md-3 h4 { padding: 0; margin: 0; }
.partners .col-md-3 p { padding: 0; margin: 0; }
.partners .card { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #fff; border: 1px solid #fff; border-radius: 25px; margin-bottom: 20px; padding-bottom: 30px; padding: 15px; }

#home { padding-top: 80px; height: 600px;
background: url("/images/bg-header.png"); background-size: cover;  }

#home .container { padding-top: 80px; padding-right: 0px; }
#home .row { padding-right: 0px !important; margin-right: 0px;}

#home .header-otvirak { width: 400px;  }
#home .claim {
	background: #41909C none repeat scroll 0 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
line-height: 46px;
margin-bottom: 10px;
border:solid 1px #41909C;
font-size: 42px;
text-transform: uppercase;
font-weight: 900;
}	 

#home .icons {  max-height: 190px !important; padding-right: 0; }

.view-more {  border-radius: 25px; margin-top: 26px;
    background: #ee844f; display: inline-block;
    padding: 10px; width: 140px; text-align: center; color: #fff; text-transform: uppercase; }
.view-more:hover { color: #fff; text-decoration: underline;}    



	.logo {	display: inline; float: left; padding-left: 20px;  font-size: 1px;}
	.logo a, .logo span { display: block; height: 90px; width: 200px; }
	.logo a {color: #000; position: relative; line-height: 53px; }
	.logo span { position: absolute; top: 0; left: 0; cursor: pointer; display: none; }
	.logo_  { background: url('/images/logo.png') 0 0 no-repeat; background-size: cover; }

nav { margin: 0 auto; max-width: 100%; }
nav ul {  margin: 0 auto; list-style: none; font-size: 15px; padding-top: 0px; padding-left: 30px; }
nav ul li { float: left; padding: 10px; }
nav ul li a {  line-height: 40px; text-decoration: none; color: #000; }
nav ul li ul { display:none; position: absolute; left: 0; top: 35px; z-index: 2; list-style: none; margin: 0; padding: 0; width: 250px; background:  #fff; padding-left: 0px !important;  }
nav ul li ul li a {  text-decoration: none; line-height: 5px !important; }
nav ul li ul li{ list-style: none!important; margin:0px!important; padding: 0 !important; color:#4EA7D2!important; width: 100% !important; line-height: 15px !important; }
nav ul li a.active { color: #000; font-weight: 900; }

#about { padding-top: 50px; line-height: 31px; padding-bottom: 50px;}
#about p { line-height: 23px; }
#about { background: url("/images/bg-lista.png"); background-position: bottom; background-repeat: repeat-x; padding-bottom:  100px;}
#about .figure { text-align: center; margin: 0 auto; }
.cleaner { clear: both; }

#article { display: block; padding-top: 150px; padding-bottom: 30px;  padding-bottom:  100px;}

#article h1, #article h2, #article h3, #article h4 { padding: 0 !important; display: block !important; visibility: visible;font-weight: 900;text-transform: uppercase; padding-bottom: 15px !important; padding-top: 45px !important;  }
#article ul { padding-left: 18px; }
#article h1 { color: #000; font-size: 42px;   }
#article h2 { }

#article h3, .news h3, .homepage-news h3 { font-size: 2.5rem; text-transform: initial; padding-top: 10px !important; padding-bottom: 10px !important; letter-spacing: 0; font-weight: 500; }
#article .col-md-4 { padding-bottom: 30px;}
#article .col-md-3 { display: block; min-height: 196px;}
#article h4 { font-size: 1.5rem; text-transform: initial; padding-top: 10px !important; padding-bottom: 10px !important; letter-spacing: 0; font-weight: 500; }
#article .article-title { color: #EE844f; font-size: 20px; }



.homepage-goal { background: url(/images/bg-pruh.svg); background-repeat: no-repeat; background-size: cover;color: #fff; text-align: left; height: 500px;}
.homepage-goal .claim { padding: 50px; padding-left: 0; padding-top: 150px;}
.goal-placeholder { position: relative; width: 320px;}
.goal-placeholder img.goal-otvirak { z-index: 20; position: absolute; height: 320px; top: 30px; }
.goal-placeholder img.goal-star { position: absolute; top: 170px; right: 0; z-index: 21; }
.homepage-goal p { font-size: 24px; font-weight: regular; line-height: 150%;}

.homepage-news { background: var(--piskova); color: #000; text-align: left;}

.news-image { width: 100%;  background-position: center; }
.news-image img { width: 100%; background-size: cover; background-position: center; border-radius: 15px; }

.homepage-news .nadpis { color: #000; padding-top: 100px;}
.homepage-news .row .row { padding-top: 50px;}
.goal-placeholder { position: relative; width: 320px;}
.goal-placeholder img.goal-otvirak { z-index: 20; position: absolute; height: 320px; top: 95px; }
.goal-placeholder img.goal-star { position: absolute; top: 370px; right: 0; z-index: 21; }
.homepage-goal p { font-size: 24px; font-weight: regular; line-height: 150%;}

.homepage-about { background: url("/images/bg-white.svg"); background-repeat: no-repeat; background-size: cover; color: #000; text-align: left; padding-bottom: 100px; padding-top: 100px;}
.homepage-about .nadpis { color: #000; padding-top: 100px;}

#links h2 { padding: 40px; margin: 40px; text-transform: uppercase; }
#links ul { list-style-image: url('/images/list-custom-sipka.png'); padding: 40px;}


#article h2 { padding-left: 50px; padding-right: 50px;}

   .section-title {
      font-weight: 700;
      margin-bottom: 1rem;
    }
    .btn-orange {
      background-color: #f7915c;
      color: white;
      border: none;
	  border-radius: 15px;
    }
    .icon-download {
      font-size: 2rem;
      color: #aa1e50;
    }
    .circle-img {
      border-radius: 50%;
      width: 100%;
      max-width: 250px;
      height: auto;
      object-fit: cover;
    }
    .video-thumbnail {
      position: relative;
    }
    .video-thumbnail::after {
      content: '▶';
      font-size: 3rem;
      color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-shadow: 0 0 10px black;
    }
    .wave-footer {
      background-color: #aa1e50;
      color: white;
    }
	
.linka { background: url("/images/bg-lista.png"); background-position: bottom; background-repeat: repeat-x; padding-bottom:  100px; }

header { z-index: 100;  }
header nav {  margin: 0 auto; top: 0px;}
header .socials { position:  absolute; right: 50px; top: 20px;}
header .socials a { padding-left: 10px; color: #000; text-decoration: none; }
header .socials .kE { padding-right: 40px; }
header .guestbook { position: absolute; right: -60px; top: 300px; transform: rotate(270deg); background: #002696; line-height: 40px; width: 160px; color: #fff; }
header .guestbook a { color: #fff;}


.footer-getin-touchHomepage { background: url(/images/bg-footer-getintouchHomepage.svg); background-repeat: no-repeat; background-size: cover; height: 285px; color: #fff;  }
.footer-getin-touchPage { background: url(/images/bg-pruh.svg); background-repeat: no-repeat; background-size: cover; height: 285px; color: #fff;  }
.footer-getin-touchPage .container, .footer-getin-touchHomepage .container { padding-top: 50px; padding-bottom: 50px; }
.footer-getin-touchPage h2, .footer-getin-touchHomepage h2 { color: #fff; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; font-size: 7rem !important; padding-top: 40px; }
.footer-getin-touchPage p, .footer-getin-touchHomepage p { color: #fff; letter-spacing: 2px; font-size: 2rem !important; padding-top: 90px; }

footer { background: var(--piskova);  color: #000; padding-top: 50px; padding-bottom: 50px; }
footer h4 { color: #000; letter-spacing: normal; text-transform: none; font-weight: 600; padding: 0 !important; padding: 0 !important; margin: 0 !important; line-height: normal !important; padding-bottom: 10px !important;  };
footer p { line-height: 19px; padding: 0 !important; margin: 0 !important; }
footer .section-title { padding-top: 60px; padding-bottom: 60px; text-transform: none !important; }
footer .section-title h2 { text-transform: none !important; }
footer .row { padding-bottom: 20px;}
footer .socialButton { padding-bottom: 15px; }
footer li { line-height: 37px; font-weight: 150;}
#debug { width: 100%; height: 100px; bottom: 0; right: 0; z-index: 20; background: #000; color: #fff; font-size: 9pt; overflow: auto;  }

a.link-orange { color: #EE844f; font-weight: 900; } 
a.link-black { color: #000; font-weight: 900;}

#debug { position: absolute; bottom: 0; z-index: 500; width: 150px; height: 300px; background: #000; color: #fff; font-size: 10px; right: 50px; top: 50px;overflow: scroll; display: none !important;  }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 1024px) {
 .grid { width: 100%;}
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
 .grid { width: 100%;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
 .grid { width: 100%; }
 .article img { width: 100% !important; }
.popis-domku {
   padding-top: 150px;

margin-left: 0px; 
}
#header .container { width: 100% !important; } 
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .container { width: 100%;}
 #home { height: auto !important;}
 #home img { max-width: 100%;}
 .homepage-about img { display: none;}
 section { height: auto !important;}
 .goal-placeholder { display: none;}
 .partners .col-md-3 { height: auto !important; padding-bottom: 30px;}
}
    
.row { margin: 0 !important;}

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
 
 .grid { width: 100% !important; }
.article { width: 240px !important; height: 240px; overflow: hidden;  }  )
.article a img { width: 280px !important; }
ul li ul { background: #fff; z-index: 30; display:block; display: none !important;    }
.article:first-child:hover .popis {
    margin-top: 180px;
    height: auto;
    display: table-cell;
    display: block !important;
    border: 0px !important;
    height: 240px;
}

.article:first-child:hover .popis {
    height: 240px;
}

.article:nth-child(3):hover .popis {

 height: 240px;
}
     .logofont { display: none;}
     .socials .right img { width:  100px !important;}
     
     .clanek img {
       max-width: 200px !important;
      }
      
      .shrink ul#nav li ul { display: none !important;}
    }