body {
  margin:0 0 0 0;
  padding:0 0 0 0;
  font:18px Didact Gothic, sans serif;
  text-align:center;
  color:#5a5a5a;
  line-height:1em;
  background:#FFF;
  -webkit-text-size-adjust:none;
}
a.to-home {
  margin:40px 0 0 0;
	width:174px;
	z-index:999;
}
a.to-home img {
	width:100%;
}




/**** layout **********************************************************/

div.screen {
	text-align:left;
}
div.screen-in {
	padding:0 0 0 0;
	position:relative;
}
div.page-in {
	padding:80px 0 80px 0;
	text-align:center;
}
.dark-bg {
	background:#1A1A1A;
	color:white;
}
.vlny-bg {
	background:url(../img/vlny.png) repeat-y top center;
	padding:0 100px 50px 100px;
	background-size:100% auto;
}

.content-width {
	display:block;
	width:1380px;
	height:auto;
	margin:0 auto 0 auto;
	z-index:5;
}
.content-width-half {
	width:690px;
}


/*** head ***/
div.head {
	background:url(../img/head.png) center top no-repeat;
	background-size:100% 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;

	height:calc(66vh - 50px);
}

.noindex div.head {
	height:260px;
}





/*** head kontakt ***/
div.head-kontakt {
	position:absolute;
	left:230px;
	top:40px;
	display:flex;
	flex-direction:column;
	font-size:15px;
	line-height:30px;
}
div.head-kontakt > * {
	color:white;
	text-decoration:none;
	font-weight:normal;
	padding:0 0 0 30px;
}
.head-adresa {
	background:url(../img/icons/s/marker.png) no-repeat left center;
}
.head-phone {
	background:url(../img/icons/s/phone.png) no-repeat left center;
}
.head-mail {
	background:url(../img/icons/s/post.png) no-repeat left center;
}


/*** oceneni ***/
div.oceneni {
	position:absolute;
	right:0;
	top:160px;
}
div.oceneni > * {
	display:inline-block;
	margin:0 0 0 30px;
}



/*** langs ***/
a.langs {
	position:absolute;
	top:40px;
	right:0;
	text-decoration:none;
	color:#ccc;
	background:url(../img/langs/arr.png) left center no-repeat;
	font-size:13px;
	padding:0 0 0 10px;
	z-index:999;
	font-weight:normal;
}
a.langs img {
	display:block;
	float:right;
	margin:0 0 0 5px;
}
a.langs strong {
	display:block;
	float:right;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:1em;
}

a.langs:hover img {

}

/*** langs menu ***/
div.langs-menu {
	position:absolute;
	top:60px;
	right:0;
	z-index:999;
}
div.langs-menu a {
	display:block;
	text-decoration:none;
	color:white;
	font-size:16px;
	margin:0 0 3px 0;
	text-align:right;
}
div.langs-menu a img {
	display:block;
}









/*** showmenu ***/
a.showmenu {
	display:none;
	position:absolute;
	top:85px;
	right:0;
	z-index:999;
	cursor:pointer;
	text-decoration:none;
}
a.showmenu em {
	width:29px;
	height:29px;
	float:right;
}
a.showmenu em span {
	display: block;
  width:29px;
	height:2px;
	background:#CCA46F;
	position:absolute;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
	-webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
}
a.showmenu em span.showmenu-top {
	top:0px;
}
a.showmenu em span.showmenu-middle {
	top:12px;
}
a.showmenu em span.showmenu-bottom {
	top:24px;
}



a.showmenu.act:after {
  border-right: 7px solid #EFC57A;
}
a.showmenu.act em span {
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  transition: transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
}
a.showmenu.act em span.showmenu-top, a.showmenu.act em span.showmenu-middle {
	top: 14px;
	-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.showmenu.act em span.showmenu-middle {
	opacity: 0;
}
a.showmenu.act em span.showmenu-bottom {
	top: 14px;
	-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}



/*** menu ***/
ul.menu {
	position:absolute;
	top:105px;
	right:0;
	xfont-family:"Playfair Display SC";
}
ul.menu li {
	display:inline-block;
	margin:0 0 0 0;
}
ul.menu li a {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0 0 0 0;
	display:inline-block;
	margin:0 0 0 45px;
	position:relative;
}
ul.menu li a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	margin-top:-15px;
	height:1px;
	width:100%;
}
ul.menu li a:hover {
	opacity:0.8;
}
ul.menu li a:hover:before {
	background:rgba(255,255,255,0.3);
}
ul.menu li.act a:before {
	background:#CCA46F;
}
ul.menu li.act a:hover {
	opacity:1;
}




