@charset "UTF-8";
@import url('../css/typography.css');
@import url('../fonts/fonts.css');
html, button, input, select, textarea {
    color: #404041;
}
html, body {
	margin:0; padding:0;
    font-size: 1em;
    line-height: 1.4;
	font-weight:400;
	font-style:normal;
	font-size:100%;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;/*text-shadow: 0 0 1px rgba(255,255,255,0.1);*/
	position:relative;
	color:#404041;
	text-align:justify;letter-spacing:0em;
}
html { overflow-x: hidden !important; }
body { background:#ffffff;height:100%;overflow-x: visible !important;}

h1, h2, h3, h4, h5, h6 { 
	padding:0; margin:0 0 0.45em 0; color:#404041; letter-spacing:-0.03em;
	-webkit-font-smoothing:subpixel-antialiased;font-weight:700; font-family: 'Montserrat', sans-serif; }
h1 { font-size:2.125em; }
h2 { font-size:1.5em; }
h3 { font-size:1.300em; }
h4 { font-size:1.300em; }
sup { font-size:0.6em; }

a { 
	text-decoration:none; outline:0 none; color:#585858;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out; 
}
a:hover, a:focus, a:active { text-decoration:none; outline:0 none; color:#585858; }
strong { font-weight:500; }
p { margin:0 0 0.25em 0; }
a { border:0 none; outline:0 none; }

audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
img {vertical-align: middle; margin:0;max-width:none;}

.left { float:left;margin-right:20px; } .right { float:right;margin-left:20px; }
* { _noFocusLine: expression(this.hideFocus=true); } 
/* *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } */
::-moz-focus-inner {border:0;outline:0 none;}
:focus {outline:none;}
:active {outline:none;}
::-moz-selection {background: transparent;text-shadow: none;background:#ccc;}::selection {background: transparent;text-shadow: none;background:#ccc;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #555555;margin: 1em 0;padding: 0;}
.iframe {
    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;
	margin:0 auto 20px;
}

.iframe iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.btn {
	margin:20px auto; padding:10px; 
    z-index:9; font-size:1.2em; text-transform:uppercase; line-height:1;
	position:relative; top:0; text-align:center; text-decoration:none;
	background:#d3b485;color:#fff; font-weight:500; border:none; border:3px solid #d3b485;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-border-radius:0;border-radius:0;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.btn:hover { background:#313842;color:#fff;border:3px solid #313842; }
.goback { background:#ffffff;color:#404041;border:3px solid #ffffff; }
.topright { position:absolute;right:0;top:0;margin:0; }

.container {
	margin:0 auto; padding:0;
    width:100%; min-height:100%;
	position:relative; display:block;
	z-index: 1;
}
.bgimg { 
    margin:0 auto; padding:0; z-index:-1;
    width:100%; height:100vh;
	position:fixed;top:0;left:0;
}
.bgimg:before { 
    margin:0 auto; padding:0; content: ""; display:block;width:100%;height:100vh;z-index:1;
    position: absolute; top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0);
}
.bgimg img { 
    margin:0 auto; padding:0;position:absolute; display:block; opacity:0;
    width:auto; min-width:100vw; min-height:100vh;object-fit: cover;
    -webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;-ms-transition:all 400ms ease-out;-o-transition:all 400ms ease-out;transition:all 400ms ease-out; 
}
.bgimg img.active {opacity:1;}
.bgimgmob {
    display:none;margin:0 auto; padding:0; z-index:-1;
    width:100%; height:80vh;
	position:fixed;top:0;left:0;
}
.bgimgmob:before { 
    margin:0 auto; padding:0; content: ""; display:block;width:100%;height:80vh;z-index:1;
    position: absolute; top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0);
}
.bgimgmob img { 
    margin:0 auto; padding:0;position:absolute; display:block; opacity:0;
    width:100%; min-width:100vw; min-height:80vh;object-fit: cover;
    -webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;-ms-transition:all 400ms ease-out;-o-transition:all 400ms ease-out;transition:all 400ms ease-out; 
}
.bgimgmob img.active {opacity:1;}
.wrap {
	margin:0 auto; padding:0;
    width:100%; max-width:1200px; height:auto;
	position:relative;
}
header {
	margin:0 auto;padding:0;
    width:100%; height:auto;
	position:relative; display:block;text-align:center;
}
#index header {height:auto;}
.topbg { 
    width:100%;height:auto;
    position:relative;margin:0 auto;padding:0;display:block;
}
.header {
	margin:0 auto; padding:20px 0;
    width:100%; height:auto;
	position:relative;
	z-index: 9990;
}
.header .logo {
	margin:0; padding:0; display:block;width:auto;
	position:relative; z-index:5;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.header .logo img {
	margin:0 auto; padding:0; display:block; position:relative; width:70%;max-width:200px;
    border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;-webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.header.hnorm {margin:0 auto;display:flex;justify-content: center;background: #fff;}
.header.hnorm .logo {}

.headmenu {width:60%;display:flex;}
.headmenu>ul {
	width:100%;margin:0 auto; padding:0;display:flex;align-items: center; vertical-align:middle; text-align:center;position:relative; color:#313842; list-style:none; justify-content: space-evenly;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out; 
}
.headmenu>ul li a {text-transform:uppercase;font-size:1.2vw;padding:8px 20px 10px;line-height:1;}
.headmenu>ul li a:hover {text-decoration:none;background:#eee;}

.headmenu>ul li.ctaform a {background:#21bb69;color:#fff; white-space: nowrap;}
.headmenu>ul li.ctaform a:hover {text-decoration:none;background:#313842;}

.respo {
	margin:0; padding:10px; display:none;
	position:relative; z-index:5; background: #eee;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.respo > div {text-align: left;}
.respo > div i {vertical-align:middle;}
.respo > div span {
    display: inline-block; vertical-align:middle; color:#333; font-size: 0.85em;line-height: 1.2; padding: 6px 0;text-align: left;
}
.respo > div.fbb {position: absolute; top:5px; right:0;}
.respo > div.fbb i {color:#0168b0;}

#nav-main {
	margin:0 auto; padding:0 0;height:auto; width:100%; float:none;
	position:relative;
	display:block; z-index:4;text-align:center;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#nav-main ul {
	list-style-type: none; list-style-position:inside;
	margin: 0 auto;
	padding: 0; text-align:right;
	position:relative; height: 100%; vertical-align:middle;display:inline-block;
}
#nav-main ul li {
	padding:0; margin:0;
	display:table-cell;vertical-align:middle;
	position:relative;
	padding:0; padding-right:25px; min-width:200px;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#nav-main ul li:last-child {
	border:none;padding-right:0;
}
#nav-main ul li > a {
	font-size:1.4em; font-weight:700; letter-spacing:-0.03em; padding:12px 25px 10px; border:4px solid #ecd6b4;background:rgba(0,0,0,0.3);
	color: #ecd6b4; font-family: 'Montserrat', sans-serif;
	position:relative; text-align:center; 
	text-decoration: none; text-transform:uppercase;
	z-index: 6; display:block; vertical-align:middle; width:100%;
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;
}
#nav-main ul li > a:hover, #nav-main ul li.current > a {color:#585858;background:#ecd6b4;}

.subs {
	margin:20px auto 0; padding:0;height:auto; width:20vw;left: calc(-10vw + 50%);
	position:absolute;background:#585858;
	z-index:40;text-align:center;display:none;opacity:0;animation:none;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#nav-main ul li:hover .subs {display:table;animation: navanim 0.4s forwards;}
@keyframes navanim {
  0%   {opacity:0;margin:20px auto 0;display:none;}
  10%  {opacity:0;margin:20px auto 0;display:table;}
  100% {opacity:1;margin:0 auto;display:table;}
}
.subs:before {
    content: "";
    position: absolute;
    top:-25px;left: 50%;
    margin-left: -13px;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent #585858 transparent;
}
#nav-main .subs ul {padding:10px; display: block;}
#nav-main .subs ul li {
	padding:0; margin:0;
	display:block;vertical-align:middle;
	position:relative;
	padding:0;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#nav-main .subs ul li a {
	position:relative; padding:5px; text-transform:none;background:#585858;font-size:1.1em;color:#fff;
}
#nav-main .subs ul li.current a, #nav-main .subs ul li.current:hover a, #nav-main .subs ul li:hover a {color:#fff;background:#555555;}
#nav-main .subs ul li a:before {display:none;}

#nav-main #navplus {
    display: none
}
.noscroll {
    overflow: hidden
}
#nav-trigger {
  display: none;
  z-index:9999; position:fixed;top:0;right:0; padding:20px; background:transparent;
  text-align: center; 
}

#nav-trigger > span {
  z-index:9999; position:relative; display: inline-block; font-size:1.5em; font-weight: 500; color:#555555;
  text-align: center; vertical-align: middle; padding-right: 20px; line-height: 0;
}

nav#nav-mobile {
	z-index:9999; position:fixed;top:0;left:0;right:0;bottom:0;
	display: none; background:#e6e0d8;
}
nav#nav-mobile ul {
    display: flex; flex-direction: column; height:100vh;
    list-style-type: none;
    position: relative;
    left: 0;
    right: 0;
	padding:0;
    margin:0 auto;
    text-align: center;
}
nav#nav-mobile li {
    display: flex; align-items: center;
    justify-content: center; position:relative; height:9%;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #aaa; 
}
nav#nav-mobile li:first-child {height:10%; }
nav#nav-mobile li:last-child {border-bottom: none;height:auto; }
nav#nav-mobile li>a {
    display: flex;
	font-size:4vh; font-weight:700; text-transform:uppercase;
	color:#000; font-family: 'Montserrat', sans-serif;
    padding: 14px 30px;
    width: 100%;height: 100%;
    align-items: center;justify-content: center;
}
nav#nav-mobile li>a:hover {text-decoration:none;background:#313842;color:#e9c996;}

nav#nav-mobile ul li>a {background:transparent;}
nav#nav-mobile ul li img {height:70%;}

nav#nav-mobile ul li.current a {background:#aaa;color:#000;}
nav#nav-mobile ul li.current ul li a {background:#fff;color:#000;}
nav#nav-mobile ul li:hover a {}
nav#nav-mobile ul li:hover ul li a {}
nav#nav-mobile ul li.current:hover a {}
nav#nav-mobile ul li.current:hover ul li a {}

nav#nav-mobile ul li.kontakty>span>a {font-size:2em; font-weight:700; color:#313842; padding: 14px 30px;text-transform:none;display:block; }

#nav-icon {
  width:40px;height:30px;
  position: relative; display:inline-block;vertical-align: middle;
  margin:0 auto;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;width: 100%;
  background: #585858;opacity: 1;
  left: 0;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}
