/*
		Theme Name: vnitroblock-koia
		Theme URI: http://wenam.cz
		Description: 
		Version: 1.0
		Author: Wenam.cz - Petr Vostry
		Author URI: http://wenam.cz
		Tags: Blank, HTML5, CSS3

		License: MIT
		License URI: http://opensource.org/licenses/mit-license.php
	*/

	/*------------------------------------*\
		MAIN
	\*------------------------------------*/

	/* import */

	body {
		font-family: 'Solomon Sans', sans-serif;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-style: italic;
	}
	article {
		font-size: 13px;
		color: #656565;
		letter-spacing: 1px;
	}
	article h1 {
		display: block;
		margin-bottom: 15px;
		color: #90b8c6;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
	}
	article h2, article h3, article h4 {
		display: block;
		margin-bottom: 10px;
		color: #90b8c6;
		font-size: 14px;
		text-transform: uppercase;

	}
	article p {

	}
	article a {
		color: #90b8c6;
		}
		article a:hover {
			text-decoration: none;
		}
	article ul {
		list-style: inside circle;
	}
	article ol {
		list-style: inside decimal;
	}

	/* =WordPress Core
	-------------------------------------------------------------- */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px;
	}


	/* global box-sizing */
	*,
	*:after,
	*:before {
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility;
	}
	/* html element 62.5% font-size for REM use */
	html,body{margin:0;padding:0}

	/* clear */
	.clear:before,
	.clear:after {
		content:' ';
		display:table;
	}

	.clear:after {
		clear:both;
	}
	.clear {
		*zoom:1;
	}
	img {
		max-width:100%;
		vertical-align:bottom;
	}
	a {
		color:#444;
		text-decoration:none;
	}
	a:hover {
		color:#444;
	}
	a:focus {
		outline:0;
	}
	a:hover,
	a:active {
		outline:0;
	}
	input:focus {
		outline:0;
		border:1px solid #04A4CC;
	}

	::selection {
		background:#04A4CC;
		color:#FFF;
		text-shadow:none;
	}
	::-webkit-selection {
		background:#04A4CC;
		color:#FFF;
		text-shadow:none;
	}
	::-moz-selection {
		background:#04A4CC;
		color:#FFF;
		text-shadow:none;
	}

	/*------------------------------------*\
		WORDPRESS CORE
	\*------------------------------------*/

	.alignnone {
		margin:5px 20px 20px 0;
	}
	.aligncenter,
	div.aligncenter {
		display:block;
		margin:5px auto 5px auto;
	}
	.alignright {
		float:right;
		margin:5px 0 20px 20px;
	}
	.alignleft {
		float:left;
		margin:5px 20px 20px 0;
	}
	a img.alignright {
		float:right;
		margin:5px 0 20px 20px;
	}
	a img.alignnone {
		margin:5px 20px 20px 0;
	}
	a img.alignleft {
		float:left;
		margin:5px 20px 20px 0;
	}
	a img.aligncenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.wp-caption {
		background:#FFF;
		border:1px solid #F0F0F0;
		max-width:96%;
		padding:5px 3px 10px;
		text-align:center;
	}
	.wp-caption.alignnone {
		margin:5px 20px 20px 0;
	}
	.wp-caption.alignleft {
		margin:5px 20px 20px 0;
	}
	.wp-caption.alignright {
		margin:5px 0 20px 20px;
	}
	.wp-caption img {
		border:0 none;
		height:auto;
		margin:0;
		max-width:98.5%;
		padding:0;
		width:auto;
	}
	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
	.sticky {

	}
	.bypostauthor {

	}

	/*------------------------------------*\
		PRINT
	\*------------------------------------*/

	@media print {
		* {
			background:transparent !important;
			color:#000 !important;
			box-shadow:none !important;
			text-shadow:none !important;
		}
		a,
		a:visited {
			text-decoration:underline;
		}
		a[href]:after {
			content:" (" attr(href) ")";
		}
		abbr[title]:after {
			content:" (" attr(title) ")";
		}
		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content:"";
		}
		pre,blockquote {
			border:1px solid #999;
			page-break-inside:avoid;
		}
		thead {
			display:table-header-group;
		}
		tr,img {
			page-break-inside:avoid;
		}
		img {
			max-width:100% !important;
		}
		@page {
			margin:0.5cm;
		}
		p,
		h2,
		h3 {
			orphans:3;
			widows:3;
		}
		h2,
		h3 {
			page-break-after:avoid;
		}
	}

	body,html{
		font-family: 'Solomon Sans', sans-serif;
	}

	.text-center-no-xs{
		text-align: center;
	}
	@media(max-width: 768px){
		.text-center-no-xs{
			text-align: left;
		}
	}
	/* website */

	@media(min-width: 768px){
		.row-desktop{
			margin-left: -15px;
			margin-right: -15px;
		}
	}


	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
	}

	/* Navbar */

	.navbar {
		background: #fff;
		border-radius: 0;
	}

	header{
		/* min-height: 90px; */
		position: fixed;
		z-index: 999999;
		width: 100%;
		top: 0;
		transition: all 0.2s;
	}

	.navbar-brand{
		height: initial;
	}

	.navbar-nav {
		text-transform: uppercase;
		margin-top: 30px;
		font-weight: 500;
		position: relative;
		transition: all 0.2s;
	}

	header.scrolled .navbar-nav{
		margin-top: 10px;
	}

	.navbar-brand{
		transition: all 0.2s;
	}

	header.scrolled .navbar-brand{
		padding: 7px 15px;
	}

	.navbar-nav .floating-line{
		width: 50px;
		height: 3px;
		background: #000;
		position: absolute;
		bottom: -5px;
		opacity: 0;
	}
	
	@media(max-width: 767px){
		.navbar-nav .floating-line{
			display: none !important;
		}
	}

	.nav-item a {
		color: #000;
	}

	.nav-item .active {
		border-bottom: 2px solid #000;
		padding-bottom: 2px;
	}

	.navbar-nav>li>a{
		font-weight: 600;
		padding-left: 3px;
		padding-right: 3px;
		margin-left: 5px;
		margin-right: 5px;
		padding-bottom: 0;
		transition: all 0.2s;
		font-family: 'Bebas Neue';
		font-size: 20px;
	}

	@media(max-width: 767px){
		.navbar-nav>li>a{
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 16px;
		}
	}

	.navbar-nav>li>a:hover,
	.navbar-nav>li>a:focus{
		background: transparent;
	}

	/* Video */

	#full-video {
		background: url('img/jumbobg.jpg') 50% 50% / cover;
		background-size: cover;
		height: 570px;
		position: relative;
		margin-top: 111px;
		overflow: hidden;
	}

	#full-video #video-playback{
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
		min-height: 100%;
		min-width: 100%
		width: auto;
		height: auto;
		margin: auto;
		pointer-events: none;

	}

	@media(max-width: 767px){
		#full-video{
			height: 400px;
			margin-top: 80px;
		}
	}

	#full-video .gradient{
		background: #00000036;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
	}

	#full-video h1 {
		/* padding-top: 100px; */
		color: #fff;
		font-size: 60px;
		max-width: 520px;
		margin-top: 175px;
		line-height: 60px;
		z-index: 1000;
		position: relative;
		font-family: 'Bebas Neue';
	}

	@media(max-width: 767px){
		#full-video h1{
			font-size: 32px;
			margin-top: 100px;
			line-height: 45px;
		}
	}

	#full-video button {
		background: #fff;
		border: none;
		text-transform: uppercase;
		font-size: 18px;
		padding: 9px 31px 7px 31px;
		margin-left: 2px;
		transition: all 0.2s;
		color: #b1b1b1;
		font-family: 'Bebas Neue';
	}

	#full-video button:hover{
		color: #000;
		/* background: #000; */
		outline: 0;
	}

	#full-video button:focus{
		outline: 0;
	}

	#full-video .button-outer {
		position: absolute;
		display: inline-block;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 15px;
		width: 325px;
		margin: auto;
		max-width: 100%;
		z-index: 20;
	}

	#full-video button.active{
		color: black;
	}

	#full-video button.active:hover{
		color: #000;
	}

	@media(max-width: 330px){
		#full-video .button-outer{
			width: 285px;
		}
		#full-video button{
			padding: 8px 10px 8px 10px;
			width: 48%;
		}
	}

	/* Heading lined */

	.navbar-brand img{
		transition: all 0.2s;
		height: 79px;
	}

	header.scrolled .navbar-brand img{
		height: 50px;
	}

	@media(max-width: 767px){
		.navbar-brand img{
			height: 50px !important;
		}		

		.navbar-brand{
			padding: 15px 15px !important;
		}
	}

	.navbar-toggle{
		font-size: 30px;
		/* margin-top: 25px; */
	}

	.lined {
		padding-bottom: 30px;
		text-align: center;
		display: block;
		font-weight: bold;
		font-size: 50px;
		font-family: 'Bebas Neue';
		/* color: black; */
	}

	.lined:after {
		content: '';
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50px;
		height: 2px;
		background: black;
		margin-top: 10px;
	}

	.lined-white:after {
		content: '';
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50px;
		height: 2px;
		background: #fff;
		margin-top: 10px;
	}


	/* About */

	.about {
		padding-top: 70px;
		padding-bottom: 0px;
	}

	.about h1 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 56px;
	}

	@media(max-width: 767px){
		.about h1{
			font-size:32px;
		}
	}

	.about p {
		padding-bottom: 30px;
		max-width: 800px;
		display: block;
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
		color: #656565;
	}

	.about .textOne{
		color: #656565;
	}

	#brands-grid {
		background: url('img/projectbg.jpg');
		background-position: 50% 50% !important;
		background-size: cover !important;
		position: relative;
		/* padding: 50px 0px 0px 0px; */
	}

	#brands-grid .overlay-bg{
		background: rgba(0, 0, 0, 0.3137254901960784);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
	}

	#brands-grid .background-image{
		background: url('img/vnitro/mf.jpg');
		width: 100%;
		height: 100%;
		position: absolute;
		background-position: 50% 50% !important;
		background-size: cover !important;
		top: 0;
		opacity: 0;    /* Create the parallax scrolling effect */
	}
	
	#brands-grid .background-image:nth-child(0){
		opacity: 0;
	}

	@media(max-width: 767px){
		#brands-grid{
			position: relative;
			overflow: hidden;
		}	
		#brands-grid .background-image{		
			top: 0; left: 0;
			width: 100vw;
			height: 100vh;
		}
	}

	#brands-grid .container{
		position: relative;
		z-index: 3;
	}

	#brands-grid hr{
		margin: 0;
		opacity: 0.5;
		z-index:  1000;
		position:  relative;
	}

	.brand {
		/* margin: 10px 0 0px 0; */
		min-height: 360px;
		padding-top: 40px;
		padding-right: 30px;
	}

	#brands-grid .brand{
		border-right: 1px solid #ededed5e;
	}

	@media(max-width: 767px){
		#brands-grid .brand{
			border-right: 0px solid #ededed5e;
			padding-right: 0;
		}		
	}

	#brands-grid .brand.noRightBorder{
		border-right: 0;
	}

	.brand .img-inner{
		height: 80px;
		position: relative;
		margin-bottom: 10px;
	}

	.brand .img-inner img{
		max-width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		max-height: 55px;
	}

	.brand .onHoverContent{
		color: #FFF;
		padding-left: 15px;
		text-align: left;
		font-size: 15px;
		line-height: 24px;
		opacity: 0;
		transition: all 0.2s;
	}

	@media(max-width: 767px){
		.brand .onHoverContent{
			opacity: 1;
			text-align: center;
		}
	}

	.brand:hover .onHoverContent{
		opacity: 1;
	}

	.brand .onHoverContent .second-line{
		margin-top: 15px;
		opacity: 0.8;
		display: none;
	}

	.brand .onHoverContent .second-line a{
		color: #FFF;
	}

	/* Akce */

	.akce {
		float: left;
		width: calc(33.3333% - 20px);
		margin: 10px;
		position: relative;
		height: 290px;
	}

	@media(max-width: 767px){
		.akce{
			width: 100%;
			margin: 0;
		}
	}

	.akce .btn-action{
		text-transform: uppercase;
		color: #FFF;
		background: transparent;
		border: 2px solid #FFF;
		font-size: 25px;
		border-radius: 0;
		margin: auto;
		top: 0; bottom: 0;
		left: 0; right: 0;
		position: absolute;
		width: 245px;
		height: 45px;
		opacity: 1;
		transition: all 0.2s;
	}

	.akce .btn-action:hover{
		background: #fff;
		color: black;
	}

	/*
	.grid a:nth-child(7n) .akce {
		height: 480px;

	}
	.grid a:nth-child(1) .akce {
		height: 290px;
	}

	.grid a:nth-child(2) .akce {
		height: 480px;
	}

	.grid a:nth-child(3) .akce {
		height: 290px;
	}

	.grid a:nth-child(4) .akce {
		height: 480px;
	}

	.grid a:nth-child(5) .akce {
		height: 480px;
	}

	.grid a:nth-child(6) .akce {
		height: 290px;
	}
	*/

	@media(max-width: 767px){
		.akce:nth-child(1),
		.akce:nth-child(2),
		.akce:nth-child(3),
		.akce:nth-child(4),
		.akce:nth-child(5),
		.akce:nth-child(6){
			height: 290px;
		}
	}	

	.akce .gradient{
		color: #FFF;
		background: rgba(0, 0, 0, 1);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 50px;
		transition: all 0.2s;
		opacity: 1;
		padding: 30px;
		z-index: 1;
	}

	.akce .gradient .content-to-center{
		position: relative;
		top: 50%;
		transform: perspective(1px) translateY(-50%);		
	}

	@media(max-width: 767px){
		.akce .gradient{
			opacity: 1;
		}
	}

	.akce .gradient h3{
		font-size: 42px;
		font-weight: 600;
		font-family: 'Bebas Neue';
	}

	.akce .gradient p{
		margin: 0;
		text-transform: uppercase;
		font-size: 20px;
		font-family: 'Bebas Neue';
		font-size: 28px;
		color: #FFF;
	}

	.akce:hover > .gradient{
		opacity: 0;
	}
	.akce:hover > .btn-action{
		z-index: 2;
	}

	.btn-black {
		background: #0c0c0c;
		color: #fff;
		padding: 8px 35px 8px 35px;
		border: none;
		text-transform: lowercase;
		margin: 40px;
		border: 2px solid transparent;
		transition: all 0.2s;
	}

	.btn-black:hover{
		border: 2px solid #000;
		background: white;
		color: #000;
	}	


	/* Newsletter */

	#newsletter {
		background: #0c0c0c;
		color: #fff;
		padding: 70px 0 50px 0;
	}

	#newsletter input {
		background: none;
		border: 1px solid #fff;
		border-top: none;
		border-left: none;
		border-right: none;
		color: #fff;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 15px;
		color: #a9a9a9;
	}

	#newsletter input[type="submit"] {
		background: #fff;
		color: #0c0c0c;
		padding: 8px 35px 8px 35px;
		border: none;
		text-transform: lowercase;
		margin: 30px;
		border: 2px solid transparent;
		transition: all 0.2s;
	}

	#newsletter input[type="submit"]:hover{
		border: 2px solid #FFF;
		background: black;
		color: #FFF;
	}


	#newsletter p{
		font-size: 16px;
	}

	/* Mapa */

	#kudy {
		background: #fff;
		color: #0c0c0c;
		font-size: 18px;
		padding: 70px 0 70px 0;
		color: #656565;
	}

	#kudy h3{
		color: black;
	}

	.map{
		position: relative;
	}

	.map .button-outer {
		position: absolute;
		display: inline-block;
		top: -20px;
		left: 0;
		right: 0;
		font-size: 15px;
		width: 300px;
		margin: auto;
		z-index: 1000;
	}	

	.map button {
		background: #fff;
		border: none;
		text-transform: uppercase;
		font-size: 18px;
		padding: 9px 29px 7px 29px;
		margin-left: 2px;
		transition: all 0.2s;
		border: 1px solid transparent;
		color: #8c8c8c;
		font-family: 'Bebas Neue';
	}

	.map button:hover,
	.map button:focus,
	.map button.active{
		border: 1px solid #a9a9a9;
		outline: 0;
	}

	.map button.active{
		color: black;
	}

	.map {
		min-height: 350px;
		/* background: url('img/mapa.jpg'); */
		background-size: cover;
	}


	/* Footer */

	footer {
		background: #0c0c0c;
		color: #fff;
		padding: 70px 0 50px 0;
		line-height: 26px;
		font-size: 15px;
	}

	footer .koia-logo{
		margin-top: 25px;
	}

	footer .col-sm-8{
		vertical-align: bottom;
	}

	@media(max-width: 767px){
		footer .col-sm-8{
			text-align: center;
		}
	}


	footer hr {
	 border-top: 1px solid #363636;
	}

	.socmedia {
		margin-left: 7px;
		margin-right: 7px;
		margin-top: 70px;
	}	

	footer .contact-info{
		margin-top: 20px;
		font-size: 17px;
	}

	footer .triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #363636 transparent transparent transparent;		
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
	}

	footer .copyright{
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 20px;
		padding-left: 32px;
	}

	/* pronajem */ 

	.reservation-text{
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
		font-size: 20px;
		font-weight: 400;
		text-transform: lowercase;
		font-family: 'Solomon Sans';	
		text-align: center;
		margin-top: 60px;
		margin-bottom: 0px;	
	}

	.filter-button-group{
		text-transform: lowercase;
		font-family: 'Solomon Sans';	
		text-align: center;		
	}

	.button-group button{
		background: #FFF;
		color: #888888;
		padding: 10px 15px;
		border: 2px solid transparent;
		transition: all 0.2s;
		font-family: 'Bebas Neue';
		font-size: 18px;
		width: initial !important;
		background:  transparent !important;
		border: 1px solid #888888 !important;
		/* color: #FFF !important; */
	}


	.button-group button:hover{
		color: black;
		border: 2px solid #000;
		background: rgba(255, 255, 255, 0.2) !important;
		color: #b1b1b1;
		font-family: 'Bebas Neue';
	}

	.button-group button.active,
	.button-group button:focus{
		border: 2px solid #888888;
		color: #000 !important;
		background: rgba(255, 255, 255, 0.2) !important;
		outline: 0
	}

	.rezervace-pg #full-video{
		background: url('img/rezervace-cover.jpg');
		background-size: cover !important;
		background-position: 50% 50% !important;		
	}

	.rezervace-pg #full-video h1{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-weight: 400;
	}

	.rezervace-pg #full-video button{
		width: 200px;
	}

	.rezervace-pg #full-video .button-outer{
		width: 410px;
	}

	.rezervace-pg .news .about{
		padding-bottom: 0
	}

	.rezervace-pg .grid-item .overlay .title{
		margin-top: 25px;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		min-height: 100px;
		display: flex;
		justify-content:center;
		align-content:center;
		flex-direction:column; /* column | row */
	}

	.rezervace-pg .grid-item .overlay .title h2{
		font-size: 32px;
		font-family: 'Bebas Neue';
		text-transform: initial;
	}

	.rezervace-pg .grid-item .overlay .title h2 .subtitle{
		display: block;
		text-transform: none;
		font-size: 20px;
		margin-top: 20px;
	}

	.rezervace-pg .grid-item .overlay .desc{
		font-weight: 500;
		text-transform: lowercase;
		font-family: 'Solomon Sans';
	}

	.rezervace-pg .grid-item .button-to-reservation{
		margin-top: 50px;
		position: absolute;
		bottom: 50px;
	}

	.rezervace-pg .grid-item button{
		padding: 5px 30px;
		text-transform: lowercase;
		font-family: 'Solomon Sans';
		font-weight: 300;
		background: transparent;
		border: 1px solid rgba(255, 255, 255, 1);
		transition: all 0.2s;
		color: #FFF;
		color: #b1b1b1;
		font-family: 'Bebas Neue';
		font-weight: 400;
		font-size: 17px;
	}

	.rezervace-pg .grid-item button:hover{
		background: rgba(255, 255, 255, 0.3);
	}

	.grid{
		margin-top: 30px;
		margin-bottom: 100px;
		display: none;
	}

	.grid-item.dontknow h2{
			font-family: 'Bebas Neue';
	}

	.grid-item.dontknow button{
		font-weight: 400;
		margin-top: 15px;
	}

	#content.rezervace h1{
		font-weight: bold;
		font-family: 'Bebas Neue';
		font-size: 60px;
		position: relative;
	}

	#content.rezervace h1 .prevRoom, 
	#content.rezervace h1 .nextRoom {
		max-width: 45px;
		float: left;
		margin-top: 20px;
		transform: rotateY(0deg);
		cursor: pointer;
	}	

	#content.rezervace h1 .prevRoom{
		transform: rotateY(180deg);
	}

	#content.rezervace h1 .nextRoom{
		float: right;
	}	

	@media(min-height: 768px){
		#content.rezervace h1 .prevRoom{
			margin-left: -50px;
			position: absolute;
			left: -50px;
			top: 0; bottom: 0;
			margin: auto;
			padding-bottom: 5px;

		}

		#content.rezervace h1 .nextRoom{
			margin-right: -50px;
			position: absolute;
			right: -50px;
			top: 0;
			bottom: 0;
			margin: auto;
			padding-bottom: 5px;
		}			
	}

	@media(max-width: 767px){
		#content.rezervace h1 .prevRoom,
		#content.rezervace h1 .nextRoom{
			display: none;
		}
	}

	#content.rezervace h1:after{
		width: 80px;
		height: 2px;
		background: #000;
		content: '';
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		position:  absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -15px;
	}

	#content.rezervace .description{
		font-size: 17px;
		color: #a7a7a7;
	}

	#content.rezervace .piktogramy .col-sm-4{
		float: none;
		margin: 0 auto;
		display: inline-block;
		vertical-align: top;
	}

	#content.rezervace .piktogramy .image-holder{
		height: 75px;
		position: relative;
	}

	#content.rezervace .piktogramy .image-holder img{
		max-height: 70px;
		width: auto;
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
		margin: auto;
	}

	#content.rezervace .btn-primary{
		background: black;
		border-radius: 0;
		margin-top: 20px;
		padding: 10px 40px;
		font-size: 16px;
	}

	#content.rezervace .form-control{
		border: 2px solid black;
		border-radius: 0;
		margin-bottom: 35px;
		margin-top: 5px;
	}

	#content.rezervace .form-control{
		outline: 0;
		box-shadow: none;
	}

	#content.rezervace .form-control[name="textarea_71"],
	#content.rezervace .form-control[name="textarea_72"]{
		min-height: 120px;
	}

	#content.rezervace strong,
	#content.rezervace b{
		font-weight: 600;
		font-family: 'Solomon Sans';
		margin-bottom: 0px;
		font-size: 18px;
	}

	#content.rezervace .checkbox-area,
	#content.rezervace .radio-area{
		text-align: left;
		margin-bottom: 35px;
	}

	#content.rezervace .checkbox-area label,
	#content.rezervace .radio-area label{
		font-family: 'Solomon Sans';
		font-weight: 400;
		text-transform: lowercase;
		font-size: 16px;
		padding-left: 40px;
	}	

	#content.rezervace .checkbox-area input[type="checkbox"],
	#content.rezervace .radio-area input[type="radio"]{
		opacity: 0;

	}

	#content.rezervace .checkbox-area .input-block,
	#content.rezervace .radio-area .input-block{
		margin-bottom: 5px;
		display: block;
	}

	#content.rezervace .checkbox-area input[type="checkbox"] + label:before,
	#content.rezervace .radio-area input[type="radio"] + label:before{
		content: '';
		width: 20px;
		height: 20px;
		background: white;
		position: absolute;
		margin-left: -50px;
		border: 2px solid black;
		transition: all 0.2s;
	}	

	#content.rezervace .checkbox-area input[type="checkbox"]:checked + label:before,
	#content.rezervace .radio-area input[type="radio"]:checked + label:before{
		background: #000;
	}	

	.rezervace-gal{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.rezervace-gal .gallery-pic{
		width: 100%;
		height: 250px;
		display: block;
		content: "";
		background-size: cover;
		background-position: 50% 50%;
	}

	/* mapa */

	#map{
		background: url(img/mapbg.png);
		content: "";
		display: block;
		height: 234px;
		margin-top: 200px;
		margin-bottom: 100px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		position: relative;
		width: 909px;
		margin-left: auto;
		margin-right: auto;
	}

	#map .pointer{
		position: absolute;
		cursor: pointer;
		opacity: 0.5;
		transition: all 0.2s;
	}

	#map .closed .pointer{
		cursor: default;
	}

	#map .pointer:hover,
	#map .pointer.active{
		opacity: 1;
	}

	#map .inmap-pointer{
		position: absolute;
		opacity: 0;
	}

	#map .pointer-outer .inmap-pointer{
		transition: all 0.2s;
		cursor:  pointer;
	}

	#map .pointer-outer .inmap-pointer.activeOverwrite{
		opacity: 1; 
	}

	#map .pointer-outer.active .inmap-pointer{
		opacity: 1;
	}

	#map .pointer-outer.activeTouched .pointer,
	#map .pointer-outer.activeTouched .inmap-pointer{
		opacity: 1;
	}

	#map .pointer-outer.line-upper .pointer .line{
		height: 60px;
		width: 1px;
		background: #ababab;
		content: '';
		display: block;
		position: absolute;
		top: -67px;
		margin: auto;
		left: 0; right: 0;
		transition: all 0.2s;
	}

	#map .pointer-outer.line-down .pointer .line{
		height: 60px;
		width: 1px;
		background: #ababab;
		content: '';
		display: block;
		position: absolute;
		bottom: -70px;
		margin: auto;
		left: 0; right: 0;	
		transition: all 0.2s;	
	}

	#map .pointer-outer.line-down .pointer.id-1 .line{
		height: 130px;
		bottom: -150px
	}

	#map .pointer-outer.line-down .pointer.id-3 .line{
		height: 130px;
		bottom: -140px
	}

	#map .pointer-outer.line-down .pointer.id-9 .line{
		height: 80px;
		bottom: -90px
	}

	#map .pointer-outer.line-down .pointer.id-7 .line{
		height: 51px;
		bottom: -60px;
	}

	#map .pointer-outer.line-down .pointer.id-6 .line{
		height: 90px;
		bottom: -100px;		
	}

	#map .pointer-outer.line-down .pointer.id-5 .line{
		height: 40px;
		bottom: -50px;		
	}

	#map .pointer-outer.line-down .pointer.id-2 .line{
		height: 40px;
		bottom: -50px;		
	}

	#map .pointer:hover .line,
	#map .pointer-outer.activeTouched .line{
		opacity: 0.5;
	}		

	.content-of-map .toggle-content .prevRoom,
	.content-of-map .toggle-content .nextRoom{
		max-width: 45px;
		float: left;
		margin-top: 30px;
		transform: rotateY(0deg);
		cursor: pointer;
	}

	.content-of-map .toggle-content .prevRoom{
		transform: rotateY(180deg);
	}

	.content-of-map .toggle-content .nextRoom{
		float: right;
	}

	.content-of-map .toggle-content h2{
		text-align: center;
		font-family: 'Bebas Neue';
		font-weight: 900;
		font-size: 50px;
	}

	.content-of-map .toggle-content h2:after{
		width: 50px;
		height: 2px;
		color: black;
		content: '';
		display: block;
		background: black;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.content-of-map .toggle-content .desc{
		text-align: center;
		font-family: 'Solomon Sans';
		font-size: 18px;
		color: #656565;
	}

	.content-of-map .toggle-content{
		margin-bottom: 50px;
		display: none;
	}

	.content-of-map .toggle-content[data-num="1"]{
		/*display: block;*/
	}

	.content-of-map .toggle-content .icon-outer{
		font-size: 16px;
		margin-bottom: 20px;
		color: #7b7b7b;
		transition: all 0.2s;
	}

	.content-of-map .toggle-content .icon-outer a{
		text-decoration: none;
	}

	.content-of-map .toggle-content .icon-outer a:hover,
	.content-of-map .toggle-content .icon-outer a:focus{
		color: black;
	}

	.content-of-map .toggle-content .icon-outer:hover{
		color: black;
	}

	.content-of-map .toggle-content .icon{
		display: inline-block;
		width: 50px;
		height: 50px;
		background: black;
		border-radius: 50%;
		color: #FFF;
		text-align: center;
		/* line-height: 50px; */
		font-size: 18px;
		font-family: 'Bebas Neue';
		margin-right: 15px;
		vertical-align: middle;
		padding-top: 13px;
	}

	.content-of-map .toggle-content .inner-text{
		display: inline-block;
	}

	@media(max-width: 1200px){
		.content-of-map .toggle-content .icon{
			margin-right: 5px;
		}
		.content-of-map .toggle-content .icon-outer{
			font-size: 14px;
		}
	}
	@media(max-width: 767px){
		.content-of-map .toggle-content .icon-outer{
			font-size: 18px;
			text-align: center;
			margin-top: 20px;
		}
	}
	.content-of-map .toggle-content .icon .fa{
		font-size: 25px;
		/* vertical-align: -2px; */
		margin-top: -1px;
	}

	.content-of-map .toggle-content .grid-item{
		/* padding-top: 56.25%; */
		background-size: cover !important;
		background-position: 50% 50% !important;
	}

	.content-of-map .toggle-content .grid-item .innerimage{
		content: '';
		display: block;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		background-size: cover !important;
		background-position: 50% 50% !important;		
	}

	.content-of-map .grid-sizer{
		width: 100%;
	}

	.content-of-map .big-image {width: 50%;}
	.content-of-map .small-image {width: 25%;}
	.content-of-map .little-image {width: 25%;}	

	#EMAIL-error{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		border: 2px solid #FFF;
		width: 300px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 10px;
		padding-left: 0;
		padding-right: 0;
		margin-top: -10px;
		font-size: 13px;
	}

	.g-recaptcha{
		display: inline-block;
	}

	.loader {
	  color: #000;
	  font-size: 90px;
	  text-indent: -9999em;
	  overflow: hidden;
	  width: 1em;
	  height: 1em;
	  border-radius: 50%;
	  margin: 72px auto;
	  position: relative;
	  -webkit-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	}
	@-webkit-keyframes load6 {
	  0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	  5%,
	  95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	  10%,
	  59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	  }
	  20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	  }
	  38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	  }
	  100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	}
	@keyframes load6 {
	  0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	  5%,
	  95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	  10%,
	  59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	  }
	  20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	  }
	  38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	  }
	  100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	  }
	}
	@-webkit-keyframes round {
	  0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}
	@keyframes round {
	  0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}	

	/* NEWS */

	.news .about{
		margin-top: 50px;
	}

	.post-detail{
		margin-bottom: 60px;
	}

	.post-detail.fullpost{
		margin-bottom: 150px;
		text-align: left;
	}

	.post-detail .vnoviny-thumbnail{
		display: block;
		width: 100%;
		height: 500px;
		background-size: cover !important;
		background-position: 50% 50% !important
	}

	.post-detail.pdf{
		color: #FFF;
		padding: 50px;
		background-size: cover !important;
		background-position: 50% 50% !important;
		position: relative;
		min-height: 550px;
	}

	.post-detail.pdf h2{
		font-size: 50px;
		max-width: 450px;
		font-weight: 400;
		color: #FFF;
	}


	@media(max-width: 767px){
		.post-detail.pdf{
			padding-left: 10px;
			padding-right: 10px;
		}
		.post-detail.pdf h2{
			font-size: 30px;
		}
	}

	.post-detail.pdf a{
		display: block;
		position: absolute;
		color: #FFF;
		bottom: 70px;
		font-size: 18px;
		border: 3px solid #FFF;
		padding: 10px 45px;
		transition: all 0.2s;
	}

	.post-detail.pdf a:hover{
		background: #FFF;
		color: black;
		text-decoration: none;
	}

	.post-detail h2{
		font-family: 'Bebas Neue';
		margin-top: 0;
		font-size: 48px;
		font-weight: bold;
		color: black;
	}

	.post-detail.fullpost h2{
		color: black;
	}

	.post-detail.fullpost .pdf h2{
		color: #FFF;
	}

	@media(max-width: 767px){
		.post-detail h2{
			font-size: 32px;
			margin-top: 20px;
		}
	}

	.post-detail hr{
		border-top: 3px solid black;
		width: 60px;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 20px;
	}

	.post-detail.fullpost hr{
		margin-top: 50px;
	}

	.post-detail.fullpost .date{
		font-weight: 700;
		margin-top: 20px;
		font-family: 'Bebas Neue';
		margin-bottom: 20px;
		font-size: 18px;
		color: #060000;
	}

	.post-detail .exc{
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		color: #656565;
	}
	
	@media(max-width: 767px){
		.post-detail .exc{
			font-size: 16px;
			line-height: 24px;
		}
	}

	.post-detail .exc a:hover{
		text-decoration: none;
	}

	.post-detail .exc button{
		display: block;
		margin-top: 30px;
		border: 3px solid #000;
		background: transparent;
		padding: 10px 30px;
		border-radius: 0;
		transition: all 0.2s;
		font-size: 18px;
		border: 3px solid #000;
		padding: 10px 45px;		
		font-weight: 400;
		text-decoration: none;
	}

	@media(max-width: 767px){
		.post-detail .exc button{
			width: 100%;
			margin-bottom: 30px;
		}
	}
	
	@media(min-width: 1200px){

		.post-detail .exc button.readFullArticle{
			position: absolute;
			bottom: 0;
		}

	}

	.post-detail .exc button:hover{
		background: #000;
		color: #FFF;
		text-decoration: none;
	}

	.btn.btn-next-articles{
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 60px;
		margin-top: 60px;
		background: black;
		color: #FFF;
		padding: 10px 30px;
		border-radius: 30px;		
	}

	@media(max-width: 767px){
		.btn.btn-next-articles{
			border-radius: 0;
			width: 100%;
		}
	}

	.title-month{
		font-family: 'Bebas Neue';
		margin-top: 0;
		font-size: 42px;
		color: black;
		font-weight: 700;
		margin-bottom: -10px;
	}

	.post-detail.fullpost .fullsized.wp-post-image{
		margin-bottom: 25px;
	}

	.post-detail.fullpost .exc{
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		color: #656565;
		font-weight: 400;
		line-height: 27px;
	}
	
	.post-detail.fullpost .exc img{
		height: auto;
	}

	.post-detail.fullpost .exc .perex{
		font-family: 'Solomon Sans';
		font-size: 30px;
		color: black;
		margin-bottom: 30px;
		line-height: 36px;
	}

	.filtering {
		margin-bottom: 30px;
		font-family: 'Bebas Neue';
		font-size: 18px;
		font-weight: 700;
		color: #000000;
	}

	.filtering .year-select{
		display: inline-block;
		margin-right: 10px;
	}

	.filtering .select-month{
		display: inline-block;
		text-transform:  uppercase;
		margin-left: 10px;
		cursor: pointer;
	}

	.owl-thumbs{
		width: 101.5%;
		margin-left: -0.75%;
	}

	.owl-thumbs img{
		display: inline-block;
		max-width: 23%;
		float: left;
		margin-top: 20px;
		margin-right: 1%;
		margin-left: 1%;
		cursor: pointer;
	}

	.gallery{
		position:relative;
		margin-top: 40px;
	}

	.gallery .slideToLeft,
	.gallery .slideToRight{
		position: absolute;
		left: -50px;
		top: 40%;
		cursor: pointer;
		opacity: 0.3;
		transition: all 0.2s;
	}

	@media(max-width: 767px){
		.gallery .slideToLeft, .gallery .slideToRight{
			display: none;
		}
	}
	
	.gallery .slideToLeft:hover,
	.gallery .slideToRight:hover{
		opacity: 1;
	}

	.gallery .slideToLeft{
		transform: rotate(180deg);
	}

	.gallery .slideToRight{
		right: -50px;
		left: auto;
	}


	.container-of-backbutton{
		position: fixed !important;
		top: 115px;
		max-width:  1200px;
		left: 0;
		right: 0;
		background: transparent;
		z-index: 1000;
		transition: all 0.2s;
	}
	.container-of-backbutton.scrolled{
		top: 25px;
	}
	@media(max-width: 767px){
		.container-of-backbutton{
			text-align: center;
			top: 75px;
			z-index: 40000;
		}
	}
	.backToArticles{
		/* margin-top: 30px; */
		display: inline-block;
		text-decoration: underline;
		font-size: 14px;
		color: #656565;
		bottom: 20px;
		left: 20px;
		z-index: 1000;
		background:  #FFF;
		padding: 5px;
		margin-left: -5px;
	}
	
	@media(max-width: 767px){
		.backToArticles{
			top: 0;
		}
	}


	#loader{
		position: fixed;
		top: 0;
		left: 0;
		margin: auto;
	}

	.validate-email-pop{
		background: rgba(0, 0, 0, 0.3);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10000;
		display: none;

	}

	.validate-email-pop .inner-form{
		background: #FFF;
		width: 700px;
		height: 450px;
		max-width: 100%;
		left: 0; right: 0;
		top: 0; bottom: 0;
		margin: auto;
		padding: 25px;
		position: absolute;
		padding-left: 120px;
		padding-right: 120px;
		padding-top: 90px;
	}

	@media(max-width: 767px){
		.validate-email-pop .inner-form{
			padding: 20px;
		}
	}

	.validate-email-pop .inner-form .close-button{
		position: absolute;
		top: 5px;
		right: 25px;
		font-size: 40px;
		cursor: pointer;
	}

	.validate-email-pop .inner-form input{
		width: 100%;
		padding: 10px;
		padding-left: 0;
		border: 0;
		border-bottom: 2px solid black;
		margin-top: 30px;
		font-size: 20px;
	}

	.validate-email-pop .inner-form button{
		float: right;
		margin-top: 50px;
		background: black;
		border: 0;
		padding: 15px 40px;
		border-radius: 30px;
		color: #FFF;
		font-size: 20px;
	}

	.validate-email-pop label{
		font-family: 'Solomon Sans';
		font-weight: 400;
		text-transform: lowercase;
		font-size: 16px;
		padding-left: 40px;
	}	

	.validate-email-pop input[type="checkbox"]{
		opacity: 0;
		margin-top: 0px;
	}

	.validate-email-pop input[type="checkbox"] + label:before{
		content: '';
		width: 20px;
		height: 20px;
		background: white;
		position: absolute;
		margin-left: -40px;
		border: 2px solid black;
		transition: all 0.2s;
	}	

	.validate-email-pop input[type="checkbox"]:checked + label:before{
		background: #000;
	} 

	.circle-icon{
		background: black;
		color: #FFF;
		width: 50px;
		height: 50px;
		display: inline-block;
		vertical-align: middle;
		margin-left: 8px;
		margin-right: 8px;
		border-radius: 50%;
		line-height: 52px;
		font-size: 22px;
		padding-right: 2px;
	}

	.qas-area{
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.qas-area .qas-question{
		font-weight: 600;
		text-transform: uppercase;
	}
	

	@media(max-width: 767px){
		.queryContainer{
			padding-left: 0;
			padding-right: 0;
		}
	}

	.modal {
		z-index: 999999;
	}