/*** rezervace ***/
.rezervace-out {
	position:absolute;
	bottom:0;
	left:50%;
	margin:0 0 0 -690px;
	z-index:999;
}
a.rezervace, a.akce {
  padding:15px 15px 15px 55px;
  background:url(../img/icons/rezervace.png) left 10px center no-repeat #CCA46F;
  color:white;
  text-transform:uppercase;
  text-decoration:none;
  font-size:16px;
  height:auto!important;
  border:0;
  margin:0 0 0 20px;
  float:right;
}
a.akce {
	padding:15px 15px 15px 50px;
  background:url(../img/icons/akce.png) left 15px center no-repeat #383838;
}
.rezervace-out a:hover {
	opacity:0.8;
}




.z999 {
	z-index:999;
}


.kontakt-lpd {
	padding-left:70px;
}



/**** slider **********************************************************/

.slider {
	position:relative;
	height:66vh;
	min-height:500px;
	overflow:hidden!important;
}
.noindex .slider {
	height:300px;
}

.slider-in {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:2;
}
.slider-in .slider-in-in {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.slider-in .slider-in-in div.slide {
	height:100%;
	width:100%;
	background-position:center center;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-o-background-size:cover!important;
	background-size:cover!important;
	overflow:hidden!important;
}
div.slide img {
	display:none;
}


/*** obsah slideru - popisky ***/
.slider-content {
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	bottom:100px;
	z-index:2;
	text-align:center;
}
.slider-content-txt .slide-title {
	padding:15px 30px 15px 30px;
	margin:0 0 0 0;
	border:2px solid rgba(255,255,255,0.3);
	color:#fff;
	font-weight:normal;
	clear:both;
	font-size:24px;
	position:relative;
	display:inline-block;
	text-shadow:#000 0 0 15px;
}

.noindex .slider-content {
	display:none;
}


/*** sipky ***/
.slider-arrows {
	position:absolute;
	width:100%;
	height:102px;
	top:55%;
	left:0;
	z-index:999;
}
.slider-arrows .slider-arrow {
	position:absolute;
	top:0;
	left:50px;
	width:20px;
	height:60px;
	background:url(../img/slider/prev_s.png) no-repeat 0 0;
	background-size:contain;
	cursor:pointer;
	z-index:999;
	opacity:0.5;
}
.slider-arrows .next {
	right:50px;
	left:auto;
	background:url(../img/slider/next_s.png) no-repeat 0 0;
	background-size:contain;
}
.slider-arrows .slider-arrow:hover {
	opacity:1;
}

.slider-shadow {
	background:url(../img/head.png) center top no-repeat;
	background-size:100% 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height:calc(66vh - 50px);
	z-index:998;
}

.noindex .slider-shadow {
	height:260px;
}

/*** strankovani ***/
.pager {
	margin:40px 0 0 0;
	text-align:center;
}
.pager .page-select {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:50%;
	margin:0 8px 0 0;
	background:none;
	border:2px solid rgba(255,255,255,0.3);
	cursor:pointer;
}
.pager .page-select.cycle-pager-active {
	cursor:default;
	border-color:rgba(205,165,111,1);
}






/*** pagebox ***/
div.pagebox {
	position:absolute;
	background:rgba(255,255,255,0.8);
	padding:40px;
	margin:20px 0 20px 0;
}

/*** foot ***/
div.foot {
	background:#1A1A1A;
	padding:30px 0 30px 0;
	color:#888;
	text-align:left;
	font-size:13px;
	line-height:1.5em;
}
div.foot a {
	color:#888;
}


/*** foot social ***/
div.foot-social {
	position:absolute;
	right:0;
	top:0;
	
}
div.foot-social a {
	display:inline-block;
	margin:0 0 0 13px;
	opacity:0.5;
}
div.foot-social a img {
	vertical-align:middle;
}
div.foot-social a:hover {
	opacity:1;
}