#nav-icon.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}

#nav-mobile #navplus {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0;
    display: block;
    margin: 6px;
    z-index: 1000;
    width: 30px;
    height: 30px;
    cursor: pointer
}
#nav-mobile ul li ul li #navplus {
    top: 2px;
    width: 24px;
    height: 24px
}
#nav-mobile ul li.current #navplus {color:#fff;}
.icon-plus:before { content: '\f0fe'; font-family: "FontAwesome"; font-size:2em;margin:0 5px 0 0;}
.icon-minus:before { content: '\f146'; font-family: "FontAwesome"; font-size:2em;margin:0 5px 0 0;}
#nav-mobile ul li ul li .icon-minus:before { content: '\f146'; font-family: "FontAwesome"; font-size:2em;margin:0 5px 0 0;}

#nav-mobile .subs {
	margin:0 auto; padding:0;height:auto; width:100%;left:auto;opacity: 1;
	position:relative;background:#585858; border-top:none;
	z-index:40;text-align:center;display:block;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#nav-mobile .subs:before {display:none;}
#nav-mobile .subs a {background:#585858;color:#fff;font-size:1em;}
#nav-mobile ul li:hover .subs {animation:none;}

.lang {display:flex;}
.lang img {height:1.5rem;}


/* ---------------------------- Slogan ----------------------------- */
.slogan {
	padding:3vw; margin:0 auto; z-index:10;
	display:block;vertical-align:middle; min-width:70%; height:auto;
	text-align:center; position: absolute; background:rgba(0,0,0,.4);top:50vh;
    left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);
    color:#fff;letter-spacing:-0.04rem; line-height:1;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.slogan h1 {
	color:#fff;font-weight:600;font-size:3.5vw;text-transform:uppercase;line-height:1;
    margin:10px auto 20px;opacity:1;
}
.slogan h1 b {color:#12dc71;}
.slogan h2 {
	color:#fff;font-weight:300;font-size:2vw;line-height:1;
    margin:10px auto 20px;
}
.slogan h2 b {padding:0 15px 5px;margin: 0 10px;color:#fff;background:#5b9e34;text-shadow:none;}
.slogan h2 strong {font-weight:500;}
.slogan h3 {
	color:#fff;font-weight:300;font-size:4vw;text-transform:none;line-height:1;font-style: italic;
    margin:10px auto 20px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.headbtn {
	margin:0; padding:15px 30px 12px; display:inline-flex;align-items:center;width:auto;max-width:400px;z-index:5;
	position:relative; background:rgba(99,76,34,0.5); border: 3px solid #d3b485; color:#fff;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.headbtn:hover {background:#d3b485; border: 3px solid #d3b485; color:#000;}
.headbtn strong {font-weight:500;display:block;font-size:1.5rem;text-transform:uppercase;line-height:1;margin:0 auto; cursor:pointer;}

/* home */

.main.home {
	margin:100vh auto 0;padding:3vw 0 0;
    width:100%;
	position: relative; display:block; vertical-align:middle;
    z-index: 1; text-align:center; border-top:12px solid #b7a98f;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.main.home h1 {
    color:#313842;font-weight:500;font-size:3em;text-transform:uppercase;line-height:1;
    margin:10px auto 20px;
}
.home h1 b {display:block;}

body#byty, body#byty .main {background-color: var(--color-1);}

#podlazia {
	padding:0 0 4vw;margin:-2vw auto 0;
    width:100%;
	position:relative;
	text-align:center;
}
.podlazie {
	padding:0;margin:-2vw auto 0;
    width:90%;position:relative;
	text-align:center;display:flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;
}
.podlazie>img {
	padding:0;margin:0 auto;width:100%;position:relative;text-align:center;
}
.podlazie .selectp {
    position:absolute;width: 77.5%;left: 7vw;cursor:pointer;display:block;opacity: 0;
    -webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.podlazie .selectp:hover {opacity:1}
.podlazie .selectp.podzemie {top:24.1vw}
.podlazie .selectp.np1 {top:20.5vw}
.podlazie .selectp.np2 {top:15.4vw}
.podlazie .selectp.np3 {top:10.78vw}
.podlazie .selectp.np4 {top:4.82vw}
.podlazie .selectp.np5 {top:1.8vw;width: 73%;left: 10vw;}

.podlazie>svg {
    position:relative;width:100%;height:auto;cursor:pointer;display:block;
    -webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.podlazie>svg .cls-1 {fill: #c86800;}
.podlazie>svg .cls-1, .podlazie>svg .cls-2 {fill-rule: evenodd;mix-blend-mode: multiply;opacity: 0;}
.podlazie>svg .cls-2 {fill: #71c800;}
.podlazie>svg>path {
    position:relative;
    opacity:0;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.podlazie>svg>path:hover {opacity: 0.5}

.ttip {
    display:inline-block;
    position:absolute; left:-2000px;margin:15px;
    padding:.5em 1em; font-size:1.3em; font-weight:700; text-transform:uppercase; 
    background-color:#f1f1f1; border-bottom:2px solid #313842;
}
.ttip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #f1f1f1 10px;
top: 0;
content: " ";
height: 0;
left: 0;
margin-left: -10px;
position: absolute;
width: 0;
}
.podlaziemenu {
	padding:0;margin:0 auto 0;
    width:90%;position:relative; list-style:none;
	text-align:center;display:flex;justify-content:space-evenly;align-items: center;flex-direction:row;
}
.podlaziemenu li {
	display:block;position:relative;padding:10px 0;margin:0 auto 0;width: 100%;
}
.podlaziemenu li span {
	padding: .3em 1em; margin:0 auto; cursor:pointer; display:block;
    width:100%;position:relative; font-size:1.4vw; text-transform:uppercase; font-weight:600;
    border:2px solid var(--color-1);color:#313842;
}
.podlaziemenu li span:hover {background:#aa9270;border:2px solid #aa9270;color:#fff;}

#podorys {
	padding:30px 0 0;margin:0 auto;
    width:100%; background:#fff; height:100vh;
	position:relative;
	text-align:center;
}
#podorys h1 {
    color:#313842;font-weight:500;font-size:3em;text-transform:uppercase;line-height:1;
    margin:10px auto -20px; position: relative; text-align:center; z-index:5;
}
#podorys .plan {
	padding:0;margin:0 auto;
    width:100%;height:90vh;
	position:relative;
	text-align:center;
}
#podorys .plan>img {
	padding:0;margin:0 auto;
    width:auto;height:80vh;
	position:relative;
	text-align:center;
}
#podorys>div {display:none;}
#podorys>div._1np, #podorys>div._2np,#podorys>div._3np,#podorys>div._4np,#podorys>div._5np {}
#podorys>div.podzemie {display:block;margin:0 auto;padding:0;}
#podorys>div._2np {}

.plan>svg {
    position:relative;width:100%;height:90vh; top:.9%;cursor:pointer;display:block;
    /*left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);*/
    -webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.plan._5np>svg {}
.plan._1np>svg {}
.plan.podzemie>svg {top:0;width:90%;margin:0 auto;}
.plan>svg .cls-1 {fill: #71c800;}
.plan>svg .cls-1.predany {fill: #ff6601;}
.plan>svg .cls-1.rezervovany {fill: #a3a5a8;}
.plan>svg .cls-1 {fill-rule: evenodd;}
.plan>svg .cls-2 {fill-rule: evenodd;mix-blend-mode: multiply;}
.plan>svg .cls-2 {fill: #71c800;fill: #c86800;}
.plan>svg>path, .plan>svg>rect {
    position:relative;
    opacity:0.05;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.plan>svg>path:hover, .plan>svg>rect:hover {opacity:0.6;}
.plan>svg>path.cls-1.red, .plan>svg>rect.cls-1.red {fill: #f00;opacity:0.8;}
.plan>svg>path.cls-1.orange, .plan>svg>rect.cls-1.orange {fill: #ff7800;opacity:0.4;}

.plan.podzemie>svg>rect {fill: #71c800;opacity:0;}
.plan.podzemie>svg>rect:hover {opacity:0.6;}
.plan.podzemie>svg>path.red, .plan.podzemie>svg>rect.red {fill: #f00;opacity:0.8;}
.plan.podzemie>svg>path.orange, .plan.podzemie>svg>rect.orange {fill: #ff7800;opacity:0.4;}

.parking {display:none !important;}

#podorys>div.bytooltip, .bytooltip {
    background:#313842; display:none; padding:0; margin:0;
    position:absolute; min-width:20vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.bytooltip>h3 {background:#e9c996;color:#313842;padding:12px 15px 10px;margin:0 auto; font-weight:700;text-transform:uppercase;}
.bytooltip>div {background:#313842;color:#e9c996;padding:10px 15px;font-weight:300;}
.bytooltip>div>div {display:flex;justify-content:space-between;align-items: center;}
.bytooltip>div>div>span:last-child {color:#fff;padding-left:10px;}
#podorys>div.bytooltip:after, .bytooltip:after {
    content:'';
    position: absolute;top: 100%;left: 0;right: 0;margin:-1px auto 0;width: 0;height: 0;
    border-top: solid 18px #313842;border-left: solid 16px transparent;border-right: solid 16px transparent;
}

#podorys>div.bytooltip1np, .bytooltip1np {
    background:#fff; display:none; padding:0; margin:0;
    position:absolute; min-width:6vw;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.bytooltip1np>h3 {background:#fff;color:#313842;padding:12px 15px 10px;margin:0 auto; font-weight:700;text-transform:uppercase;}
.bytooltip1np>div {background:#fff;color:#e9c996;padding:10px 15px;font-weight:300;}
.bytooltip1np>div>div {display:flex;justify-content:space-between;align-items: center;}
.bytooltip1np>div>div>span:last-child {color:#fff;padding-left:10px;}
#podorys>div.bytooltip1np:after, .bytooltip1np:after {
    content:'';
    position: absolute;top: 100%;left: 0;right: 0;margin:-1px auto 0;width: 0;height: 0;
    border-top: solid 18px #fff;border-left: solid 16px transparent;border-right: solid 16px transparent;
}


/* content */

.main {
	padding:0;margin:0 auto 0; z-index: 3;
    width:100%; background:#fff;
	position:relative;
	text-align:center;
}
.main > h1 { 
	position:relative; 
	margin:0 auto 10px; padding:0; font-size:6vw;font-weight:900;
	color:#fff; width:100%; text-align: center; z-index:10;text-transform:uppercase;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#index .main > h1 {text-transform:none;}
.wrapper {
	margin:0 auto; padding:30px;
    width:90%; max-width:1300px;
	position:relative; z-index:8; top:0px;
	text-align:justify;
}
.main section {font-size:1.1em;letter-spacing:-0.01em;}
.main section.developer {padding:1vw 0 4vw;}
.main a {color:#585858;text-decoration:underline;}
.main a:hover {color:#000;}
.wrapper h1 { 
	position:relative; 
	margin:5px 0; padding:0 0 10px; font-size:2.4em;font-weight:900;
	color:#585858; width:100%; text-align: center;
}
.wrapper h2 { font-size:1.4em;font-weight:600; }
.kontakt .wrapper h2 { font-size:1.6em;font-weight:600;text-align:center; }
.wrapper strong { font-weight:600; }
.wrapper img { 
    /*border:3px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #555555;-moz-box-shadow: 0px 0px 0px 1px #555555;box-shadow: 0px 0px 0px 1px #555555;*/
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}

#menu .main h2 { font-size:2em;font-weight:900;color:#585858;text-transform:uppercase;letter-spacing:1vw;}
#menu .main h2 strong { font-weight:900;}

.wrapper .imgcontent { display:flex;padding:20px 0;align-items: center;justify-content: center;}
.wrapper .imgcontent>div { padding:20px;width:50%;}
.wrapper .imgcontent img { border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.home .imgcontent { display:flex;width:100%; padding:4vw 15%;align-items: center;justify-content: center;overflow:hidden;}
.home .imgcontent>div { padding:20px; text-align:left; width:50%;}
.home .imgcontent h2 {
  color: #313842;
  font-weight: 500;
  font-size: 2.6em;
  text-transform: uppercase;
  line-height: 1;
  margin: 10px auto 20px;
}
.home .imgcontent p {font-size:1.1rem;}
.home .imgcontent img { border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.casovaos { display:flex;width:100%; padding:4vw 10%;align-items: center;justify-content: center;}
.casovaos>div { padding:0; text-align:center; width:100%; position:relative;display:block;}
.casovaos h2 {
  color: #313842;
  font-weight: 500;
  font-size: 2.6em;
  text-transform: uppercase;
  line-height: 1;
  margin: 10px auto 20px;
}
.casovaos img { border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%;height:auto;padding:30px;filter:sepia(0%)}
.casovaos img.osh {display:block;}
.casovaos img.osv {display:none;}

.subpage {
	margin:0 auto; padding:10px 0;
    width:100%; height:auto;
	position:relative;display:block;
}
.subpage .subtit {
	margin:0 auto 10px; padding:10px 20px;
    width:100%; height:auto;
	position:relative;display:block;
    background:#eee; border-bottom:5px solid #585858;
}
.subpage .subtit h2 {
	margin:0 auto; padding:0; color:#000;font-size:1.8em;font-weight:600;
	position:relative;display:block;text-align:center;
}
.main .wrapper ul {
	list-style: none; padding-inline-start: 30px;
}
.main .wrapper li:before {
	margin:5px auto;
	content: "\f058";font-family: "FontAwesome";
    color: #585858;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
}

#projekt h2 {
  color: #313842;
  font-weight: 500;
  font-size: 2.1em;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 auto 20px;
    text-align-last:inherit;
}

#lokalita h2 {
  color: #313842;
  font-weight: 500;
  font-size: 2.1em;
  text-transform: uppercase;
  line-height: 1;
  margin: 10px auto 20px;
    text-align-last:inherit;
}

/* Tables */
table {
	margin:0px;padding:0px;
	border:none;
    background-color:#fff;
}

td {
	vertical-align:middle;
	padding:10px;
	font-weight:normal;
	color:#666666;
}

td:hover {

}
th {
}

#menu .main table { margin:0 auto 15px; }
#menu .main th { padding:6px 10px;text-align:center;background:#eee; }
#menu .main tbody td { padding:4px 10px;border-bottom:1px dotted #ddd;font-size:0.9em;}
#menu .main tbody td:nth-child(1) { width:80%; text-align:left;font-weight:600;}
#menu .main tbody td:nth-child(2), #menu .main tbody td:nth-child(3) { width:10%;text-align:right; }
#menu .main tbody td:nth-child(3) { font-weight:600; }

.lokaltable, .reality {
	display:flex; justify-content: space-between;
}
.lokaltable table {
	width:100%;margin: 0 5px;
}
.reality table {
	width:100%;margin:3vw auto;
}
.lokaltable table tr td {
	padding:10px 20px;background:#f4f4f4;
}
.lokaltable table tr:first-child td {
	background:#d6c9b2; font-weight:bold; color:#000;
}
.reality table td img {
	width:auto !important;height:150px;margin:0 auto;
}

/* Denne Menu */

#tabscontainer {
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;margin:0 auto;padding: 0;max-width:100%;
}
#tabscontainer * {}  
#tabscontainer > [name="radiogroupfortabs"] {position: absolute;visibility: hidden;}
#tabscontainer > #radiofortab1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
#tabscontainer > #radiofortab2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
#tabscontainer > #radiofortab3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;}
#tabscontainer > #radiofortab4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;}
#tabscontainer > #radiofortab5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5;}

#tabscontainer > [id^="tab-label"] {
    position: relative;margin:0;display: inline-block;width:20%;padding: 12px 20px;
    font-size: 1em;background: #fff;cursor: pointer; text-align:center; color:#404041;
    -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}
#tabscontainer > [id^="tab-label"] strong {font-size:1.4em;text-transform:uppercase;font-weight:900;}
#tabscontainer > [id^="tab-label"] p {font-size:0.9em;font-weight:400;line-height:1;}
#tabscontainer > [id^="tab-label"]:nth-child(odd) {background: #f4f4f4;}
#tabscontainer > [id^="tab-label"]:hover {background: #ecd6b4;}
#tabscontainer > [id^="tab-content"] {
    -webkit-box-ordinal-group: 999;-webkit-order: 999;-ms-flex-order: 999;order: 999; /* Set to a high value - just has to be at least one more than the number of tabs */
    display: none;z-index: 2;width: 100%;overflow: hidden;
    padding:20px; border-top:5px solid #ecd6b4;
    background: #fff;
}
#tabscontainer .tabgroup>h3 {font-size:1.2em;text-transform:uppercase;font-weight:600;text-align:center;border-bottom:1px solid #ddd;padding:5px 0;}
#tabscontainer .tabgroup:last-of-type > h3 {padding:30px 0 5px;}
#tabscontainer .tabitem {border-bottom:1px dotted #ddd;}
#tabscontainer .tabitem>span {padding:8px;display:inline-block;}
#tabscontainer .tabitem .nazov {font-weight:600;width:80%;text-align:left;}
#tabscontainer .tabitem .gramaz {font-weight:400;width:10%;text-align:right;}
#tabscontainer .tabitem .cena {font-weight:600;width:10%;text-align:right;}
#tabscontainer > [name="radiogroupfortabs"]:checked + [id^="tab-label"] {z-index: 4;background: #ecd6b4;}
#tabscontainer > #radiofortab1:checked ~ #tab-content1{display: block;}
#tabscontainer > #radiofortab2:checked ~ #tab-content2{display: block;}
#tabscontainer > #radiofortab3:checked ~ #tab-content3{display: block;}
#tabscontainer > #radiofortab4:checked ~ #tab-content4{display: block;}
#tabscontainer > #radiofortab5:checked ~ #tab-content5{display: block;}
#tabscontainer #tab-content4 #mediamatrix{
display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#tabscontainer #tab-content4 #mediamatrix .mediaitem {
  min-width: 21%;
  margin: 15px 0.9% 0;
  padding: 5px;
  border-radius: 10px; /* This and the following line placed here just to show where media items will be displayed */
  background-color: #ddeeff;
  text-align: center;
}
#tabscontainer #tab-content4 #mediamatrix .mediaitem .mediaitemthumb{
  margin-bottom: 5px;
  min-height: 50px;
}
#tabscontainer #tab-content4 #mediamatrix .mediaitem .mediaitemcaption{
  min-height: 20px;
}

/*-------------BYTY------------*/
#vyberbytu {
	padding:4vw 0;margin:0 auto;
    width:100%; background:#e6e0d8;
	position:relative;
	text-align:center;
}
.bytyz {
	padding:0 0 10px;margin:0 auto;
    width:70%;position:relative;
	text-align:center;display:flex;justify-content: center;align-items: center; flex-direction:column;
}
.bytyz>.byt {
	padding:0;margin:0 auto;width:100%;position:relative;text-align:center;border-bottom:1px solid #000;font-size:0.9em;
    display:flex;justify-content: center;align-items: center; cursor:pointer; text-decoration:none;
}
.bytyz>.byt:hover {background: #f8f7f4;}
.bytyz>.byt>div, .bytyhdr>div {
	padding:11px 10px 10px;margin:0 auto;width:16.666%;position:relative;text-align:center;
}
.bytyz>.byt>div:first-child, .bytyz>.byt>div:last-child {font-weight:700;text-transform:uppercase;}
.bytyhdr {
    padding:0;margin:10px auto 0;width:70%;position:relative;text-align:center;border-bottom:1px solid #000;font-size:0.9em;
    display:flex;justify-content: center;align-items: center;
    font-weight:700;background:#f8f7f4;text-transform:none;
}
.bytyhdr>div:first-child, .bytyhdr>div:last-child {font-weight:700;background:#f8f7f4;text-transform:none;}
.bytyz>.byt>div.green {color:#71c800;}
.bytyz>.byt>div.orange {color:#ff7800;}
.bytyz>.byt>div.red {color:#f00;}

.bytfilter {
	padding:10px 0;margin:0 auto;
    width:70%;position:relative; font-size:0.9em;
	text-align:center;display:flex;justify-content: space-between;align-items: center;
}
.bytfilter>div {display:flex;justify-content: space-between;align-items: center;}
.bytfilter label {font-weight:300;padding:0;margin:0; padding-right:5px;}
.bytfilter select {font-weight:300;padding:5px;margin:0;min-width: 80px;border:none;}

.popiss {padding-top:20px;}
.popiss h5, .popiss h3 {display:inline-block;font-size:1.8em;}
.popiss h3 {font-size:2.3em;color:#d3b485;padding-left:7px;}
.search-no-results {display:none;}
/*-----------------------------*/


/*-------------BYT------------*/
.main.bytpage {
	background:none;z-index:99;
}
.bytpage>.wrapper {
	padding:0; display:flex;flex-wrap: wrap; z-index:99; max-width:1300px;margin: -8vh auto 0;align-items: flex-start;
}
.bytpage .topright { position:absolute;right:0;top:0;margin:-4vw 0 0; }
.bytpage>.wrapper>.title {
	width:100%;background:none;display:flex;justify-content: space-evenly;
    align-items: center; padding:20px;border-bottom:2px solid #ddd;
}
.bytpage>.wrapper .title h3 {
	font-size:3vw;letter-spacing:0em;
}
.bytpage>.wrapper>.img {
	width:50%;background:none;
}
.bytpage>.wrapper .img img {
    border:none;width: 100%;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.bytpage>.wrapper>.byt-details {
	width:calc(25% - 20px);padding:20px;margin:10px;
}
.bytpage>.wrapper>.byt-details:last-child {background:#fceddc;}
.bytpage>.wrapper>.byt-details .title h3 {
	font-size:3vw;letter-spacing:0em;
}
.bytpage>.wrapper>.byt-details .infos {
	padding:5px 0 0;
}
.bytpage>.wrapper>.byt-details .infos>div {
	display:flex; justify-content: space-between;
    border-top:2px solid #ddd;line-height:1;font-size:1.1rem;padding:10px;
}
.bytpage>.wrapper>.byt-details .infos>div:first-child {border:none}
.bytpage>.wrapper>.byt-details .infos>div span, .bytpage>.wrapper>.byt-details .infos>div h5 {line-height:1;margin:0;text-transform:uppercase;font-size:0.9rem;text-align:right;}
.bytpage>.wrapper>.byt-details .infos>div span:first-child {text-align:left;}
.bytpage>.wrapper>.byt-details .infos>div.inf {
	display:flex; justify-content: space-between;flex-direction: column;
    border-top:2px solid #404040;line-height:1;font-size:1.1rem;padding:0;margin:30px auto 10px;
}
.bytpage>.wrapper>.byt-details .infos>div .prmt {
	display:flex; align-items: baseline;
    border-top:2px solid #ddd;line-height:0;font-size:0.9rem;padding:10px;
}
.bytpage>.wrapper>.byt-details .infos>div .prmt:first-child {border:none}
.bytpage>.wrapper>.byt-details .infos>div .prmt>div {width:100%; display:flex;justify-content: space-between;}
.bytpage>.wrapper>.byt-details .infos>div .rzlh {
	display:flex; align-items: baseline;justify-content: space-between;margin:0 0 20px;
    border-top:1px solid #404040;line-height:0;font-size:1.1rem;padding:10px;
}
.bytpage>.wrapper>.byt-details .infos>div .kobka {border-top:2px solid #404040;}
.bytpage>.wrapper>.byt-details .infos>div .rzlh h5 {text-transform:none}
.bytpage>.wrapper>.byt-details .infos>div.cna span, .bytpage>.wrapper>.byt-details .infos>div.cna h5 {font-size:1.5rem;text-transform:none}
.pdflist .btn {display:block;text-decoration:none;background:#ddd; border: 3px solid #ddd;margin:10px auto;}
.dstp h5.green {color:#71c800;} .dstp h5.red {color:#f00;} .dstp h5.orange {color:#ff7800;}
.btnss {display:flex;flex-direction: column;}
.btnss>a {width:100%;text-decoration:none;font-size:1.4rem;color:#fff;background:#90744a;border: 3px solid #90744a;margin:10px auto;}
.btnss>a:hover {color:#fff}
.btnss>a:last-child {color:#585858;background: #ddd;border: 3px solid #ddd;}
.btnss>a:last-child:hover, .pdflist .btn:hover {color:#fff;background: #585858;border: 3px solid #585858;}

/*-----------------------------*/

/* Financovanie */
.shadow {
  box-shadow: 0 0 22px rgba(0,0,0,0.05);
  position: relative;
}
.finsteps { 
	position:relative; text-align:center;
	margin:0 auto; width:100%;
	display:flex; 
}
.finsteps .step { 
	position:relative; text-align:center;
	margin:0 auto; width:33.33%; padding:0 1%;
}
.finsteps .step>h3 {color:#aa9270;font-weight:700;}
.finsteps .step-body {padding:20px 0;border:2px solid #b7a98f;height:calc(100% - 30px)}
.finsteps .step-body .info {font-weight:700;font-size:1.2em;}
.finsteps .step-body .title {font-weight:800;font-size:2vw;color:#fff;background:#b7a98f; margin:15px auto;padding:5px 10px;}
.finsteps .step-body .desc {padding:0 20px 0;}

.bankaline { 
	position:relative; text-align:center;box-shadow: 0 0 22px rgba(0,0,0,0.05);
	margin:0 auto 20px; width:100%; padding:20px 30px;
	display:flex; align-items: center;
    justify-content: space-between;
}
.bankaline>span { font-size:1.2em; text-transform:uppercase;}
.bankaline>img {
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}


/* Contact Form */
.formular { 
	position:relative; text-align:center; z-index:2;
	margin:0 auto; padding:2vw 0 1vw;
	display:block; width:100%; background:#fff;
}
.formular>h3 {
	margin:0 auto; padding:0; font-size:1.8em;font-weight:300; letter-spacing:0;
	position:relative;display:block;text-align:center;
}
.formular>h1 {
	margin:0 auto; padding:0; font-weight:700; text-transform:uppercase;font-size:2.5em;
	position:relative;display:block;text-align:center;
}
.contact-form { 
	position:relative;
	margin:0 auto; padding:0;
	display:block;width:100%;min-width:360px;
}
.contact-form form {
    padding:20px;display:flex;width:100%;position:relative;flex-wrap: wrap; background:var(--color-1);
}
.contact-form form.bytform {
    padding:20px 10%;
}
.contact-form form>div {
    padding:0;display:flex;width:100%;position:relative;
}
.contact-form form>h2 {
    padding:20px;display:flex;width:100%;position:relative;text-align:center;justify-content: center;
}
.contact-form form>h2 i {
    font-weight:400;
}
.contact-form form>div:last-child {flex-direction:column;}
.contact-form p {  
	text-align:center;margin:0 auto 10px;
}
.contact-form input, .contact-form textarea {
	margin:10px; padding:10px 15px; display:block;font-size:1em;
	position:relative; top:0; text-align:left; width:calc(33.33% - 20px);
	background:var(--color-1); border:none; border-bottom:3px solid #b7a98f; color:#333;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.contact-form textarea {
	width: calc(100% - 20px);
}

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {color:#000;}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder {color:#000;}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {color:#000;}
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder {color:#000;}
.contact-form input::placeholder, .contact-form textarea::placeholder {color:#000;}

.contact-form input#send {
	margin:20px auto; padding:10px; display:block;
    width:100%; max-width:330px; z-index:9; font-size:1.2em; text-transform:uppercase; line-height:1;
	position:relative; top:0; text-align:center; text-decoration:none;
	background:#d3b485;color:#fff; font-weight:500; border:none; border:3px solid #d3b485;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.contact-form input#send:hover { background:#313842;color:#fff;border:3px solid #313842; }

.contact-form #simple-msg {
	margin:35px auto; padding:5px 10px; display:none; z-index:9;
	position:relative; text-align:center; text-decoration:none;
	color: #555555; font-size:1.4em; line-height:1.7; font-weight:bold;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.contact-form #simple-msg img {margin:0 auto; padding:0;position:relative; text-align:center; }

.contact-form form>div.predajcainfo {
    margin:10px; padding:20px;display:flex; flex-direction: column;width:100%;position:relative;background:#eee;
}
.contact-form form>div.predajcainfo .form-group {margin: 0;}
.contact-form form>div.predajcainfo .form-group>div {
    position: relative;
    overflow: hidden;
    display: table;
    float: left;
    text-align: left;
    padding: 15px 10px;
}
.contact-form form>div.predajcainfo #agent-options p {text-align:left;}
.contact-form form>div.predajcainfo #agent-options>div {position:relative;display:flex;justify-content: space-between;}
.contact-form form>div.predajcainfo .form-group input[type="radio"] {
    opacity: 0;
    position: absolute; left:10px;top:10px;
    z-index: 99;
    width: 20px; height: 20px;
    cursor: pointer; margin:0 auto;
}
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label {
    position: relative;
    display: table-cell; vertical-align: middle; padding-top:0;
    padding-left: 26px; line-height: 1.2; font-weight:500; font-size:1em;
}
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label::before,
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label::before{
    height: 20px;
    width: 20px;
    border: 1px solid;
    left: 0px;
    top: 0;
    background: #fff;
}
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label::after {
    height: 8px;
    width: 14px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);
    left: 3px;
    top: 5px;
    background:#555555; border-color:#fff;
}
.contact-form form>div.predajcainfo .form-group input[type="radio"] + label::after {content: none;}
.contact-form form>div.predajcainfo .form-group input[type="radio"]:checked + label::after {content: "";}
.contact-form form>div.predajcainfo .form-group input[type="radio"]:checked + label::before{background: #555555;}
.contact-form form>div.predajcainfo .form-group a {color:#d3b485;}

.contact-form form>div.predajcainfo #agent-options>div>div {position:relative;display:flex;width:33.33%;}
.contact-form form>div.predajcainfo #agent-options>div>div input[type="checkbox"] {
    opacity: 0;
    position: absolute; left:0;top:0;right:0;bottom:0;
    z-index: 99;
    width: 100%; height: auto;
    cursor: pointer; margin:0 auto;
}
.contact-form form>div.predajcainfo #agent-options>div>div input[type="checkbox"] + label{
    height:90px;position:relative;display:flex;width:auto;
    margin:0 auto; padding:10px;
}
.contact-form form>div.predajcainfo #agent-options>div>div input[type="checkbox"] + label img{
    height:auto;position:relative;display:flex;width:auto;
    margin:0 auto; padding:0; -webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.7;
}
.contact-form form>div.predajcainfo #agent-options>div>div input[type="checkbox"]:checked + label{}
.contact-form form>div.predajcainfo #agent-options>div>div input[type="checkbox"]:checked + label img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity:1;}

.contact-form .suhlas {
    position:relative;
    overflow: hidden;
    display: table;
    float: left;
    text-align: left;
    padding:10px 10px 15px;
}
.contact-form .suhlas input[type="checkbox"] {
    opacity: 0;
    position: absolute; left:10px;top:10px;
    z-index: 99;
    width: 20px; height: 20px;
    cursor: pointer; margin:0 auto;
}
.contact-form .suhlas input[type="checkbox"] + label {
    position: relative;
    display: table-cell; vertical-align: middle; padding-top:0;
    padding-left: 26px; line-height: 1.2; font-weight:500; font-size:1em;
}
.contact-form .suhlas input[type="checkbox"] + label::before,
.contact-form .suhlas input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.contact-form .suhlas input[type="checkbox"] + label::before{
    height: 20px;
    width: 20px;
    border: 1px solid;
    left: 0px;
    top: 0;
    background: #fff;
}
.contact-form .suhlas input[type="checkbox"] + label::after {
    height: 8px;
    width: 14px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);
    left: 3px;
    top: 5px;
    background:#555555; border-color:#fff;
}
.contact-form .suhlas input[type="checkbox"] + label::after {content: none;}
.contact-form .suhlas input[type="checkbox"]:checked + label::after {content: "";}
.contact-form .suhlas input[type="checkbox"]:checked + label::before{background: #555555;}
.contact-form .suhlas a {color:#d3b485;}

/*-----------------------------*/

#googleMap { 
    position:relative; float:right; width:49%; margin:0 auto 15px; top:0;
    border:3px solid #fff; overflow: hidden;
    -webkit-box-shadow: 0px 0px 0px 1px #555555;-moz-box-shadow: 0px 0px 0px 1px #555555;box-shadow: 0px 0px 0px 1px #555555;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}
#googleMap img { border:none;-webkit-box-shadow: 0 0 0 0 #fff;box-shadow: 0 0 0 0 #fff; background:transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#googleMap.iframe { padding-bottom: 25%; }

#popup {
	margin:0 auto; padding:20px; display:block; 
    max-width:90%; min-height:220px; z-index:999999;
	position:relative; top:0; text-align:left;
	border:2px solid #555555; background:#fff; color:#555555; font-weight:400; font-size:0.9em;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#popup.positioned {
  position:fixed; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);zoom: 1.01;
}
#whitebg {
	margin:0; padding:0; display:none;
    width:100%; height:100%; z-index:999999;
	position:fixed; top:0; left:0; background:#ffffff;
}
#popup .zoznam {
  -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;
  -webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;
  -webkit-column-rule: 1px dotted #555555; -moz-column-rule: 1px dotted #555555; column-rule: 1px dotted #555555;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#preloader .intrologo {
  position:fixed; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    background:#fff; background-size: contain; width:1px; height:200px;
}


a.scrolltarget {
	margin:0; margin-right:10px; padding:5px 15px;
	position:relative;
	display:inline-block; font-family: 'Montserrat', sans-serif; text-transform:uppercase;
	font-size:1em; font-weight:500;
	color:#222222; background:#cccccc;
}
a.scrolltarget:hover {
	color:#ffffff; background:#e30613; text-decoration:none;
}

a.backbtn {
	font-size:0.8em; color:#ffffff; position:relative; top:-30px; float:right; background:#dddddd; padding:5px 10px; line-height:1.2; text-decoration:none;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
a.backbtn:hover { background:#666666; }

.check {
   color:#7d7d7d;
   padding:10px 10px 10px 30px;
   font-size:0.75em;
   background: url("../images/check.jpg") 8px 11px no-repeat;
}

/*-----------------------------*/
.gallery-thumb a img {
	border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 0px 1px #555555;-moz-box-shadow: 0px 0px 0px 1px #555555;box-shadow: 0px 0px 0px 1px #555555;
}
.galeria h3 { 
	background:#fff;color:#ae84ba;padding:5px 10px;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; 
}
.gallery-simplebox { text-align:center; }
.gallery-simplebox .gallery-thumb { 
	margin-right:1.5%; margin-bottom:1.5%;width:23%;height: auto; position:relative;
	display:inline-block !important; float:none !important;
    -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out;
}
.gallery-simplebox .gallery-thumb h4 { 
	color:#666666;
	font-size:1em; line-height:1.2;
}
.gallery-simplebox .gallery-thumb p { 
	font-size:0.813em; line-height:1.2;
}

.gallery-simplebox .gallery-thumb:hover {  }
.gallery-simplebox .gallery-thumb:nth-child(4n), .gallery-simplebox .gallery-thumb:last-child { 
	margin-right:0;
}
.gallery-simplebox a {
    width:32% !important;height: auto !important;
}
.gallery-simplebox a img {
    width:100% !important;height: auto !important;
}
.gallery-simplebox a:hover img {  }

.gallery-simplebox.gallery-uvod .gallery-thumb { 
    display:inline-block!important; margin:0 auto;padding:2px;
    width:16%;height:auto;max-height:300px;overflow:hidden;
}
.gallery-simplebox.gallery-uvod .gallery-thumb a { overflow:hidden; }
.gallery-simplebox.gallery-uvod .gallery-thumb a img { 
    margin:0; padding:0; display:block; position:relative; width:100%;
    border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;-webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff;
	-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;
}
.gallery-simplebox.gallery-uvod .gallery-thumb:hover a img { -webkit-transform: scale(1.1);transform: scale(1.1); }

.gallery-realizacie .gallery-thumb:nth-child(-n+4) { display: block !important; }


.homegallery { display:flex;width:100%; padding:0;align-items: center;justify-content: center;background:#f4f4f4; }
.homegallery .gallery-simplebox .gallery-thumb:nth-child(6n+3), .homegallery .gallery-simplebox .gallery-thumb:nth-child(6n+4), .homegallery .gallery-simplebox .gallery-thumb:nth-child(6n+5) {
    
}

.homegallery .gallery .gallery-thumb {
  display: none !important;
  justify-content: center;
  align-items: center;
  font-size: 2em;
    padding:0;max-height:none;width:auto;
}
.homegallery .gallery .gallery-thumb:nth-child(-n+6) { display: flex !important; }
.homegallery .gallery .gallery-thumb a > img, .homegallery .gallery .gallery-thumb a {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
    padding:0;display:block !important;
}
.homegallery .gallery {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fit, minmax(15vw, 1fr));
  grid-auto-rows: 17vw;
  grid-auto-flow: dense;
    width:100%;
}

.homegallery .gallery-simplebox .gallery-thumb:nth-child(3n+1) {
  grid-column: span 2;
    grid-row: span 2;
}

/*-----------------------------*/

.ppt {
    clear:both;
	color:#e30613;
	font-family: 'Montserrat', sans-serif;
}
.pp_description {
    clear:both;
}

.emailbtn {
	margin:0; padding:10px 30px; display:block; float:right; clear:both;
    min-width:200px; z-index:9;
	position:relative; top:0; text-align:center; text-decoration:none;
	border:none;background:#2daae1;color: #ffffff;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.emailbtn:hover { background:#0e71b8;color: #ffffff; }

.footlogos {
    margin:0 auto; padding:20px 0;
    width:100%; z-index:99; position:relative;
    background:#f4f4f4;
}
.footlogos .wrap {
	margin:0 auto; padding:0;
    width:70%; max-width:94%; height:auto;
	position:relative; display:flex;align-items: stretch;justify-content: center;
}
.footlogos .wrap span {padding:0 15px;}
.footlogos .wrap a {
    padding:0 15px;width:33.33%;display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.footlogos .wrap h6 {font-size:1.1rem;font-weight:200;text-transform:uppercase;letter-spacing:0;}
.footlogos .wrap img {height:10vw;margin:0 auto;}
.footlogos .wrap a:first-child img {width:60%}
.footer {
	margin:0 auto; padding:0;
    width:100%; z-index:99; position:relative;
    background:#3d3b38 url('../images/pat3.png') center center repeat;
}
.footer .wrap {
	margin:0 auto; padding:3vw 0;
    width:90%; max-width:1300px; height:auto;
	position:relative; display:flex;align-items: center;
}
.footer .wrap>div {
	margin:0 auto; padding:2vw 0;width:25%;height:auto;position:relative;display: flex;
    align-items: flex-start;flex-direction: column;
}
.footer .wrap>div.contacts.logof {width:15%;}
.footer .wrap>div.footmenu {width:25%;}
.footer .footmenu>ul {
	width:100%;margin:0 auto; padding:0;display:flex;align-items: flex-start; vertical-align:middle; text-align:center;position:relative; color:#fff; list-style:none; justify-content: space-evenly;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out; flex-direction: column;
}
.footer .footmenu>ul li a {text-transform:none;color:#fff;padding:10px;}
.footer .footmenu>ul li a:hover {text-decoration:underline;}

.footer .contacts {
	margin:0 auto; padding:0;display:flex; vertical-align:middle; text-align:center;position:relative; color:#fff;justify-content: space-evenly;align-items: center;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out; 
}
.footer .contacts .adresa {
    display:block;margin:0;font-weight:500;color:#fff;
    font-size:1em;vertical-align: middle;padding:0; letter-spacing:0em;flex-direction: column;
}
.footer .contacts .telefony {
    display:inline-block;margin:0;font-weight:600;color:#fff;
    font-size:1em;vertical-align: middle;padding:0;padding-top:15px; letter-spacing:0em;
}
.footer .contacts .email {
    display:inline-block;margin:0;font-weight:400;color:#fff;
    font-size:1em;vertical-align: middle;padding:0;letter-spacing:0em;
}
.footer .contacts i {
    font-size:1.1em; vertical-align: middle; color:#fff; padding-right:8px;
}
.footer .contacts span a {color:#ecd6b4;}
.footer .contacts span a:hover {text-decoration:none}

.copy {
	margin:0 auto; padding:30px; display:block;
    text-align:center; position:relative; 
	font-size:0.85em;font-weight:400;color:#fff;background:rgba(183,169,143,.1);
}
.copy strong {font-weight:500;}
.copy a {
	margin:0; padding:0; color:#fff; font-weight:500; text-decoration:none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.copy a:hover {
	color:#d3b485;
}

#back-top {
	position: fixed; display: none;
	bottom: 20px;
	right:40px;
	z-index:9999;
	width: 40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	text-align: center; cursor: pointer;
	padding:0;
	text-decoration: none;
	opacity:1;
	color: #fff;
	background:#333 url('../images/top-arrow.png') 0 -40px no-repeat;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
#back-top:hover {
	color: #fff; background:#585858 url('../images/top-arrow.png') 0 -40px no-repeat;
}


.clear {
    clear: both;
}

.main.dokumenty section br {}
#dakujeme .formular {display:none !important;}
#dakujeme .main {height: 60vh;display: flex;flex-direction: column;justify-content: center;}
#dakujeme .main .wrapper {max-width: 600px;}
#dakujeme .main section {font-size: 1.5em;letter-spacing: -0.01em;text-align:center; padding:2vw 0;}

.oznampop {
	position: fixed; display:block;
	top:60px;
	right:-500px;
	z-index:9999;
	width:500px; height:auto;
	text-align: center;
	padding:20px;
	text-decoration: none;
	opacity:0;
	background:#585858;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.oznampop .oznamclose {
	position:absolute; display:block;
	top:1px;right:1px;
	z-index:9999;
	width:auto; height:auto; cursor:pointer;
	text-align: center;
	padding:2px 4px;
	text-decoration: none;
	opacity:1;
	background:#f00;color:#fff;font-size:0.85em;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@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;
    }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}


.yellow {color:#feb22f;} .yellow_b {background:#feb22f;}
.magenta {color:#ec5a94;} .magenta_b {background:#ec5a94;}
.blue {color:#1f9fdc;} .blue_b {background:#1f9fdc;}
.green {color:#25ae6a;} .green_b {background:#25ae6a;}
.violet {color:#ae84ba;} .violet_b {background:#ae84ba;}
.pink {color:#ff7c7c;} .pink_b {background:#ff7c7c;}
.turqoise {color:#00bfb4;} .turqoise_b {background:#00bfb4;}
.darkblue {color:#5f7ba2;} .darkblue_b {background:#5f7ba2;}

#emailh {display:none}
.pagination {display: block;}

.overly {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed; top:0;bottom:0;left:0;right:0;
    z-index: 99999;
}
.overly .showpop {
    width: 80vh; max-width:80%;
    height: 80vh;
    background: #fff;
    border-radius: 5px;
    margin: 100px auto;
    position: relative;display:flex;justify-content: center;
}
.overly .showpop .closepop {
    position: absolute;
    font-size: 25px;
    top: 5px;
    left: 5px;
    cursor: pointer
}
.overly .showpop img {
    width: 100%;
    height: 100%;
}


.telring {
    height:60px;
    width:60px;
    background:#22af72;
    margin:0; padding:0;
    display: flex;align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;border: 2px solid #fff;
    -webkit-border-radius:100%;border-radius:100%;
}
.telring svg {
  width:30px;
  height:30px;
  margin:0 auto;display:block;position:relative;
}
.telring svg path {
  fill:#ffffff;
}
.telring svg path:nth-child(2) {
  -webkit-animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1);
  animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1);
}
.telring svg path:nth-child(3) {
  -webkit-animation:header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1);
  animation:header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1);
}
/* Animate phone */
@-webkit-keyframes header-phone {
  0%,30% {opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
  80% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
  100%{opacity:0}}
@keyframes header-phone {
  0%,30%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
  80%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
  100%{opacity:0}}
@-webkit-keyframes header-phone2 {
  0%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
  70%,90%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
  100%{opacity:0}}
@keyframes header-phone2 {
  0%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
  70%,90%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
  100%{opacity:0}}
.telring {display:none;}



/*
COLORS
*/
:root {
	--color-1: #fbf8f0;
	--color-2: #2b261f;
	--color-3: #e0d5c7;
	--color-4: #d6c2a9;
	--color-5: #aa9371;
	--color-6: #5f3800;
	--color-7: #e4043e;

	--opacity-1: rgba(251,248,240,.85);
	--opacity-2: rgba(170,147,113,.85);
	--opacity-3: rgba(125,100,64,.85);
	--opacity-4: rgba(228, 4, 62, 0.92);
	--opacity-5: rgba(224, 213, 199, 0.65);

	--color-icon: #5f3800;
}



header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 790;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	color: var(--color-2);
	background-color: transparent;
}
header.header-sticky {
	padding: 0;
	background-color: var(--color-1);
	box-shadow: 0 5px 100px 0 rgba(0,0,0,.1);
}
header > div {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
}
header a {
	text-decoration: none;
	color: inherit;
}
header .handle {
	padding: .5rem 1rem;
	position: relative; cursor:pointer;
}
header span {
	vertical-align: middle;
	display: inline-block;
}
header span.legend {
	margin-right: .5rem;
}


#logo-primary {
	position: relative;
}
#logo-primary a {
	background-color: var(--opacity-1);
	padding:1em 1.5em 2em 1.5em;
	line-height: 1.25em;
	clip-path: polygon(.25em 0, calc(100% - .25em) 0, 100% calc(100% - 0em), 50% 90%, 0 calc(100% - 0em));
	transform: translateX(3em);
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.logo-symbol {
	height: 7rem;
	margin: 0;
}
.header-sticky #logo-primary a {
	transform: translateX(1em);
	padding: 1.25em .75em 1.25em .75em;
	line-height: 1em; background-color: var(--color-1);
}
.header-sticky .logo-symbol {
	height: 5rem;
}

#logo-secondary {
	padding: .5rem;
	width: 100%;
	box-sizing: border-box;
}
#logo-secondary .logo-symbol {
	height: 7rem;
	margin: 0;
}

#nav-primary {
	background-color: var(--opacity-1);
	color: var(--color-1);
	padding: 0 1em;
	margin: 1em;
	width: auto;
	justify-content: flex-end;
}
#nav-primary ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}
#nav-primary li {
	position: relative;
}

#nav-primary a {
	display: block;
	padding: 1em;
	position: relative;
	color: var(--color-2);
	font-weight: 400;
}
#nav-primary a:hover, #nav-primary a.active {
	color: var(--color-6);
}
#nav-primary ul ul {
	display: none;
}
#nav-primary ul a {
	padding: 1.25em 1em;
}
#nav-primary ul a::after {
	content: "";
	height: 1px;
	width: calc(100% - 2em);
	position: absolute;
	bottom: 0;
	left: 1em;
	z-index: auto;
}
#nav-primary a:hover::after {
	background-color: var(--color-6);
}
#nav-primary a.active::after {
	background-color: var(--color-6);
}
.header-sticky #nav-primary {
	background-color: transparent;
	margin: 0;
}


#nav-secondary {
	
}
#nav-secondary a {
	display: inline-block;
	position: relative;
	padding: .5rem 1rem;
	font-size: 1.25em;
}
#nav-secondary ul {
	padding: 0;
}
#nav-secondary ul ul li {
	display: inline-block;
}
#nav-secondary ul ul a {
	font-size: .85em;
}
#nav-secondary ul a::after {
	content: "";
	height: 1px;
	width: calc(100% - 3rem);
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	z-index: auto;
	background-color: transparent;
}
#nav-secondary a:hover::after {
	background-color: var(--color-6);
}
#nav-secondary a.active {
	color: var(--color-6);
}
#nav-secondary a.active::after {
	background-color: var(--color-5);
}
#nav-primary a:hover::after, #nav-secondary a:hover::after {
	animation: menu-fade-in .25s;
}

@keyframes menu-fade-in {
	0% {
		transform: scaleX(0%);
	}
	100% {
		
	}
}

/*
SIDEBAR
*/
.box-sidebar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 900;
	overflow-x: hidden;
	overflow-y: auto;

	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;

	width: 50vw;
	height: 100vh;
	box-sizing: border-box;
	background-color: var(--color-3);
	border-left: 3rem solid var(--color-5);
	transform: translateX(100%);
	-webkit-transition: all 0.6s cubic-bezier(0.6, 0.05, 0.28, 0.91);
	transition: all 0.6s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.box-sidebar.opened {
	box-shadow: 0 0 10px -5px rgba(46,46,46,0.25);
}

.box-sidebar .handle-close {
	padding: 2rem 2rem 1rem 2rem;
	text-align: right;cursor:pointer;
}
.box-sidebar-bg {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 890;

	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);

	transform: translateX(100%);
	-webkit-transition: all 0.6s cubic-bezier(0.6, 0.05, 0.28, 0.91);
	transition: all 0.6s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

/*
GRID
*/
section {

}

.row, .row-slim, .row-wide { 
	width: 100%; 
	margin: 0 auto 0 auto;	
	text-align: left;	
	padding: 0;	
	display: flex; 
	flex-flow: row wrap;
	justify-content: center; align-items: center;
}
.row-slim  { max-width: 900px; }
.row-wide  { max-width: 1400px;width:90%;	}

.col {
	flex-grow: 1;
	flex-basis: 0;
}
.col-aside {
	max-width: 25%;
}

.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33%;
}
.col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.67%;
}
.col-12 {
	width: 100%;
}

.wrapper {
	padding: 2em 0;
	box-sizing: border-box;
}
.main .wrapper {margin:-5vh auto 0;}
.wrapper-half {
	padding: 1em 2em;
	box-sizing: border-box;
}
.wrapper-flow {
	padding-top: 3em;
	padding-bottom: 3em;
	box-sizing: border-box;
}
.wrapper-side {
	padding-left: 3em;
	padding-right: 3em;
	box-sizing: border-box; margin:0 auto !important;
}
.wrapper-over {
	padding: 1em 0;
	box-sizing: border-box;
}
.wrapper-form {
	padding: .5em 2em;
	box-sizing: border-box;
}

.box-inline {
	display: inline-block;
}
.box-flex {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
.box-flex-reverse {
	flex-direction: row-reverse;
}
.box-flex-col {
	flex-direction: column;
	align-items: inherit;
	justify-content: flex-start;
}
.box-flex-start {
	justify-content: flex-start;
}
.box-flex-end {
	justify-content: flex-end;
}
.box-flex-inline {
	align-items: center;
	justify-content: flex-start;
}
.box-flex-middle {
	align-items: center;
	align-content: center;
}
.box-flex-justify {
	justify-content: space-between;
}
.box-self-center {
	align-self: center;
}
.box-self-right {
	align-self: flex-end;
}
.box-break-after {
	break-after: always;
}

.box-float-right {
	float: right;
}

.box-grid {
	/*
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 0;
	grid-row-gap: 0;
	justify-items: stretch;
	*/
}

.box-list > *:nth-child(odd) {
	
}
.box-thumb { width: 100%; height: auto; overflow: hidden; position: relative; }

.box-thumb a {
	display: block;
	height: 100%;
	width: 100%;
}
.box-thumb img {
	object-fit: cover;
	-o-object-fit: cover;
	height: 100%;
	width: 100%;
	display: block;
}
.box-thumb-list { width: 100%; height: auto; overflow: hidden; margin-bottom: 1em; }
.box-thumb-list a {
	display: block;
	height: 100%;
	width: 100%;
}
.box-thumb-list img {
	object-fit: cover;
	-o-object-fit: cover;
    height: 100%;
	width: 100%; 
	display: block;
}

.box-thumb-page {

}
.box-thumb-page img {
	max-width: 100%;
}
.box-thumb-page-left {
    margin-bottom: 1rem;
}
.box-thumb-page-right {
    margin-bottom: 1rem;
}


.box-photo { width: 100%; max-width: 180px; height: auto; overflow: hidden; position: relative; margin: .5em; border: .5em solid var(--opacity-1); }

.box-photo a {
	display: block;
	height: 100%;
	width: 100%;
}
.box-photo img {
	object-fit: cover;
	-o-object-fit: cover;
    height: 100%;
	width: 100%; 
	display: block;
}
.box-expandable {
	display: inherit;
	flex-flow: inherit;
	justify-content: inherit;
}

.box-gallery-preview {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto 15vh;
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	position: relative;
}
.box-marker {

}

.marker {
	display: inline-block;
	padding: .2em .5em;
	margin: .1em;
	border-radius: .2em;
	background-color: #d6c2a9;
}
.marker-color-1 {
	background-color: #CDECD6;
}
.marker-color-2 {
	background-color: #F7C6A2;
}
.marker-color-3 {
	background-color: #F4B7B7;
}
.box-text h2 {
	position: relative;
	padding-bottom: .66em;
	margin-bottom: .66em;
}
.box-text h2::after {
	content: "";
	height: 3px;
	width: 4em;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: auto;
	background-color: var(--color-4);
}
.box-text ul, .box-text ol {
	list-style-type: none;
}
.box-text ul > li {
	padding: .5rem 0 .5rem 2em;
	position: relative;
}
.box-text ul > li:before {
    content: '';
	width: 1em;
	height: 1px;
	position: absolute;
	background-color: var(--color-6);
	left: 0;
	top: 1.25em;
}
.box-text ol {
   	counter-reset: item;
}
.box-text ol > li {
	counter-increment: item;
	padding: .5rem 0 .5rem 2em;
	position: relative;
}
.box-text ol > li:before {
	content: counter(item);
	width: auto;
	min-width: 1.25em;
	height: auto;
	padding: .1em;
	text-align: center;
	position: absolute;
	left: 0;
	top: 1.5em;
	transform: translateY(-66%);
	clip-path: polygon(.1em 0, calc(100% - .05em) 0, 100% calc(100% - .05em), 0% 100%);

	background-color: var(--color-5);
	color: var(--color-2);
}
.box-text > p {
	text-indent: 0; height:15vh; position:relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-text > p:after {
    width:100%;
    height: 10vh;
    background: linear-gradient(0deg, #fff, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    content: close-quote;
}
.developer .box-text > p {
	text-indent: 0; height:auto; position:relative;
}
.developer .box-text > p:after {
	display:none;
}
.box-text > p a {
	position: relative;font-weight:bold;color:var(--color-5);
}
.box-text .a::after {
	content: "";
	height: 1px;
	width: calc(100% - 1rem);
	position: absolute;
	bottom: 0;
	left: .75rem;
	z-index: auto;
	background-color: var(--color-5);
}

div p:last-child {
	margin-bottom: 0;
}
.box-text .btn {
   	font-size:0.7em; padding:7px 15px; margin:15px 0 0; color:#fff; text-decoration:none;
}
.box-text .btn:hover {color:#fff;}
.box-text > p.expanded:after {
  display: none;
}

/*
IMG
*/
.icon {
	height: 1.5em;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.icon-sm {
	height: 1em;
	width: auto;
}
.icon-md {
	height: 3em;
	width: auto;
	margin: 0;
}
.icon-lg {
	height: 4em;
	width: auto;
	margin: 0;
}
.icon-start {
	margin-right: .5em;
}
.icon-end {
	margin-left: .5em;
}
.icon-top {
	margin-bottom: .75em
}
.icon-solo {
	margin: 0;
}

.animate, .animate *, .btn *, header, #logo-primary, #logo-primary * {
	-webkit-transition: all .5s ease-out 0s;
  	-moz-transition: all .5s ease-out 0s;
  	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

/*
POLY
*/
.skew-right {
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 calc(100% - 2em));
	margin: 1em 0;
}
.skew-left {
	clip-path: polygon(0 0, 100% 2em, 100% calc(100% - 2em), 0 100%);
	margin: 1em 0;
}

#page-header {
	min-height: 50vh;z-index: 30;
	box-sizing: border-box;
	padding-top: 9rem;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2em), 50% 80%, 0 calc(100% - 2em));
}
#page-header.page-header-low {
	min-height: 40vh;
}
#page-header .row-slim, #page-header .row-wide {
	justify-content: flex-start;
}
#page-title {
	background-color: var(--opacity-1);
	padding-bottom: 3em;
}
#page-header > h1 { 
	position:relative;
	margin:20px 0 0; padding:0 15vw; font-size:4vw;font-weight:400;
	color:#fff; width:100%; text-align: left; z-index:10;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#index #page-header > h1 {text-transform:none;}
#page-header > h1:after {
    background:#b7a98f;content:'';display:block;
    position: absolute;bottom:-15px;left:15vw;width:20%;height: 6px;
}

#article-header {
	box-sizing: border-box;
	padding-top: 9rem;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-end;
}
#page-header p, #article-header p {
	margin: 0; padding: 0;
}

#page-header .pict-bg-full {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#page-header .pict-bg-full img {
	object-fit: cover;
	-o-object-fit: cover;
    height: 100%;
	width: 100%; 
	display: block;
	opacity: 1;
}

#page-footer {
	
}
#page-sign {
	padding-bottom: 5rem;
}
#page-sticky-scroll {
	position: sticky;
	top: 1em;
	bottom: 1em;
}

#developer {
  scroll-margin-top: 100px;
}

.magnify{
  border-radius: 50%;
  border: 2px solid black;
  position: absolute;
  z-index: 99999;
  background-repeat: no-repeat;
  background-color: white;
  box-shadow: inset 0 0 20px rgba(0,0,0,.5);
  display: none;
  cursor: none;
}

.loupe {
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  border: 1px solid black;
  box-shadow: 5px 5px 12px black;
  background: rgba(0, 0, 0, 0.25);
  cursor: crosshair;
  overflow: hidden;
    border-radius: 50%;
  border: 2px solid black;
}

.loupe img {
  position: absolute;
  right; 0;
}

#menu-handle {
	display:none;
}

/* === Mobilná verzia hlavičky a menu === */
#menu-handle, #nav-trigger {
  display: none;
}

nav#nav-mobile {
  display: none;
}