@charset "UTF-8";
@import url('../css/typography.css');
@import url('../fonts/fonts.css');
html, button, input, select, textarea {
    color: #333;
}
html, body {
	margin:0; padding:0;
    font-size: 1em;
    line-height: 1.4;
	font-weight:400;
	font-style:normal;
	font-size:100%;
	font-family: 'DM Sans', sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;/*text-shadow: 0 0 1px rgba(255,255,255,0.1);*/
	position:relative;
	color:#333;
	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:#5e351b; letter-spacing:0em;
	-webkit-font-smoothing:subpixel-antialiased;font-weight:600; font-family: 'Playfair', sans-serif; }
h1 { font-size:2.125em; }
h2 { font-size:1.5em; }
h3 { font-size:1.300em; }
h4 { font-size:1.300em; }

a { 
	text-decoration:none; outline:0 none; color:#5e351b;
	-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:underline; outline:0 none; color:#000; }
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;}

.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 #666666;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%;
}

.container {
	margin:0 auto; padding:0;
    width:100%; min-height:100%;
	position:relative; display:block;z-index: 1;
}
.wrap {
	margin:0 auto; padding:0;
    width:100%; min-width:1200px; height:auto; position:relative;
}
header {
	margin:0 auto;padding:0;
    width:100%; height:auto;
	position:absolute; display:block;text-align:center;
    z-index:99;
}
.header {
	margin:0 auto; padding:0; display:flex;align-items: flex-start;
    width:80%; height:auto;
	position:relative;
	z-index: 9990;
}
.header .logo {
	margin:0 auto 0; padding:0; display:flex;width:20%;max-width:25vw; height:12vw; align-items: center;justify-content: center;position:relative; z-index:5;
    background:transparent url("../images/logobg.svg") center -1.4vw no-repeat; background-size:contain;
	-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:-25% auto 0; padding:0; display:block; position:relative;
    width:80%; max-width:230px; height:50%; 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 .logo:hover img {-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}

.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:20px;height:auto; width:80%;
	position:relative;
	display:inline-block; z-index:4;text-align:right; background:#fff;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.3);
	-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:flex;align-items:center;justify-content: space-between;
}
#nav-main ul li {
	padding:0; margin:0;
	display:table-cell;vertical-align:middle;
	position:relative;
	padding:0; padding-right:4px;
	-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.objednanie.current a {
    color:#ffffff !important;
}
#nav-main ul li a {
	font-size:0.8vw; font-weight:600; letter-spacing:0em; padding:12px 20px 11px;
	color: #666; font-family: 'DM Sans', sans-serif;
	position:relative; text-align:center;
	text-decoration: none; text-transform:uppercase;
	z-index: 6; display:block; vertical-align:middle; width: 100%;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	-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 span {display:inline-block;}
#nav-main ul li span a {padding:13px 12px 11px;}

#nav-main ul li.open>a:after {
	content: "";
    position: absolute;
    top: calc(-2px + 50%);
    right: 18px;
    margin-left: -4px;
    border-width: 4px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}

#nav-main ul li.objednanie a {
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
    color: #fff;background: #1883C3;
}
#nav-main ul li.current a {color: #5e351b;}
#nav-main ul li a:hover {color: #000;background:#eee;}
#nav-main ul li.objednanie a:hover {color: #fff;background:#5e351b;}
#nav-main ul li.objednanie a:after {
    content: '';display: block;width:100%;
    position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:#5e351b;
    -webkit-transform: scale(0,0);transform: scale(0,0);-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
    -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:after {
    -webkit-transform: scale(1,1);transform: scale(1,1);
}

.subs {
	margin:20px auto 0; padding:0;height:auto; width:20vw;left: calc(-10vw + 50%);
	position:absolute;background:#fff;
	z-index:40;text-align:center;display:none;opacity:0;animation:none;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    -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 #fff 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:#ffffff;font-size:1.1em;color:#666;
}
#nav-main .subs ul li.current a, #nav-main .subs ul li.current:hover a, #nav-main .subs ul li:hover a {color:#000;background:#eee;}
#nav-main .subs ul li a:before {display:none;}

#nav-main #navplus, #navplus {
    display: none
}
.noscroll {
    overflow: hidden
}
#nav-trigger {
  display: none;
  z-index:9999; position:relative; padding:12px 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:#fff;
  text-align: center; vertical-align: middle; padding-right: 20px; line-height: 0;
}

nav#nav-mobile {
	z-index:999; position: absolute;top:0;
	display: none; width:100%;height: 100vh;
    background: #fff;
    padding: 15vh 0 0;
}
nav#nav-mobile ul {
    display: none;width:100%;height:auto;
    list-style-type: none;
    position: relative;
    left: 0;right: 0;
	padding:0;
    margin: 0 auto;
    text-align: center;
}
nav#nav-mobile li {
    display: block; position:relative;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #ddd; }
