/*
Theme Name: REALITY JORDÁN
Theme URI: 
Author: Marek Klusák & Radek Tejkl
Author URI: https://www.mklusak.cz
Description: WordPress theme
Version: 1.0
License: GNU General Public License
License URI: 
Tags:  
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
/******************************************************************************/


*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; }

*:last-child { margin-bottom: 0 !important; }


/* =Structure
----------------------------------------------- */
body {
	line-height: 1.7; 
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #b8780d;
}

@media (min-width: 960px) {
	body { font-size: 112.5%; }
}


/* html, body { height: 100%; } */



p { margin: 0 0 20px; }

@media (min-width: 960px) {
	p {  margin-bottom: 30px; }
}

b, strong {  font-weight: 700; }

a { text-decoration: underline; color: #0b2336; text-decoration-skip: ink; transition: all .25s ease-in-out; }
a:hover { text-decoration: none; }



.btn { display: inline-block; margin: 4px; padding: 10px 22px; transition: all .25s ease-in-out; border: 0; border-radius: 0; }
.btn { font-size: 14px; line-height: 1.5; letter-spacing: 1px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.btn { border: solid 2px transparent; }
.btn--medium { padding: 12px 32px; }
.btn--big { padding: 15px 42px; }

@media (min-width: 960px) {
	.btn { font-size: 16px; }
	.btn--medium { padding: 12px 40px 12px; }
	.btn--big { padding: 18px 50px; }
}

.btn { color: #c91315; background-color: #fff; border-color: #c91315; }
.btn:hover { color: #fff; background-color: #c91315; }

.btn--fill { color: #fff; background-color: #c91315; border-color: #c91315; }
.btn--fill:hover { color: #c91315; background-color: #fff; border-color: #c91315; }






h1, .h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; line-height: 1.4; font-weight: 700;  }
h1, .h1 { font-size: 28px; font-weight: 700; }
h2 { font-size: 24px;  }
h3 { font-size: 20px;  }
h4 { font-size: 18px; }
h5, h6 { font-size: 16px;  }

@media (min-width: 960px) {
	h1, .h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; }
	h1, .h1 { font-size: 40px; }
	h2 { font-size: 36px }
	h3 { font-size: 30px }
	h4 { font-size: 24px }
	h5 { font-size: 20px }
	h6 { font-size: 16px }
}







ul, ol { margin: 0 0 20px; }
li { margin: 15px 4px 15px 20px }


hr { clear: both; border: 0; height: 1px; background: #0b2336; width: 100%; margin: 0 0 20px;  }



blockquote { margin: 1.5em 0; font-size: 18px; font-style: italic; color: #ababab; }
blockquote p { margin: 0 0 1.5em; }
blockquote *:last-child { margin: 0; }



table { margin: 0 0 1.5em; border: 0; }
td, th { padding: 5px; border: 0; text-align: left; vertical-align: middle; font-weight: normal;  }









table.vsenalevo * { text-align: left;  }

input, .input, textarea {
	width: 100%;
	height: 50px;
	margin: 0; 
	padding: 5px 15px; 
	font-size: inherit;
	font-family: 'Raleway', sans-serif;
	color: #000;  
	border: 1px solid #E5E3E3;
	background: #fff;
}
textarea { height: 125px; padding: 20px 25px; }
input[type="radio"], input[type="checkbox"] { width: auto; height: auto; }

select { width: auto;  }
select option:disabled { font-style: italic; color: silver;  }


input[type=submit], button { width: auto; height: auto; white-space: normal; cursor: pointer; -webkit-appearance: none;  }
input[type=submit]:hover { }






::-webkit-input-placeholder {
	color:    gray;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}
:-moz-placeholder {
	color:    gray;
	opacity:  1;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}
::-moz-placeholder {
	color:    gray;
	opacity:  1;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}
:-ms-input-placeholder {
	color:    gray;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}
:placeholder-shown {
	color:    gray;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}









.clear { clear: both }
.clearfix:before, .cf:before, .clearfix:after, .cf:after { content: " "; display: table; }
.clearfix:after, .cf:after { clear: both; }


.center { text-align: center;  }









.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}






/* =WordPress Core
-------------------------------------------------------------- */
img { border: 0; max-width: 100%; height: auto;  }

img.alignnone { margin: 1em 0;}
.aligncenter { display: block; margin: 1em auto ;}

img.alignright, img.alignleft, img.aligncenter { margin: 10px auto;}

@media (min-width: 500px) {
	img.alignright { float: right; margin: 5px 0 20px 30px; }
	img.alignleft { float: left; margin: 5px 30px 20px 0; }
}
@media (min-width: 960px) {
	img.alignright { margin-left: 40px; }
	img.alignleft { margin-right: 40px; }	
}

.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 p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
img.wp-smiley { vertical-align: middle; border: 0 !important;}

.gallery { margin: 0 auto 30px; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center;	}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 15%; }
.gallery .gallery-item img { max-width: 90%; height: auto; box-shadow: 0 0 5px silver; }
.gallery .gallery-caption {	margin-left: 0;	}


@media (min-width: 960px) {
	.gallery { margin-bottom: 60px; }
}









#media-query-breakpoint { font-family: '360'; }

@media  (min-width: 500px) {  #media-query-breakpoint { font-family: '500'; } }
@media  (min-width: 600px) {  #media-query-breakpoint { font-family: '600'; } }
@media  (min-width: 768px) {  #media-query-breakpoint { font-family: '768'; } }
@media  (min-width: 960px) {  #media-query-breakpoint { font-family: '960'; } }
@media  (min-width: 1100px) {  #media-query-breakpoint { font-family: '1100'; } }
@media  (min-width: 1200px) {  #media-query-breakpoint { font-family: '1200'; } }
@media  (min-width: 1400px) {  #media-query-breakpoint { font-family: '1400'; } }















/*
  ,ad8888ba,    88888888ba   88888888888    ,ad8888ba,   888b      88  88888888888  
 d8"'    `"8b   88      "8b  88            d8"'    `"8b  8888b     88  88           
d8'        `8b  88      ,8P  88           d8'            88 `8b    88  88           
88          88  88aaaaaa8P'  88aaaaa      88             88  `8b   88  88aaaaa      
88          88  88""""""8b,  88"""""      88             88   `8b  88  88"""""      
Y8,        ,8P  88      `8b  88           Y8,            88    `8b 88  88           
 Y8a.    .a8P   88      a8P  88            Y8a.    .a8P  88     `8888  88           
  `"Y8888Y"'    88888888P"   88888888888    `"Y8888Y"'   88      `888  88888888888
*/


body { display: flex; flex-direction: column; }

.web {  }


.main { flex: 1 0 auto; position: relative;  }

.in, .inw { width: 90%; max-width: 1220px; margin: auto; padding: 40px 0; }

.mw1070 { max-width: 1070px; }

@media (min-width: 768px) {
	.in,.inw { width: 94%; padding: 40px 0; }
}

@media (min-width: 960px) {
	.page-content__in { min-height: 500px; }
}

@media (min-width: 1400px) {
	.in,.inw { padding: 50px 0; }
}


.strankovani {  }
.strankovani .dalsi { float: right; }
.strankovani .predchozi { float: left; }


.pagination { clear: both; margin-top: 60px;  text-align: right;  font-weight: bold; }
.pagination .page-numbers { display: inline-block; padding: 10px 18px 8px 16px }
.pagination a.page-numbers { text-decoration: none;  }
.pagination .page-numbers.current {  }




.page-header__title { text-align: center; }





/* Stylovani radii a checkoxu - https://kyusuf.com/post/completely-css-custom-checkbox-radio-buttons-and-select-boxes  */

.control { display: block; position: relative; padding-left: 40px; cursor: pointer; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator {
  position: absolute;
  top: 0px;
  left: 0;
  width: 26px;
  height: 26px;
  background: #fff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba( 0, 0, 0, .07 )
}
.control--radio .control__indicator { }

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator { }

/* Checked state */
.control input:checked ~ .control__indicator {
  background: #fff;
  background-image: url(img/check.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 11px;
}

.control--radio input:checked ~ .control__indicator { }

/* Disabled state */
.control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #e6e6e6;}










.has-symbol { position: relative; z-index: 10; }
.has-symbol:before { content: ''; display: block; height: 2px; width: 100%; background-color: #3f8fc1; }
.has-symbol:before { position: absolute; left: 0; bottom: 5px; z-index: 5; }

.has-symbol:after { content: ''; display: block; height: 48px; width: 48px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.has-symbol:after { position: absolute; left: 50%; bottom: -18px; z-index: 6; }
.has-symbol:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.has-symbol:after { background-image: url(img/symbol.svg); }












/*
88        88  88                  db         8b           d8  88    ,ad8888ba,   88      a8P          db         
88        88  88                 d88b        `8b         d8'  88   d8"'    `"8b  88    ,88'          d88b        
88        88  88                d8'`8b        `8b       d8'   88  d8'            88  ,88"           d8'`8b       
88aaaaaaaa88  88               d8'  `8b        `8b     d8'    88  88             88,d88'           d8'  `8b      
88""""""""88  88              d8YaaaaY8b        `8b   d8'     88  88             8888"88,         d8YaaaaY8b     
88        88  88             d8""""""""8b        `8b d8'      88  Y8,            88P   Y8b       d8""""""""8b    
88        88  88            d8'        `8b        `888'       88   Y8a.    .a8P  88     "88,    d8'        `8b   
88        88  88888888888  d8'          `8b        `8'        88    `"Y8888Y"'   88       Y8b  d8'          `8b
*/

.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; background-color: #fff; }

body { padding-top: 81px; }

/* navigace */

.header__in { width: 100%; position: relative; z-index: 50; display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 25px; }

.header__logo { display: block; position: relative; z-index: 10; text-decoration: none; color: #b8780d;  }
.header__logo__1, .header__logo__2 { display: block; line-height: 1; text-align: center; } 
.header__logo__1 { margin-bottom: 2px; font-size: 18px }
.header__logo__2 { font-weight: 600; font-size: 20px; letter-spacing: 1px; } 

.menu-toggle { position: relative; z-index: 10; display: block; width: 46px; height: 46px; margin: 0;  background-color: #b8780d; }
.menu-toggle span:after,
.menu-toggle span:before { content: "";  position: absolute; left: 0; top: -8px; background-color: #fff;  }
.menu-toggle span:after{ left: 0; top: 8px; background-color: #fff; }
.menu-toggle span { position: relative; left: 11px; top: 22px;  display: block; background-color: #fff; }
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before { width: 25px; height: 2px; transition: all 0.3s; backface-visibility: hidden;  }
.menu-toggle.on span { background-color: transparent; } 
.menu-toggle.on span:before {  transform: rotate(45deg) translate( 6px, 6px); }
.menu-toggle.on span:after {  transform: rotate(-45deg) translate(5px, -6px); }

@media (min-width: 600px) {
	/*
	body { padding-top: 79px; }
	.header__in { padding-bottom: 23px; }	
	*/
}

@media (min-width: 960px) {
	body { padding-top: 89px; }
	
	.header__in { padding: 18px 10px 31px; justify-content: space-between; align-items: center; }
	
	.header__logo { margin-right: 20px; }
}

@media (min-width: 1070px) {
	body { padding-top: 102px; }
	.header__logo img { height: 53px !important; }
	
	.header__logo__1 {  }
	.header__logo__2 { font-size: 33px; letter-spacing: 2px; } 
}






















/*
88b           d88  88888888888  888b      88  88        88  
888b         d888  88           8888b     88  88        88  
88`8b       d8'88  88           88 `8b    88  88        88  
88 `8b     d8' 88  88aaaaa      88  `8b   88  88        88  
88  `8b   d8'  88  88"""""      88   `8b  88  88        88  
88   `8b d8'   88  88           88    `8b 88  88        88  
88    `888'    88  88           88     `8888  Y8a.    .a8P  
88     `8'     88  88888888888  88      `888   `"Y8888Y"'
*/


.navigace {   }
.navigace ul { list-style: none; margin: 0;  }
.navigace li { margin: 0;  }
.navigace a { text-decoration: none;  color: #b8780d; text-transform: uppercase; }
.navigace a:hover { text-decoration: none; }



@media  (max-width: 959px) {
	.navigace { display: none; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; padding-top: 66px; }
	.navigace { background-color: #fdfce8;   }
	.navigace a { display: block; padding: 8px 15px; font-size: 15px; line-height: 1.5; text-align: left; color: #b8780d; }
	.navigace li li { margin-left: 30px; }
}


@media (min-width: 960px) { 
	
	.menu-toggle { display: none; }
	.navigace { display: block !important;  }

	.navigace ul { line-height: 1; }
	.navigace .menu > li { display: inline-block; margin: 0 2px; padding: 0; position: relative; }
	
	.navigace a { display: block; line-height: 1; font-size: 18px; font-weight: 500; }
	.navigace a { text-decoration: none; }
 	
 	.navigace .menu > li > a { padding: 5px 10px }
 	
 	.navigace .menu > li > a:hover, .navigace .menu > li:hover > a, .navigace .current-menu-item > a  {    }
 	
	.navigace .sub-menu { display: none; }	

}



@media (min-width: 1200px) {
	.navigace a { font-size: 20px; letter-spacing: 1px }
	
}

@media (min-width: 1400px) {
	
}













/*
88888888888    ,ad8888ba,      ,ad8888ba,    888888888888  88888888888  88888888ba   
88            d8"'    `"8b    d8"'    `"8b        88       88           88      "8b  
88           d8'        `8b  d8'        `8b       88       88           88      ,8P  
88aaaaa      88          88  88          88       88       88aaaaa      88aaaaaa8P'  
88"""""      88          88  88          88       88       88"""""      88""""88'    
88           Y8,        ,8P  Y8,        ,8P       88       88           88    `8b    
88            Y8a.    .a8P    Y8a.    .a8P        88       88           88     `8b   
88             `"Y8888Y"'      `"Y8888Y"'         88       88888888888  88      `8b
*/



.footer { flex-shrink: 0; clear: both;   }


.footer-contact { background-color: #744c08; color: #fdfce8; }

.footer-contact__in { padding-bottom: 0; }

.footer-contact__img { position: relative; margin-top: 20px; height: 300px; mix-blend-mode: luminosity; background: url(img/kontakt3.png) center bottom no-repeat; background-size: auto 300px; }

.footer-contact__img:before { content: ''; position: absolute; bottom: 10px; right: 10px; width: 40px; height: 49px;  }
.footer-contact__img:before { background: url(img/logo-era.svg) center center / 40px 49px no-repeat; }

@media (min-width: 768px) {
	.footer-contact__img:before { right: -10px }
}

@media (min-width: 1200px) {
	.footer-contact__img:before { background-size: 60px 74px; width: 60px; height: 74px; right: -40px; bottom: 20px }
}

@media (max-width: 959px) {
	.home .footer-contact__in { padding-top: 80px;  }
}

.footer-contact h3 { color: inherit; }
.footer-contact a { color: inherit; }

.footer-contact__desc { margin-bottom: 20px; }

.footer-contact__name { padding-left: 50px; font-size: 140%; font-weight: bold; }

.footer-contact__phone, .footer-contact__email { padding-left: 50px; font-size: 140%; background-position: left center; background-repeat: no-repeat; }
.footer-contact__phone { background-image: url(img/phone.png); background-size: 16px 26px; background-position: 5px center; }
.footer-contact__email { background-image: url(img/email.png); background-size: 27px 20px; }
.footer-contact__phone a, .footer-contact__email a { font-weight: bold; }
.footer-contact__phone a { text-decoration: none; }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.footer-contact__phone { background-image: url(img/phone2x.png); }
	.footer-contact__email { background-image: url(img/email2x.png); }	
}

.footer-contact__bottom { margin-top: 20px; }

@media (min-width: 768px) {
	.footer-contact__in { position: relative; padding-bottom: 40px; }
	.footer-contact__in > * { margin-right: 45%; }
	
	.footer-contact__img { position: absolute; right: 0; bottom: 0; width: 45%; height: 100%; margin: 0 !important; }
	.footer-contact__img { background-size: contain; background-position: bottom right; }
}

@media (min-width: 960px) {
	
	.footer-contact__img { width: 40%; }
		
	.footer-contact__title { font-size: 225%; }
	.footer-contact__desc { margin-bottom: 50px;}
	
	.footer-contact__name, .footer-contact__phone, .footer-contact__email { font-size: 225%; padding-left: 70px; }
	.footer-contact__name { margin-bottom: 5px; }
	.footer-contact__phone { margin-bottom: 5px; background-position: 10px center; background-size: 32px 52px; }
	.footer-contact__email { background-size: 48px 36px; }
	
}


@media (min-width: 1200px) {
	.footer-contact__in { padding: 90px 0; }
	
	/*
	.footer-contact__in > * { margin-right: 35%; }
	.footer-contact__title { margin-right: 20%; font-size: 315%; }
	.footer-contact__desc { font-size: 125%;  }
	*/
}

@media (min-width: 1400px) {
	/*
	.footer-contact__in > * { margin-right: 27%; }
	.footer-contact__title { margin-right: 20%; }
	*/
}






.footer-colab { text-align: center; background-color: #fdfce8; }

.footer-colab h3 { font-weight: 300; }
.footer-colab h3 { margin-bottom: 10px; }

.footer-colab__list { list-style: none; margin: 0;  }
.footer-colab__list li { margin: 0; }

.footer-colab__text { margin-top: 30px; }

@media (min-width: 768px) {
	.footer-colab { text-align: left; }
	.footer-colab__in { padding: 60px 0; }
	
	.footer-colab h3 { margin-bottom: 20px; }
	
	.footer-colab__lists { display: flex; justify-content: space-between; }
	.footer-colab__list { width: 30%; }
	
	.footer-colab__text { margin-top: 50px; }
}


@media (min-width: 1200px) {
	.footer-colab__in { padding: 90px 0; }
}




.footer-company {}
.footer-company__in { padding: 60px 0; }

.footer-company__wrapper { text-align: center; }

@media (min-width: 768px) {
	.footer-company__in { padding: 100px 0; }
}

@media (min-width: 960px) {
	.footer-company { font-size: 20px }
	.footer-company__in { padding: 150px 0 200px; }
}






.footer-copy { text-align: center; background-color: #fff; }
.footer-copy a { color: inherit; }

.footer-copy__in { padding: 20px 0; }

.footer-copy__site { margin-bottom: 10px; }

@media (min-width: 960px) {
	.footer-copy__in { display: flex; justify-content: space-between; padding: 50px 0; }
	.footer-copy__site, .footer-copy__devs { width: 48%; margin-bottom: 0; }
	.footer-copy__site { text-align: left; }
	.footer-copy__devs { text-align: right; }
}


























/*
88888888ba   88888888ba     ,ad8888ba,    88b           d88    ,ad8888ba,    
88      "8b  88      "8b   d8"'    `"8b   888b         d888   d8"'    `"8b   
88      ,8P  88      ,8P  d8'        `8b  88`8b       d8'88  d8'        `8b  
88aaaaaa8P'  88aaaaaa8P'  88          88  88 `8b     d8' 88  88          88  
88""""""'    88""""88'    88          88  88  `8b   d8'  88  88          88  
88           88    `8b    Y8,        ,8P  88   `8b d8'   88  Y8,        ,8P  
88           88     `8b    Y8a.    .a8P   88    `888'    88   Y8a.    .a8P   
88           88      `8b    `"Y8888Y"'    88     `8'     88    `"Y8888Y"' 
*/


.promo { position: relative; z-index: 10; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.promo:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;  }
.promo:before { background: rgba( 0, 0, 0, .2) url(img/logo-era.svg) top 10px right 10px / 40px 49px no-repeat; }

@media (min-width: 1200px) {
	.promo:before { background-size: 60px 74px; background-position: top 40px right 40px; }
}


.promo__video { display: none; }

.promo__slideshow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.promo__slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; 
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	/* animation - trvani musim prepocitat dynamicky - max 10 slidu x 5s */
	-o-animation: promoSlideShow 50s linear infinite 0s;
	-moz-animation: promoSlideShow 50s linear infinite 0s;
	-webkit-animation: promoSlideShow 50s linear infinite 0s; 
	animation: promoSlideShow 50s linear infinite 0s;
}
.promo__slide--1 { opacity: 1; }
.promo__slide--2 { -webkit-animation-delay: 5s !important; animation-delay: 5s !important; }
.promo__slide--3 { -webkit-animation-delay: 10s !important; animation-delay: 10s !important; }
.promo__slide--4 { -webkit-animation-delay: 15s !important; animation-delay: 15s !important; }
.promo__slide--5 { -webkit-animation-delay: 20s !important; animation-delay: 20s !important; }
.promo__slide--6 { -webkit-animation-delay: 25s !important; animation-delay: 25s !important; }
.promo__slide--7 { -webkit-animation-delay: 30s !important; animation-delay: 30s !important; }
.promo__slide--8 { -webkit-animation-delay: 35s !important; animation-delay: 35s !important; }
.promo__slide--9 { -webkit-animation-delay: 40s !important; animation-delay: 40s !important; }
.promo__slide--10 { -webkit-animation-delay: 45s !important; animation-delay: 45s !important; }

.promo__content { position: relative; z-index: 20; padding: 80px 20px 40px; text-align: center; }

.promo__h1 { color: #fff; text-transform: uppercase; font-weight: 900; text-shadow: 0 0 40px #272822; }
.promo__h2 { color: #fff; font-weight: 300; font-size: 120%; text-shadow: 0 0 5px #000; }
.promo__h2 { margin-bottom: 40px; }

.promo__h1__span { position: relative; display: inline-block; }
.promo__h1__label { position: absolute; right: 0; bottom: -20px; z-index: 5; display: block; padding: 5px 10px; border: 1px solid red; border-radius: 5px; }
.promo__h1__label { transform: rotate(-10deg); }
.promo__h1__label { color: red; font-size: 70%; }

.promo__down {  }
.promo__downlink { display: block; margin: auto; width: 40px; height: 40px; background: url(img/arr-down3.png) center center no-repeat; background-size: 15px 35px;  }
.promo__downlink { opacity: .7; }
.promo__downlink:hover { opacity: 1; }

@media (min-width: 600px) {
	.promo__content { padding: 100px 20px 40px; }
}

@media (min-width: 768px) {
	.promo { padding: 0 0 56.25% 0; }
	.promo__content { padding: 0 20px; position: absolute; top: 50%; left: 0; width: 100%; z-index: 15; transform: translateY(-50%);  }
	
	.promo__video { opacity: 0.01; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
	.promo__video .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
	
	.promo__h1 { font-size: 300% }
	.promo__h2 { font-size: 200% }
	
	.promo__h1__label { right: -30px; }
}

@media (min-width: 960px) {
	.promo__h1 { font-size: 400% }
	.promo__h2 { font-size: 200% }
	
	.promo__h1__label { right: -50px; bottom: -50px; padding: 5px 20px; }
	
}

@media (min-width: 1200px) {
	.promo__h1 { margin-bottom: 60px; font-size: 465%; }
	.promo__h2 { margin-bottom: 80px; }
	.promo__downlink { width: 75px; height: 75px; background-size: 30px 71px }
}










/* promo promoSlideshow keyframes */

@keyframes promoSlideShow {  
	0% { opacity: 0; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
	5% { opacity: 1; }
	25% { opacity: 1; }
	30% { opacity: 0; -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
	100% { opacity: 0; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
}


/*
@-o-keyframes 
slideShow {  0% {
opacity: 0;
-o-transform:scale(1);
}
5% {
opacity: 1
}
25% {
opacity: 1;
}
30% {
opacity: 0;
-o-transform:scale(1.1);
}
100% {
opacity: 0;
-o-transformm:scale(1);
}
}
@-moz-keyframes 
slideShow {  0% {
opacity: 0;
-moz-transform:scale(1);
}
5% {
opacity: 1
}
25% {
opacity: 1;
}
30% {
opacity: 0;
-moz-transform:scale(1.1);
}
100% {
opacity: 0;
-moz-transformm:scale(1);
}
}
@-webkit-keyframes 
slideShow {  0% {
opacity: 0;
-webkit-transform:scale(1);
}
5% {
opacity: 1
}
25% {
opacity: 1;
}
30% {
opacity: 0;
-webkit-transform:scale(1.1);
}
100% {
opacity: 0;
-webkit-transformm:scale(1);
}
}
*/












/*
88        88  88888888ba       88  888b      88  88888888888    ,ad8888ba,    
88        88  88      "8b      88  8888b     88  88            d8"'    `"8b   
88        88  88      ,8P      88  88 `8b    88  88           d8'        `8b  
88aaaaaaaa88  88aaaaaa8P'      88  88  `8b   88  88aaaaa      88          88  
88""""""""88  88""""""'        88  88   `8b  88  88"""""      88          88  
88        88  88               88  88    `8b 88  88           Y8,        ,8P  
88        88  88               88  88     `8888  88            Y8a.    .a8P   
88        88  88               88  88      `888  88             `"Y8888Y"' 
*/

.hp-info { z-index: 20; }
.hp-info__in { padding: 40px 0 100px; }

.hp-info__heading { text-align: center; font-weight: bold; }

.hp-info__desc { max-width: 1070px; margin-left: auto; margin-right: auto; text-align: center; }
.hp-info__desc { margin-bottom: 40px; color: #b8780d; color: rgba(88, 35, 18, .7); }



.numbers-slideshow__wrapper { position: relative; z-index: 1; padding: 0 40px; }
.numbers-slideshow__items {  }

.numbers-slideshow__prev, .numbers-slideshow__next { display: block; width: 18px; height: 78px; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.numbers-slideshow__prev, .numbers-slideshow__next { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.numbers-slideshow__prev { left: 0; background-image: url(img/arr-left.png); }
.numbers-slideshow__next { right: 0; background-image: url(img/arr-right.png); }
.numbers-slideshow__prev:hover, .numbers-slideshow__next:hover { opacity: .6;  }

.number-item { text-align: center; line-height: 1; background-color: #fff; }
.number-item__number { margin-bottom: 10px; font-weight: bold; color: #3f8fc1; font-size: 400%; }
.number-item__desc { font-weight: 300; color: #b8780d; font-size: 125% }

.number-item { display: none; }
.number-item:first-child { display: block; }

.number-slideshow__dots { margin-top: 25px; display: flex !important; justify-content: center; }
.number-slideshow__dots a { width: 20px; height: 4px; background-color: #E6DFD3; }
.number-slideshow__dots a.selected { background-color: #3f8fc1; }
.number-slideshow__dots span { display: none; }


@media (min-width: 768px) {
	.hp-info__in { padding: 60px 0 110px; }
	.hp-info__heading { font-size: 250%; }
	.hp-info__desc { margin-bottom: 60px; font-size: 125%; }
	
	.numbers-slideshow__wrapper { padding: 0 50px; }
	
	.numbers-slideshow__prev, .numbers-slideshow__next { width: 37px; height: 157px;  }
	
	.number-item__number { font-size: 600% }
	.number-item__desc { font-size: 150% }
}

@media (min-width: 960px) {
	.hp-info__in { padding: 100px 0 130px; }
	.hp-info__heading { font-size: 300%; }	
	
	.numbers-slideshow__wrapper { padding: 0 100px; }
	
	.number-item__number { margin-bottom: 20px; font-size: 800% }
	.number-item__desc { font-size: 250% }
}

@media (min-width: 1200px) {
	.hp-info__in { padding: 120px 0 150px; }	
	.hp-info__heading { font-size: 375%; }
	.hp-info__desc {  font-size: 150%; }
	
	.number-item__number { font-size: 1125% }
	.number-item__desc { font-size: 312% }
	
	.numbers-slideshow__prev, .numbers-slideshow__next { width: 60px; background-size: 37px 157px;  }
}





.video-a-3d { margin-top: 70px; }
.prehravac { margin: 0 auto 20px; display: block; padding-bottom: 56.25%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.prehravac { position: relative; text-decoration: none; }
.prehravac__play { display: block; width: 100%; text-align: center; color: #fff; font-size: 18px; }
.prehravac__play { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.prehravac__play { transition: all .2s ease-in-out; }
.prehravac__play { text-shadow: 1px 1px 1px #000, 0 0 5px #000; }

.prehravac:hover .prehravac__play { top: 45% }

.prehravac__play:after { content: ''; display: block; width: 50px; height: 50px; margin: 10px auto 0; background: url(img/play-white.svg) bottom center / contain no-repeat }
.prehravac__play:after { border-radius: 50%; box-shadow: 0 0 20px rgb(0 0 0 / 50%); }


@media (min-width: 768px) {
	.video-a-3d { margin-top: 100px }
	
	.prehravac { width: 50%; margin: 0 auto; padding-bottom: 28.12% }
	
	.video-a-3d--obe { display: flex; justify-content: space-between; align-items: stretch; }
	.video-a-3d--obe .prehravac { width: 49%; margin: 0 }
	
}
@media (min-width: 960px) {
	.video-a-3d { margin-top: 130px }
	.prehravac__play { font-size: 32px }
	.prehravac__play:after { width: 80px; height: 80px; margin-top: 15px }
}






.ctyri-tlacitka-wrapper { margin-top: 70px; }
.ctyri-tlacitka-nadpis { text-align: center; color: rgba(88, 35, 18, .7);  }

.ctyri-tlacitka { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; }
.ctyrtlacitko { margin: 0 0 15px !important; width: 47.5%; display: block; text-decoration: none; padding: 20px; text-align: center; color: #855942; border-radius: 4px; }
.ctyrtlacitko:hover { text-decoration: none; opacity: .75; }
.ctyrtlacitko--1 { background-color: #FFEED8; }
.ctyrtlacitko--2 { background-color: #FFE0BD; }
.ctyrtlacitko--3 { background-color: #FFC592; }
.ctyrtlacitko--4 { background-color: #FFA356; }
.ctyrtlacitko_1 { display: block; margin-bottom: 3px; font-weight: bold; font-size: 16px; line-height: 1.2; }
.ctyrtlacitko_2 { display: block; font-weight: normal; font-size: 14px; line-height: 1.3; }

@media (min-width: 768px) {
	.ctyri-tlacitka-wrapper { margin-top: 100px; }
	.ctyri-tlacitka { flex-wrap: nowrap }
	.ctyrtlacitko { width: 24%; margin: 0 !important;  }
}

@media (min-width: 960px) {
	.ctyri-tlacitka-wrapper { margin-top: 130px; }
	.ctyrtlacitko { padding: 30px 20px }
	.ctyrtlacitko_1 { margin-bottom: 5px; font-size: 21px }
	.ctyrtlacitko_2 { font-size: 16px }
}







































/*
88  888b      88  88888888888    ,ad8888ba,        88888888ba   88             ,ad8888ba,    88      a8P   8b        d8  
88  8888b     88  88            d8"'    `"8b       88      "8b  88            d8"'    `"8b   88    ,88'     Y8,    ,8P   
88  88 `8b    88  88           d8'        `8b      88      ,8P  88           d8'        `8b  88  ,88"        Y8,  ,8P    
88  88  `8b   88  88aaaaa      88          88      88aaaaaa8P'  88           88          88  88,d88'          "8aa8"     
88  88   `8b  88  88"""""      88          88      88""""""8b,  88           88          88  8888"88,          `88'      
88  88    `8b 88  88           Y8,        ,8P      88      `8b  88           Y8,        ,8P  88P   Y8b          88       
88  88     `8888  88            Y8a.    .a8P       88      a8P  88            Y8a.    .a8P   88     "88,        88       
88  88      `888  88             `"Y8888Y"'        88888888P"   88888888888    `"Y8888Y"'    88       Y8b       88  
*/

.info-blocks {}

.info-block { padding: 35px 0; }
.info-block:nth-child(even) { background-color: #fdfce8; }

.info-block__in { max-width: 1230px; margin: auto; padding: 0; }

.info-block__text { margin-bottom: 20px; text-align: center; }
.info-block__image { height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.info-block__title { margin-bottom: 10px; font-weight: 900; } 
.info-block__desc { margin-bottom: 10px; }
.info-block__button {} 
.info-block__button a { color: #b8780d; } 

@media (min-width: 768px) {
	.info-block__in { display: flex; justify-content: space-between; align-items: center; }
	.info-block__text { width: 40%; text-align: left; }
	.info-block__image { width: 55%; height: 300px; }
	
	.info-block:nth-child(even) .info-block__text { order: 2; }
	.info-block:nth-child(even) .info-block__image { order: 1; }
	
}

@media (min-width: 960px) {
	.info-block { padding: 75px 0; }
	
	.info-block__text { width: 35%; }
	.info-block__image { width: 60%; height: 400px; }
	
	.info-block__title { margin-bottom: 20px; } 
	.info-block__desc { margin-bottom: 20px; }
}

@media (min-width: 1200px) {
	.info-block__text { width: 34%; }
	.info-block__image	{ height: 530px; }
	
	.info-block__title { margin-bottom: 30px; font-size: 315% }
	.info-block__desc { margin-bottom: 30px; font-size: 125% }
	.info-block__button { font-size: 125% }
	
}








/*
88888888ba     ,ad8888ba,    88888888ba   88        88  88888888ba   
88      "8b   d8"'    `"8b   88      "8b  88        88  88      "8b  
88      ,8P  d8'        `8b  88      ,8P  88        88  88      ,8P  
88aaaaaa8P'  88          88  88aaaaaa8P'  88        88  88aaaaaa8P'  
88""""""'    88          88  88""""""'    88        88  88""""""'    
88           Y8,        ,8P  88           88        88  88           
88            Y8a.    .a8P   88           Y8a.    .a8P  88           
88             `"Y8888Y"'    88            `"Y8888Y"'   88  
*/

body { position: relative; }

/*html.popupopen, html.popupopen body { overflow: hidden; }*/
/*html.popupopen, html.popupopen body { position: fixed; }*/


@media (min-width: 768px) {
/*	.popupopen body {  padding-right: 17px; }	*/
}

#popup { display: none; }

#popup { position: fixed; z-index: 500; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #fff; overflow: auto;  }

.popup__in { margin: auto; padding: 50px 0;   }

.popup__close { position: fixed; top: 10px; right: 10px; width: 40px; height: 40px; background: url(img/close.svg) center center no-repeat; background-size: cover; }
.popup__close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }


@media (min-width: 768px) {
	#popup { background-color: #fff; top: 30px; left: 30px; right: 30px; bottom: 30px; width: auto; height: auto; box-shadow: 0 0 100px black;  }
	.popup__close { top: 50px; right: 60px; }
	.popup__in { max-width: 1000px; }
}

@media (min-width: 960px) {
	.popup__in { padding: 80px 0; }
	.popup__close { padding: 10px 15px 13px;   }
}




















/*
88             ,ad8888ba,    88      a8P          db         88           88  888888888888         db         
88            d8"'    `"8b   88    ,88'          d88b        88           88       88             d88b        
88           d8'        `8b  88  ,88"           d8'`8b       88           88       88            d8'`8b       
88           88          88  88,d88'           d8'  `8b      88           88       88           d8'  `8b      
88           88          88  8888"88,         d8YaaaaY8b     88           88       88          d8YaaaaY8b     
88           Y8,        ,8P  88P   Y8b       d8""""""""8b    88           88       88         d8""""""""8b    
88            Y8a.    .a8P   88     "88,    d8'        `8b   88           88       88        d8'        `8b   
88888888888    `"Y8888Y"'    88       Y8b  d8'          `8b  88888888888  88       88       d8'          `8b  
*/

.lokalita__vzdalenosti { padding: 20px; }
.lokalita__vzdalenosti td { padding: 5px 5px 5px;  }
.lokalita__vzdalenosti tr > td:first-child { padding-right: 30px; }


.google-map { min-height: 400px; }

@media (min-width: 768px) {
	
	.lokalita__mapa { display: flex; align-items: stretch; }
	.lokalita__vzdalenosti { width: 50%; }
	.google-map { width: 50%; }
	
}

@media (min-width: 960px) {
	.lokalita__vzdalenosti {  }
	.google-map {  min-height: 500px; }
}



@media (min-width: 1400px) {
	.lokalita__vzdalenosti { width: 35%;  }
	.google-map { width: 65%;  }	
}

@media (min-width: 1600px) {
	.lokalita__vzdalenosti { width: 30%;  }
	.google-map { width: 70%;  }	
}



/*
  ,ad8888ba,          db         88           88888888888  88888888ba   88  88888888888  
 d8"'    `"8b        d88b        88           88           88      "8b  88  88           
d8'                 d8'`8b       88           88           88      ,8P  88  88           
88                 d8'  `8b      88           88aaaaa      88aaaaaa8P'  88  88aaaaa      
88      88888     d8YaaaaY8b     88           88"""""      88""""88'    88  88"""""      
Y8,        88    d8""""""""8b    88           88           88    `8b    88  88           
 Y8a.    .a88   d8'        `8b   88           88           88     `8b   88  88           
  `"Y88888P"   d8'          `8b  88888888888  88888888888  88      `8b  88  88888888888  
*/




.galerie-header { text-align: center; background-color: #fdfce8; }
.galerie-header__in { padding-top: 80px; }

.galerie__title { text-transform: uppercase; font-weight: 900; color: #3f8fc1; }

@media (min-width: 768px) {
	.galerie-header__in { display: flex; justify-content: space-between; align-items: center; padding: 80px 0 60px; }
	.galerie__title { margin-bottom: 0; }
}
@media (min-width: 960px) {
	.galerie__title { font-size: 315%; }
}
@media (min-width: 1200px) {
	.galerie__title { font-size: 435%; }
}









.galerie-content { max-width: 1440px; margin: auto;  }

.pict { display: block; border-bottom: 2px solid #fff; }
.pict img { display: block; margin: 0; }

.pict.fancyvideo {  }
.pict.fancyvideo:before { content: ''; display: block; width: 65px; height: 65px; background: url(img/play.svg) center center no-repeat; background-size: cover; }
.pict.fancyvideo:before { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%,-50%); }
.pict.fancyvideo:before { transition: all .25s ease-in-out; }
.pict.fancyvideo:before { opacity: .8; border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, .5); }
.pict.fancyvideo:hover:before { opacity: 1; }

.pict.matterport:before { background-image: url(img/3d.png); }

@media (min-width: 600px) {
	
	.galerie-content { padding-bottom: 3px; }
		
	.galerie__row { position: relative; z-index: 10; height: 500px; margin-bottom: 3px; }
	
	.pict { background-position: center center; background-repeat: no-repeat; background-size: cover; }
	.pict { border: 0; }
	.pict { position: absolute; z-index: 20; }
	.pict img { display: none; }
	
	.pict.fancyvideo:before { width: 120px; height: 120px; }
	
	.galerie__row--1 {  }		
	.galerie__row--1 .pict--1 { left: 0; top: 0; width: 60%; width: calc( 60% - 3px ); height: 100%; }
	.galerie__row--1 .pict--2 { right: 0; top: 0; width: 40%; height: 50%; height: calc( 50% - 1px); }
	.galerie__row--1 .pict--3 { right: 0; bottom: 0; width: 40%; height: 50%; height: calc( 50% - 2px); }
	
	
	.galerie__row--2 .pict--1 { left: 0; top: 0; width: 40%; height: 50%; height: calc( 50% - 1px); }
	.galerie__row--2 .pict--2 { left: 0; bottom: 0; width: 40%; height: 50%; height: calc( 50% - 2px); }
	.galerie__row--2 .pict--3 { right: 0; top: 0; width: 60%; width: calc( 60% - 3px ); height: 100%; }
	
	/* pokud ma jen jednu fotku ...*/
	.galerie__row--has-1  .pict--1 { left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 100%; max-width: 800px; }
	
	.galerie__row.galerie__row--has-2 .pict--1 { left: 0; top: 0; right: auto; bottom: auto; width: 50%; width: calc( 50% - 2px ); height: 100%; }
	.galerie__row.galerie__row--has-2 .pict--2 { right: 0; top: 0; left: auto; bottom: auto; width: 50%; width: calc( 50% - 1px ); height: 100%; }
	}
}

@media (min-width: 1200px) {
	
	.galerie__row { height: 640px; }
	
	.galerie__row--1 .pict--1 { width: 68%; width: calc( 68% - 3px ); }
	.galerie__row--1 .pict--2 { width: 32%; }
	.galerie__row--1 .pict--3 { width: 32%; }
	
	.galerie__row--2 .pict--1 { width: 32%;  }
	.galerie__row--2 .pict--2 { width: 32%;  }
	.galerie__row--2 .pict--3 { width: 68%; width: calc( 68% - 3px ); }
	
	.pict.fancyvideo:before, .pict.matterport:before { width: 129px; height: 129px; }
	
}