nav#nav-mobile li:last-child {
	border-bottom: none; }
nav#nav-mobile a {
    display: block;
	font-size:1.1em; font-weight:600; text-transform:none;
	color: #666; font-family: 'DM Sans', sans-serif;
    padding: 14px 30px; }
nav#nav-mobile a:hover {text-decoration:none;}

nav#nav-mobile ul li a {background:#fff;}

nav#nav-mobile ul li.current a {background:#fff;color:#5e351b;}
nav#nav-mobile ul li.current ul li a {background:#4a637b;color:#fff;}
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.social {background:#132a40;}
nav#nav-mobile ul li.social a {display:inline-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: #5e351b;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: "";
    position: absolute;
    top: calc(-2px + 50%);
    right: 4px;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}
.icon-minus:before { 
    content: "";
    position: absolute;
    top: calc(-10px + 50%);
    right: 4px;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #666 transparent;
}

#nav-mobile ul li ul li .icon-minus:before { content: 'ec39'; font-family: "linearicons"; font-size:2em;margin:0 5px 0 0;}
#nav-mobile ul li ul li .icon-minus:before { 
    content: "";
    position: absolute;
    top: calc(-2px + 50%);
    right: 4px;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}
#nav-mobile .subs {
	margin:0 auto; padding:0;height:auto; width:100%;left:auto;opacity: 1;
	position:relative;background:#061427; border-top:none;
	z-index:40;text-align:center;display:block; 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;
}
#nav-mobile .subs:before {display:none;}
#nav-mobile .subs a {background:#dedede;color:#333;font-size:1em;}
#nav-mobile ul li:hover .subs {animation:none;}


/* ---------content------------ */

.main {
	padding:3vw 0;margin:0 auto;
    width:100%;
	position:relative;
	text-align:center;
}
.main.carpage {background:#132a40}
.main > h1 { 
	position:relative; 
	margin:0 auto 10px; padding:0; font-size:calc(4vw + 70%);
	color:#000; width:100%; text-align: center;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
.wrapper {
	margin:0 auto; padding:0;
    width:100%;max-width:74%;
	position:relative; z-index:8; top:0px;
	text-align:justify;
    color:#666;
}
.main section {font-size:1em;letter-spacing:0em;}
.main a {color:#9e603b;text-decoration:underline;}
.main a:hover {color:#ff0000;}
.wrapper h1 { 
	position:relative; 
	margin:5px 0; padding:0 0 10px; font-size:2.4em;
	color:#000; width:100%; text-align: center;
}
.wrapper h2 { font-size:1.7em;font-weight:700; }
.wrapper p { max-width:1300px; }
.wrapper strong { font-weight:600; }
.wrapper img { 
    border:3px solid #fff;
    -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
	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;
}
.slimtopbg {
	padding:8vw 0 20px;margin:0 auto;
    width:100%;position:relative;text-align:center; min-height:12vw;
    background-position:center center; background-size:cover; background-color:#9e603b; background-blend-mode: soft-light;
}
.slimtopbg > h1 { 
	position:relative; 
	margin:20px auto 15px; padding:0; font-size:4vw; text-transform:uppercase; font-weight:600;
	color:#fff; width:100%; text-align: center;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

/* ---------------------------- Home top ----------------------------- */
.homebg {
	margin:0 auto;padding:0;
    width:100%; height:100vh; position:relative; display:flex;align-items: center; vertical-align:middle;
    z-index: 0; text-align:center; background-size:cover; background-repeat: 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;
}
.video-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
}
.slogan {
	margin:0 auto 3vw;padding:0;
    width:80%;height:auto;
	position: absolute;left:10%;top:auto; display:flex; vertical-align:middle; align-items: center;flex-direction:column;justify-content:center;
    text-align:center;background:transparent;
	-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:before {
    position:absolute;top:45%;padding:0;width:100%;height:45%;
    content: ""; background:rgba(103,56,28,0.7);z-index:1;
}
.slogan h1 {
	padding:0; margin:0 auto; z-index:5;
	display:block;vertical-align:middle;width:100%;
	text-align:center; position:relative;
    color:#fff; font-weight:600; font-size:6vw; letter-spacing:-0.03em; line-height:1.4; text-transform:none;line-height:1;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.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;
}
.slogan h1 strong {font-weight:900;text-transform:uppercase;display:block;}
.slogan p {font-size:2.2vw;font-weight:600;display:block;width:80%;letter-spacing:0em; line-height:1;color:#fff;margin:-0.5vw auto 0;z-index:5;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.slogan p span {font-size:2.0em;color: #5e351b;}
.slogan .showmore {
	padding:0; margin:0 auto;
	display:block;vertical-align:middle;
	text-align:left; position:absolute; cursor:pointer; text-transform:uppercase;
    color:#fff; font-weight:300; font-size:2em; letter-spacing:0.06em;line-height:0.9;bottom:-6.5vw;
	-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 .showmore i {position:relative;top:2px;padding:0 10px;}
.topline {
	margin:0 auto;padding:0;
    width:80%;height:auto;
	position: absolute;left:10%;top:auto;bottom:4%; display:flex; vertical-align:middle; align-items: center;flex-direction:row;justify-content:center;
    text-align:center;background:transparent;color:#fff;text-transform:uppercase;font-size:1.2vw;letter-spacing:0.3em;
	-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 info*/
.slogan-info.mobile {
    display: none;
}
.slogan-info.desktop, .slogan-info.mobile {
    padding:1vw 1vw 2vw;
    border-bottom: 1px solid #999;
}
.slogan-info.desktop > h2 {
    padding:0; margin:0 auto;
    display:block;vertical-align:middle;width:100%;
    text-align:center; position:relative;
    color:#5e351b;
    font-size: 2.4em;
    -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-info.mobile a, .slogan-info.desktop a {text-decoration: none;color:#f79800;font-weight:900;}
.slogan-info.mobile a:hover, .slogan-info.desktop a:hover {text-decoration: underline;color:#5e351b;}
/*END slogan info*/

/* homeicons */
.iconsblock {
	margin:-3.2vw auto 0;padding:3vw 3vw 2vw;width:74%;height:auto;min-width:1200px;
	position:relative;display:flex;text-align:center;background:#fff; z-index:10; flex-wrap: wrap;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}
#sluzby .iconsblock, #akcie-a-baliky .iconsblock {
    margin:0 auto 0;padding:20px 3vw;
    -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}
.iconsblock>a, .iconsblock>div {
	margin:0 auto 20px; padding:2vw;
    width:100%; height:auto; width: 25%;
	position:relative;display:flex; text-decoration:none;flex-direction: column;
    align-items: center;
}
.iconsblock>a h2, , .iconsblock>div h2 {
	margin:0 auto; padding:15px 0 0;font-size:1.4em;font-weight:600;line-height:1;text-decoration:none;
	position:relative;display:block;text-align:center;letter-spacing:0em;
    -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;
}
.iconsblock>a img, .iconsblock>div img {border:none;box-shadow:none;}
.iconsblock>a:hover img, .iconsblock>div:hover img {-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.iconsblock>a:hover h2, .iconsblock>div:hover h2 {/*letter-spacing:0.06em;*/}

/* lines */
.line1 {
	margin:0 auto 0;padding:3vw 0;width:100%;height:auto;
	position:relative;display:flex;text-align:center;background:#fff4e6;
}
.line1>div {
	margin:0 auto 0;padding:0;width:80%;height:auto;position:relative;display:flex;min-width:1200px;
}
.line1 .img {
	margin:0 auto 0;padding:0;width:40%;height:auto;position:relative;display:flex;align-items:center;justify-content:center;
}
.line1 .img img {
	position:relative;display:flex;left:-10vw;
}
.line1 .txt {
	margin:0 auto 0;padding:0 4vw; padding-left:6vw; width:70%;height:auto;position:relative;display:flex;flex-direction: column;align-items: flex-start;justify-content: center; z-index:2;
}
.line1 .txt h2 {
	margin:0; padding:20px 0;font-size:2.3em;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;
	position:relative;display:block;text-align:left;letter-spacing:0em;
    -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;
}
.line1 .txt p {
	margin:0; padding:10px 0; max-height:auto;
	position:relative;display:block;text-align:left; overflow:hidden;
    -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;
}
.line1 .txt h5 {
	margin:0; padding:0;font-size:1.2em;font-weight:600;line-height:1;text-decoration:none; text-transform:uppercase; font-family:'DM Sans', sans-serif;
	position:relative;display:block;text-align:left;letter-spacing:0em;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;
}
.line1 .txt h5 i {padding:0;font-size:1.25em;top:4px;position:relative;}


.line2 {
	margin:0 auto 0;padding:3vw 0;width:100%;height:auto;
	position:relative;display:flex;text-align:center;background:#fff;
}
.line2>div {
	margin:0 auto 0;padding:0;width:80%;height:auto;position:relative;display:flex;min-width:1200px;flex-wrap:wrap;
}
.line2 .box {
	margin:0 auto 0;padding:2vw; width:33.33%;height:auto;position:relative;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;
}
.line2 .box h2 {
	margin:0; padding:20px 0;font-size:2.3em;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;
	position:relative;display:block;text-align:left;letter-spacing:0em;
    -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;
}
.line2 .box p {
	margin:0; padding:10px 0;
	position:relative;display:block;text-align:left;
    -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;
}
.line2 .box h5 {
	margin:0; padding:0;font-size:1.2em;font-weight:600;line-height:1;text-decoration:none; text-transform:uppercase; font-family:'DM Sans', sans-serif;
	position:relative;display:block;text-align:left;letter-spacing:0em;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;
}
.line2 .box h5 i {padding:0;font-size:1.25em;top:4px;position:relative;}
.line2 .box img {
	position:absolute;display:flex;top:2vw;right:2vw;
}
.line2 a.box {color:#333;text-decoration:none;}
.line2 a.box>div {
    margin:0 auto 0;padding:30px; width:100%;height:auto;position:relative;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;
}
.line2 a.box.green>div {background:#deefcc;border:5px solid #cbe0b6;}
.line2 a.box.blue>div {background:#ddf1f4;border:5px solid #b2e2e9;}
.line2 a.box>div i {padding:0;font-size:3vw;position:relative;}

.line2 a.box.orange {width:100%;}
.line2 a.box.orange>div {
    margin:0 auto 0;padding:20px; width:100%;height:auto;position:relative;display:flex;flex-direction:row;align-items:center;justify-content: center;background:#ffd4ba;border:5px solid #ffbb92;
}
.line2 .box.orange img {
	position:relative;display:flex;top:auto;left:auto;right:auto;bottom:auto;padding-right:30px;
}
.line2 .box.orange h2 {padding:0;padding-right:30px;}


.line3 {
	margin:0 auto 0;padding:3vw 0;width:100%;height:auto;
	position:relative;display:flex;text-align:center;background:#f39e6b;
}
.line3>div {
	margin:0 auto 0;padding:0;width:80%;height:auto;position:relative;display:flex;min-width:1200px;
}
.line3 .img {
	margin:0 auto 0;padding:0;width:40%;height:auto;position:relative;display:flex;align-items:center;justify-content:center;
}
.line3 .img img {
	position:relative;display:flex;left:-5vw;
}
.line3 .txt {
	margin:0 auto 0;padding:0 4vw; padding-left:6vw; width:60%;height:auto;position:relative;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;
}
.line3 .txt h2 {
	margin:0; padding:20px 0;font-size:2.3em;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;
	position:relative;display:block;text-align:left;letter-spacing:0em;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;
}
.line3 .txt p {
	margin:0; padding:10px 0; max-height:14vh;
	position:relative;display:block;text-align:left; overflow:hidden;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;
}
.line3 .txt h5 {
	margin:0; padding:0;font-size:1.2em;font-weight:600;line-height:1;text-decoration:none; text-transform:uppercase; font-family:'DM Sans', sans-serif;
	position:relative;display:block;text-align:left;letter-spacing:0em;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;
}
.line3 .txt h5 i {padding:0;font-size:1.25em;top:4px;position:relative;}
.line3 .txt a.btn {background:#fff;color:#5e351b;margin:20px 0 0;}
.line3 .txt a.btn:hover {color:#fff;}




/* home */

.home {
	margin:0 auto;padding:0;width:100%;position: relative; display:block; vertical-align:middle;
    z-index: 1; 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;
}
.home h1 {color:#fff;font-weight:600;font-size:2.5em;margin:10px auto 20px;}

.homeinfo {
	margin:0 auto;padding:0;width:100%;position: relative; display:block; vertical-align:middle;
    z-index: 1; text-align:center;background:transparent url("../images/bg1.svg") center top no-repeat; background-size:cover;
	-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;
}
.homeinfo>div {
    margin: 0 auto;padding:6vw 0;width:80vw;height: auto;
    position: relative;display: block;
}
.homeinfo h2 {
	padding:0; margin:0 auto 20px;
	display:block;vertical-align:middle;width:100%;
	text-align:center; position:relative;
    color:#859fb8; font-weight:300; font-size:3vw; letter-spacing:0.02em; line-height:1; text-transform:uppercase;
	-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;
}

.homegal {
	margin:0 auto; padding:20px 0;
    width:100%; height:auto;
	position:relative;
}




/* -------------------------- */
div.gallery-produkt-section {
    padding: 5vh 0;
}

.gallery{
    font-size:0;
    width:100%; 
    margin:0 auto;
}
.gallery .gallery-thumb{
    padding:1vw; margin:0 auto; width:25%;
    display:inline-flex;
    overflow:hidden;
    position:relative;
    vertical-align:top;
}
.gallery .gallery-thumb img{
}
.gallery-produkt-section .gallery-thumb:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.gallery.gallery-simplebox a{
	height: auto !important;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.gallery-produkt-section .gallery-thumb:nth-child(10n+1) {
    width:44vw;
    float:left;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+2) {
	width:22vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+3) {
    width:22vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+4) {
	width:44vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+4) a {height:20.01vw !important;}
.gallery-produkt-section .gallery-thumb:nth-child(10n+4) img {
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+4):hover img {
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);transform: translateY(-50%) translateX(-50%) scale(1.1);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+5) {
    width:22vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+6) {
	width:44vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+6) a {height:20.01vw !important;}
.gallery-produkt-section .gallery-thumb:nth-child(10n+6) img {
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+6):hover img {
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);transform: translateY(-50%) translateX(-50%) scale(1.1);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+7) {
    width:22vw;
    float:right;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+7) a {height:42vw !important;}
.gallery-produkt-section .gallery-thumb:nth-child(10n+7) img {
    max-width: none;width: auto;height:inherit;
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+7):hover img {
    position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);transform: translateY(-50%) translateX(-50%) scale(1.1);
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+8) {
    width:22vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+9) {
    width:22vw;
}
.gallery-produkt-section .gallery-thumb:nth-child(10n+10) {
    width:22vw;
}
#o-nas .gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width:auto !important;
}
#o-nas .gallery-o-nas.gallery-simplebox .gallery-thumb {
    width: 100%;
    display: flex !important;
    justify-content: flex-start;
}
#o-nas .gallery-o-nas.gallery-simplebox .gallery-thumb:first-child {
    width: 100%;
    display: flex !important;
    justify-content: flex-end;
}
#o-nas .gallery-o-nas.gallery-simplebox .gallery-thumb > a {
    width: 45%;
}

/* -------------------------- */



#oznamy .wrapper img { 
    border:none;
    -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
	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;
}

.home .wrapper h1 { 
	text-align: left;
}
.main .wrapper ul {
	list-style: none; padding-inline-start: 30px;
}
.main .wrapper ul li:before {
	margin:5px auto;
	content: "\ee8f";font-family: "boxicons";
    color: #9e603b;top: 2px;position: relative;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
}

.main .wrapper ol li::marker {
    font-weight: bold !important;
}


.oznamybtn {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  gap: 20px;
}

.oznamybtn > div {
  font-size:1.2vw;
}

.tabulky {
  display: none;
}

.tabulky.active {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.tabulka-column {
  flex: 2;
  min-width: 300px;display: flex;align-items: flex-start;
    position:relative;
}

.tabulka-column table {
  width: 100%;
  border-collapse: collapse; margin:12px;
  margin-bottom: 20px;
}

.tabulka-column table th {
  background-color: #eac6b0; 
  color:#9e603b;
  padding: 12px;
}

.tabulka-column table td {
  padding: 12px;
  border: 1px solid #fff;
}

.tabulka-column ul {
  margin: 0;
  padding-left: 20px;
}
.tabulka-column ul li a {
    color: #333;
    text-decoration: none;
}
.tabulka-column ul li a:hover {color: #333;text-decoration: underline;}
.main .wrapper .tabulka-column ul li:before { content: "\edbc";color:#f75555;}


/*altblok*/
.altblok {
  margin: 0 auto;
}

.altblok .item {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}

.altblok .item:nth-child(even) {
  flex-direction: row-reverse;
}

.altblok .foto,
.altblok .text {
  flex: 1;
}

.altblok .foto img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.altblok .text {
  padding: 0 20px;
}

.altblok .text h3 {
  margin-top: 0;
}
.read-more-btn {display:none;}

/* Responzívne pre mobily */
@media (max-width: 768px) {
  .altblok .item {
    flex-direction: column;
  }
  .altblok .item:nth-child(even) {
    flex-direction: column;
  }
  .altblok .text {
    padding: 20px 0 0;
  }
}

@media (max-width: 768px) {
  .text-inner {
    max-height: 6em; /* cca 3-4 riadky */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
  }

  .text-inner.expanded {
    max-height: none;
  }

  .read-more-btn {
    display: block;
    margin: 20px auto;
    background-color: #9e603b;
    color: white;
    border: none;
    padding: 8px 16px;
    font-size: 1em;
    cursor: pointer;
  }
}


/* Tables */
table {
}

td {

}

td:hover {

}
th {
}


/* kontaktline */
/*.kontaktline {
	margin:0 auto; padding:0 10%;
    width:100%; height:auto;
	position:relative;display:flex;justify-content: space-between;
    background:#fff;color:#333;
}
.kontaktline>div {
	margin:0 auto; padding:0;color:#333;
    width:auto; height:auto;
	position:relative;display:block;
}*/
/* kontaktline – rovno 4 boxy na riadok */
.kontaktline {
  margin: 0 auto;
  padding: 3vw 2%;
  width: 100%;
  background:#fff;color:#333;
  display: flex;
  flex-wrap: wrap;

  gap: 24px;
  justify-content: flex-start;
}

.kontaktline > div {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;

  flex: 0 0 calc(25% - 18px);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 240px;
}

.kontaktline > div { align-items: center; text-align: center; }
.kontaktline > div.second-row {margin-top:25px;}

.kontaktline>div h4 {
	font-weight:800; letter-spacing:0; padding:0;margin:0 0 5px; line-height:1; color:#5e351b; text-align:left;
    -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;
}
.kontaktline>div a {
    margin:0; padding:0; color:#333; font-weight:700;
    width:auto; height:auto; text-align:left;
	position:relative;display:flex;align-items:center; text-decoration:none;
}
.kontaktline>div a:hover {color:#5e351b;text-decoration:none;}
.kontaktline>div i {color:#5e351b;padding-right:10px;}
.kontaktline>div a.mmail {font-weight:400;}
.kontaktline>div hr {margin:7px auto;}

.mapline { 
    position:relative; width:100%; height:auto; margin:0 auto;padding:0;
    overflow: hidden;
}
.mapline iframe { 
    position:relative; width:100%; height:40vh; margin:0 auto;padding:0;
    overflow: hidden;
}

/* inputs */
input, textarea {
	margin:10px auto; padding:12px 20px 10px; display:inline-block;
	position:relative; top:0; text-align:left; width:48%;
	background:#ffffff; border:1px solid #333; color:#333;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.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;
}
textarea {
	width:100%;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#888;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#888;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#888;}
input::placeholder, textarea::placeholder {color:#888;}

input[type="checkbox"] {
    opacity: 0;
    position: absolute; left: 0;
    z-index: 99;
    width: 20px;
    height: 20px;
    cursor: pointer; margin:0 auto;
}
input[type="checkbox"] + label {
    position: relative;
    display: table-cell; vertical-align: middle; padding-top:3px;
    padding-left: 26px; line-height: 1.2; font-weight:500; font-size:0.9em;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
input[type="checkbox"] + label::before{
    height: 20px;
    width: 20px;
    border: 1px solid;
    left: 0px;
    top: 0;
    background: #fff;
}
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: #333333; border-color:#fff;
}
input[type="checkbox"] + label::after {content: none;}
input[type="checkbox"]:checked + label::after {content: "";}
input[type="checkbox"]:checked + label::before{background: #333333;}

/* contact form */
.contact-form { 
	position:relative;
	margin:0 0 0; padding:0;
	display:block; width:100%;
}
.contact-form form {padding:0;text-align:left;margin:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact-form input, .contact-form select, .contact-form textarea {
	margin:0 0 22px; padding:11px 18px; display:inline-block;
	position:relative; top:0; text-align:left; /*width:31%;*/width:32%;
	background:#fff; border:3px solid #b2b2b2; color:#333;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	-webkit-box-shadow:inset 0px 2px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 2px 7px 0px rgba(0,0,0,0.2);box-shadow:inset 0px 2px 7px 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;
}
.contact-form input#name, .contact-form input#email, .contact-form input#phone, .contact-form select {}
.contact-form textarea {width:100%;}

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form select::-webkit-input-placeholder {color:#666;}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form select::-webkit-input-placeholder {color:#666;}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form select::-webkit-input-placeholder {color:#666;}
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder, .contact-form select::-webkit-input-placeholder {color:#666;}
.contact-form input::placeholder, .contact-form textarea::placeholder, .contact-form select::-webkit-input-placeholder {color:#666;}

.contact-form input#send {
	margin:-10px 0 0; padding:14px 12px 13px; display:inline-block; float:right;
    width:30%; z-index:1; font-size:1.4em; text-transform:uppercase; line-height:1; letter-spacing:0em;
	position:relative; top:0; text-align:center; text-decoration:none;
	color:#fff; font-weight:600; border:none;
    background:#9e603b;
	-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 {color:#fff;background:#5e351b;}
.contact-form input#send:after {
    content: '';display: block;width:100%;
    position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:#5e351b;
    -webkit-transform: scale(0,0);transform: scale(0,0);-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
    -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;
}

.contact-form input#send:hover:after {
    -webkit-transform: scale(1,1);transform: scale(1,1);
}

.contact-form #form_msg {
	margin:35px auto; padding:5px 10px; display:none; z-index:9;
	position:relative; text-align:center; text-decoration:none;
	color: #333333; 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 .suhlas {
    position:relative;
    overflow: hidden;
    display: table;
    float: left;
    text-align: left;
    padding:0 0 25px;
}
.contact-form .suhlas input[type="checkbox"] {
    opacity: 0;
    position: absolute; left: 0;
    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:3px;
    padding-left: 26px; line-height: 1.2; font-weight:500; font-size:0.9em;
}
.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 #333;
    left: 0px;
    top: 0;
    background: #fff;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}
.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: #5e351b; 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: #5e351b;}

#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 #333333;-moz-box-shadow: 0px 0px 0px 1px #333333;box-shadow: 0px 0px 0px 1px #333333;
	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 #333333; background:#fff; color:#333333; 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 #333333; -moz-column-rule: 1px dotted #333333; column-rule: 1px dotted #333333;
}

/* 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 url("../images/logo.svg") center center no-repeat; background-size:contain; width:100px; height:200px;
}


a.scrolltarget {
	margin:0; margin-right:10px; padding:5px 15px;
	position:relative;
	display:inline-block; font-family: 'DM Sans', 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:#5e351b; }

.check {
   color:#7d7d7d;
   padding:10px 10px 10px 30px;
   font-size:0.75em;
   background: url("../images/check.jpg") 8px 11px no-repeat;
}



.ppt {
    clear:both;
	color:#e30613;
	font-family: 'DM Sans', 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: 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;
}
.emailbtn:hover { background:#0e71b8;color: #ffffff; }

.btn, a.btn {
	font-size:1.1em; font-weight:600; letter-spacing:0em; padding:12px 2vw 11px;
	color:#fff;background:#9e603b; font-family: 'DM Sans', sans-serif;
	position:relative; text-align:center;text-decoration: none; text-transform:none;
	display:inline-flex; vertical-align:middle;z-index:1;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;
}
.btn:hover, a.btn:hover {color:#fff;background:#5e351b;}
.btn:after, a.btn:after {
    content: '';display: block;width:100%;
    position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:#5e351b;
    -webkit-transform: scale(0,0);transform: scale(0,0);-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;
}

.btn:hover:after, a.btn:hover:after {
    -webkit-transform: scale(1,1);transform: scale(1,1);
}


/* formular */
.formular, .line1>div.formular {
	display:flex;flex-direction: column;
}
.formular h2 {
	margin:0; padding:20px 0;font-size:2.8em;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;
	position:relative;display:block;text-align:center;letter-spacing:0em;
    -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 */
.footer {
	margin:0 auto 0; padding:0;
    width:100%; z-index:99; position:relative;
	background:#505050 url("../images/foot.jpg") top center repeat;
}
.footer .wrap {
	margin:0 auto; padding:3vw 0;
    width:80%; max-width:100%; min-width:1200px; height:auto;
	position:relative;display:flex;
}
.footlogo {
	margin:0; padding:0; display:flex;width:50%;
	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;
}
.footlogo>div {
	margin:0; padding:0 20px; display:block;width:auto;
	position:relative; z-index:5; color:#fff; font-size:1.1em;
	-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;
}
.footlogo img {
	margin:0; padding:0; display:block;width:90%; max-width:300px;
    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;
}
.footlogo>a:hover img {-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.footmenu {
	margin:0 auto; padding:0;width:50%;text-align:center;
	position:relative;display:flex;
	-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;
}
.footmenu>div {
	margin:0 auto;padding:0 20px;text-align:center;color:#fff; font-size:1em;
	position:relative; height: 100%; vertical-align:middle;display:flex;flex-direction:column;justify-content:center;align-items: flex-start;
}
.footmenu>div h3 {
	font-size:1.8em; font-weight:800; letter-spacing:0; padding:0; line-height:1; color:#dda483;
	-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;
}
.footmenu>div a {
	font-size:1em; font-weight:400; color: #fff;
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;
}
.footmenu ul li:hover a {color:#fff;text-decoration:underline;}

/* footline */
/*.footline {
	margin:0 auto;
    padding:3vw 2%;
    width:100%; height:auto;
	position:relative;display:flex;justify-content: space-between;
    flex-wrap: wrap;
    background:#3f3f3f;color:#fff;
}
.footline>div {
	margin:0 auto; padding:0;color:#fff;
    width:auto; height:auto;
	position:relative;display:block;
}*/
/* FOOTLINE – rovno 4 boxy na riadok */
.footline {
  margin: 0 auto;
  padding: 3vw 2%;
  width: 100%;
  background: #3f3f3f;
  color: #fff;
  display: flex;
  flex-wrap: wrap;

  gap: 24px;
  justify-content: flex-start;
}

.footline > div {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #fff;

  flex: 0 0 calc(25% - 18px);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 240px;
}

.footline > div { align-items: center; text-align: center; }

.footline>div h4 {
	font-weight:800; letter-spacing:0; padding:0;margin:0 0 5px; line-height:1; color:#dda483;
    -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;
}
.footline>div a {
    margin:0; padding:0; color:#fff; font-weight:700;
    width:auto; height:auto; text-align:left;
	position:relative;display:flex;align-items:center;
}
.footline>div a:hover {color:#dda483;text-decoration:none;}
.footline>div i {color:#dda483;padding-right:10px;}
.footline>div a.mmail {font-weight:300;}
.footline>div hr {margin:7px auto; border-top: 1px solid #efefef !important;}


.copy {
	margin:0; padding:15px 0; display:block;
    text-align:center; position:relative; 
	font-size:0.85em;font-weight:400;color:#666;background:#fff;
}
.copy strong {font-weight:500;}
.copy a {
	margin:0; padding:5px 7px 2px; color: #666; font-weight:700; text-decoration:none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.copy a:hover {
	color: #5e351b;text-decoration:underline;
}

#back-top {
	position: fixed; display: none;
	bottom:100px;
	right:36px;
	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:#5e351b 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:#5e351b url('../images/top-arrow.png') 0 -40px no-repeat;
}

.telbox {
	position: fixed; display:none; align-items: center; justify-content: center;
	bottom: 20px;
	left:20px;
	z-index:9999;
	width: 50px; height:50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	text-align: center; cursor: pointer;
	padding:10px;
	text-decoration: none;
	opacity:1;
	color: #fff;
	background:#5e351b;
	-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;
}
.telbox img {width:100%;height:auto; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(152%) contrast(152%);}
#telbox:hover {
	color: #fff; background:#5e351b;
}


.clear {
    clear: both;
}

.main.dokumenty section br {}

.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:#061427;
    -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;}

/*** RESPONSIVE TABLE ***/
#no-more-tables table {
	width: 100%;
	padding:15px;
}
#no-more-tables table.link .main_title{
    color:#1B75BC;
    line-height: 20px;
}
#no-more-tables table a.link{
    color:#1B75BC;
}
#no-more-tables table body{
    border:1px solid #1B75BC;
}
#no-more-tables td {
	padding:15px;
	color:#333333;
	font-size:22px;
	text-align:left;
}
#no-more-tables th {
	font-size:22px;
	text-align: center;
	color:#FFFFFF;
    border:2px solid #fff;
}
#no-more-tables tr {
	font-size:22px;
	text-align: center;
	color:#000000;
	padding:5px;
    border:2px solid #fff;
}
#no-more-tables td {
    font-size: 20px;
	line-height: 5px;
    width: 60%;
    min-width: 60%;
    vertical-align: middle;
}
#no-more-tables td.numeric { 
	text-align:right !important;
    width: 13%;
	min-width: 13%;
    font-size:18px;
	font-weight:900;
    vertical-align: middle;
    line-height: 5px;
}
#no-more-tables table.group {
	border:1px solid #1B75BC;
	width: 100%;
	margin: 25px 0 0 0;
}
#no-more-tables table.group tr.grey td { line-height: 20px;}
#no-more-tables .blue {
	background:#1B75BC;
    color:#ffffff !important;
}
#no-more-tables .grey {
	background: #f2f2f2;
}
#no-more-tables tr.grey td { line-height: 24px;}
#no-more-tables p.small {
	font-size: 16px;
    line-height: 16px;
	padding: 10px;
	border-bottom:1px solid #bdd6ee;
    max-width:100%;
}
#no-more-tables td.main_title{ color:#FFFFFF;text-align:center; }

@media only screen and (max-width: 800px) {
    
/* Force table to not be like tables anymore */
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
	display: block;
    font-size: 18px;
    border:none;
}
#no-more-tables table.group {
  border: 0px solid #1B75BC;
  width: 100%;
  margin: 0;
}
#no-more-tables table {padding: 0;}
/* Hide table headers (but not display: none;, for accessibility) */
/*#no-more-tables thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}*/

#no-more-tables tbody tr.desktop { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#no-more-tables tr { 
	/*border: 1px solid #ccc;*/  
}
#no-more-tables td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 45%; 
	white-space: normal;
	text-align:left;
}
#no-more-tables td.numeric { 
	text-align:right;
	background:#ffffff;
	font-weight:900;width:100%;
}
#no-more-tables td:before { 
	/* Now like a table header */
	position: absolute;
	left: 5px;
	width: 25%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}

 
/*
Label the data
*/
#no-more-tables td:before { 
	content: attr(data-title); 
	display:inline-table;
	padding-bottom:10px;
}
#no-more-tables td.main_title:before {
   content: none;
   display:none !important;
   padding-left:0%;
}
#no-more-tables td.main_title{padding-left:0;text-align: center; width: 100%;}

#no-more-tables td.sub_title:before {
   position:relative;
   width:100%;
   text-align: center;
   font-weight: 400;
}
#no-more-tables td.sub_title{padding-left:0;color:#1B75BC;width:100%;text-align: center;font-weight: 900}

#no-more-tables td.popis:before {
   position:relative;
   width:100%;
}
#no-more-tables td.popis{padding-left:0;width:100%;}

#no-more-tables .grey {
	border:2px solid #FFF;
}
#no-more-tables table.group tr.grey td {
  line-height: 15px;
}
	
}
/*** END / RESPONSIVE TABLE ***/

.blue-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.blue-box {
    background:#1883C3;
    padding: 2em 3em;
    display: flex;
    flex-direction: column;
    flex: 1;
    width:48%;
    border: 3px solid #fff;
    /*min-height: 100vh*/
}
.blue-box:first-child {
    background:none;
    padding: 0;
}
.blue-box:first-child img {
    border: 0px solid #fff;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blue-box h2, .blue-box h2 small, .blue-box p {
    color:#ffffff !important;
}
.blue-box h2 {
    font-size:2.4em !important;
}
.blue-box hr {
    border-color:#ffffff !important;
}
.blue-box input#send {
    color: #5e351b !important;
    background: #ffffff !important;
    margin-top:15px;
}

.WidgetTitle__Container-sc-j91g46-0 .jOACPc es-widget-title-container {

}
.jOACPc, .gtiuwG {
    display:none !important;
}