html {margin:0; padding:0; }
// body{text-align:center; margin:0; padding:0; font-size:15px; font-family: 'Open Sans', sans-serif; color:#3C3C3C; background: #000  url("/images/design/main-bg.jpg") center center; background-size:cover; background-repeat: no-repeat; background-attachment: fixed; min-height: 100vh; }
body{text-align:center; margin:0; padding:0; font-size:15px; font-family: 'Open Sans', sans-serif; color:#3C3C3C; background: #000  url("/gallery/ibig/pozadie-jar.jpg") center center; background-size:cover; background-repeat: no-repeat; background-attachment: fixed; min-height: 100vh; }
img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {text-decoration:none; lor: #0539ce;}
a:hover {text-decoration:underline;}




.uvod .body-shell {  width:100%; height:100%;
background: #000  url("/images/design/main-bg.jpg") center center; background-size:cover; background-repeat: no-repeat; background-attachment: fixed; min-height: 100vh; z-index:-999; position:fixed; filter:blur(1px) grayscale(80%) }



/*  HEADER  */
.header {width: 100%; height: 90px; background: rgba(0,0,0,0.8); position: relative;position:fixed; z-index:199}

.logo {width: 240px; height: 90px; float: right; display: block; margin-right: 20px; background: url("../images/design/logo-kupele-nimnica.png"); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
/* logo 60 rokov */
.logo {width: 240px; height: 150px; float: right; display: block; margin-right: 20px; background: url("../images/design/plaketa-65-rokov.png"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat; }


#mob-menu-btn {display: none;}


.language {position: absolute; left: 5%; padding: 0px; margin: 0px; list-style: none; display: inline-block; margin-left: -5px;}
.language li {float: left;}
.language li a {color: white; font-weight: 100; padding: 0px 5px; text-transform: uppercase;}
.aktualny a {font-weight: 700 !important;}

.menu {position: absolute; height: 42px; left: 5%; top: 0px; bottom: 0px; margin: auto; color: white;}

.menu-in {float: left; margin-right: 18px; position: relative;}
.menu-in i {font-size: 21px; padding: 11px 0px;}
.menu-in a {color: white; text-transform: uppercase; font-weight: 700; padding: 10px 0; display: block;}

.menu-in-sub {opacity:0; position: absolute; top: 40px; text-align: left; left: 0px; background: rgba(0,0,0,0.9); width: 230px; padding: 5px 15px; border-top: 1px solid rgba(255,255,255,0.5); z-index:101; transition: all 0.5s cubic-bezier(.79,.14,.15,.86); -webkit-transition: all 0.5s cubic-bezier(.79,.14,.15,.86); transform: scale(0); -webkit-transform: scale(0); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
.menu-in:hover > .menu-in-sub {opacity:1; transform: scale(1); -webkit-transform: scale(1);}


.menu-sub {border-bottom: 1px solid rgba(255,255,255,0.15); position: relative;}
.menu-sub a {padding: 12px 0;}
.menu-sub:last-child {border-bottom: none;}

.menu-in-subb {opacity:0; position: absolute; top: -1px; text-align: left; left: 233px; background: rgba(47, 47, 47, 0.92); width: 230px; padding: 5px 15px; border-top: 1px solid rgba(255,255,255,0.5); z-index:101; transition: all 0.5s cubic-bezier(.79,.14,.15,.86); -webkit-transition: all 0.5s cubic-bezier(.79,.14,.15,.86); transform: scale(0); -webkit-transform: scale(0); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
.menu-sub:hover > .menu-in-subb {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
.hidesub {display:none}

/* MENU A LA CARTE */
.cena {width:100px; float:right; position:relative; right:20%; text-align:right}
.cenaw {width:200px; float:right; position:relative; right:20%; text-align:right}


/*  FAST  MENU  */
#fast-menu {width: 30px; right: 40%; top:35vh; position: fixed; z-index: 9;}
#fast-menu {display:none} /* vypnute JAN 2018 */ 

.fast-menu-in {padding: 13px 20px 13px 30px; text-align: left; font-size: 28px; font-weight: 100; color: white; cursor: pointer; background: pink; width: 340px; float: right; transition: all 0.5s cubic-bezier(.79,.14,.15,.86); -webkit-transition: all 0.5s cubic-bezier(.79,.14,.15,.86);}
.fast-menu-in span {float: right;}

.f-null {margin-right: -365px;}
.f-half {margin-right: -140px;}
.f-full {margin-right: 0px;}

.f-m-1 {background: #a61c9c;}
.f-m-2 {background: #175fa1;}
.f-m-3 {background: #635c53;}
.f-m-4 {background: #49a723;}
.f-m-5 {background: #c29721;}



/*  HOME  PROMO  */
.home-promo {width: 600px; margin-top: 8vw; margin-left: 16vw; padding-top: 0px; text-align: left; position:relative; background:none}
.video-home {position:relative; margin-left: 16vw; width:600px; top:2em}

.home-promo .logo {background: url("../images/design/logo-kupele-nimnica-blue.png") #fff; background-position: center center; background-size: 80% auto; background-repeat: no-repeat; position:absolute; top:11.4em; left:0; z-index:99 }

.swiper-container {     width: 600px;    height: 400px;}
.swipe-prev {background:rgba(0,0,0,0.6); position:relative; cursor: pointer; font-family: "Material-Design-Icons"; left:0em; top:0px; display:block; width:30px; height:30px; font-size:45px; color:white; float:left
}
.swipe-next {background:rgba(0,0,0,0.6); position:relative; cursor: pointer; font-family: "Material-Design-Icons"; left:0em; top:0px; display:block; width:30px; height:30px; font-size:45px; color:white; float:left
}

[class^="mdi-"], .select-wrapper span.select-dropdown::after, [class*=" mdi-"] {

    font-family: "Material-Design-Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;

}

.promo-last-minute:hover {background-size:11% 11%; background:none; transition:all 1s ease-out;
transition: background-size 2s ease-in;
-moz-transition: background-size 2s ease-in;
-ms-transition: background-size 2s ease-in;
-o-transition: background-size 2s ease-in;
-webkit-transition: background-size 2s ease-in;
 }

.home-promo a {color: white; border:none}
.home-promo a:hover {border:none}
.promo-last-minute {position: relative; margin-bottom: 0px;padding:0em; display:block; height:auto; height:400px; overflow:hidden; background-size:cover!important  }
.promo-last-minute h2 {color: white; font-weight: 100; font-size: 2.4em; margin: 0px; padding: 0.2em 0 0 0.4em;}
.promo-last-minute p {padding:0 1em 0 1em; line-height:130%; color:#f5ea43; display:block; margin-right:7em}
.promo-last-minute .beigebtn {position:absolute; right:5em; top:22em}
.promo-last-minute strong {font-weight: 100; font-size: 20px; margin-top: -15px; display: block;}
.promo-last-minute:after {content: "\f067"; font-family: FontAwesome; background: #d80000; color: white; font-size: 16px; width: 30px; height: 30px; text-align: center; position: absolute; right: 7em; bottom: -180px; line-height: 30px; }
.home-promo a:hover {text-decoration:none!important}
.show-img {width:100%; height:300px; display:block}
.shell {background:rgba(0,0,0,0.5); position:absolute; display:block; width:100%; bottom:0; height: 140px; overflow:hidden}



/* CONTAINER */
#container {display: inline-block; width: 100%; position: relative;}



/*  BLOK  */
.blok {width: 15%; float: right; background: rgba(0,0,0,0.6); z-index: 0; position: fixed; right:0; margin-top:6em}
/* 60 rokov */
.blok {padding-top:3em; width:289px}
.blok-in {position: relative; width: 100%; }
.tbox {margin:0.75em 2em; text-align:left; display:block; border-bottom:1px solid white; padding-bottom:1.5em}
.tbox:last-child {border:none}
.tbox h3 {font-size:2em; font-weight:100; color:white; text-align:left}
.bluebtn {padding:0.5em 1em; background:#0079b2; font-weight:bold; text-decoration:none; border-radius:0.7em}
.beigebtn {padding:0.5em 1em; background:#ff8b3e; font-weight:bold; text-decoration:none; border-radius:0.7em}
.bluebtn:hover {color:#0079b2; background:white}
.beigebtn:hover {color:#ff8b3e; background:white}
a.bluebtn {color:white; }

.fixed {position: fixed !important; bottom: 0px; right: 0px;}

.dcera {width:47%; float:left; padding:1%; overflow:hidden; }
.nahlady a:nth-child(odd) .dcera {float:left; clear:both; }
a:hover .dcera {background-color:rgba(0,0,0,0.1)}
.dcera h2 {height:1.5em; display:block; overflow:hidden}
.dcera img {width:100%; max-height:350px}
a .dcera p {color:#333}
.nofloat {float:none; clear:both}

.b1 {height: 330px; display: block; background: url("../images/design/wellness.jpg"); background-position: center bottom; background-size: cover; background-repeat: no-repeat;}
.b1-text {color: white; text-align: left; padding: 7% 0 0 8%; text-shadow: 1px 1px 4px black, -2px -2px 4px black;}
.b1-text h2 {font-weight: 100; font-size: 56px; margin: 0px; margin-bottom: -12px;}
.b1-text span {font-size: 24px; font-weight: 100;}
.b1-text a:link, .b1-text a {color:white!important; text-decoration:none}
.b1-text span a:hover {border-bottom:1px dotted white}

.b2 {height: 13vw; background: rgba(0,0,0,0.05);}
.b2-video {width: 23vw; height: 13vw; overflow: hidden; background: rgba(0,0,0,0.1);}
.b2-galeria {width: 16vw; float: right;}
.b2-galeria span {font-size: 40px; font-weight: 100; text-align: center; color: white; padding: 1.5vw 0; display: block;}
.b2-galeria-in {width: 96%;}
.b2-galeria-inner {float: left; height: 3vw; width: 27.2%; margin: 3%; background: rgba(0,0,0,0.1);}
.b2-galeria-inner img {width: 100%; height: auto;}



.b3 {background: #dfe8f1;}
.b3-info {width: 90%; margin: auto; padding: 2vw 0.5vw; border-bottom: 1px solid #423b38; text-align: left; font-size: 24px; color: #554f4c; line-height: 30px;}
.b3 a:last-child > .b3-info {border: none;} 
.b3-info-img {float: left; width: 90px; height: 65px; background: rgba(0,0,0,0.08); margin-right: 15px; overflow: hidden;}
.b3-info-img img {width:100%; height: 100%;}
.b3-info-text {position: relative;  padding-right: 40px; height: 60px; overflow: hidden; letter-spacing: 0.8px;}
.b3-info-text:before {content:"\f067"; font-family: FontAwesome; background: #d80000; color: white; font-size: 16px; width: 30px; height: 30px; text-align: center; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.b3 a:hover {text-decoration: none !important;}
.b3-info:hover {background: rgba(0,0,0,0.05);}


.b4 {width: 100%; position: absolute; display: inline-block; padding:0.5em 1em; width: 100%; margin: auto; bottom:0%; left:0; background:#423b38;display:none}
.b4-in {float: left; width: 30%; color: #f0f0f0; position: relative;}
.b4-inner {position: relative; width: 45%; margin-left: 5%; padding-bottom: 0em; float:left}
.b4-in-icon {position: absolute; font-size: 20px;}
.b4-in-text {text-align: left; padding-left: 5px; margin-left: 25px; border-left: 1px solid rgba(255,255,255,0.1); font-weight: 100; font-size: 0.8em; line-height:0.8em;}
.b4-in-text a {text-decoration:none; color:white}

.call-back {font-weight: 100; font-size: 1.2em;color: white; background: #d80000; width: 30%; margin: 0 auto 1em 0; padding: 12px 0px; position: relative; float:left}
.call-back:before {content:"\f2a0"; font-family: FontAwesome; color: white; font-size: 26px; width: 30px; height: 30px; text-align: center; position: absolute; left: 10px; top: 0px; bottom: 0px; margin: auto;}
.b4 a:hover {text-decoration: none; opacity: 0.9;}







.b5 {font-size: 11px; color: silver;}
.b5 a {color: white;}







/*  OBSAH  */
#wrapper {width: 60%; float: left; position: relative;top:3em}

#content {width: 80%; margin-left: 20%; background: rgba(255,255,255,0.95); margin-bottom: 5%;}

.content-header {background: #dfe8f1; text-align: left; padding: 5% 5% 2% 6%;}
.content-header h2 {font-weight: 100; font-size: 40px;margin: 0px; padding: 0px;}

.ruzova {background: rgba(166, 28, 156, 0.95); color: white;}
.modra {background: rgba(23, 95, 161,0.95); color: white;}
.seda {background: rgba(99, 92, 83, 0.95); color: white;}
.zelena {background: rgba(73, 167, 35, 0.95); color: white;}
.zlta {background: rgba(194, 151, 33, 0.95); color: white;}



.content-form {width: 88%; margin: 4% auto 5%; text-align: left; font-size: 15px; display: inline-block;}
.content-form h2 {font-weight: 100; font-size: 30px;margin: 0px; padding: 0px;}
.content-form h3 {font-weight: 200; font-size: 22px;margin: 1.5em 0 0 0; padding: 0px;}
.content-form ul {list-style-type: square;}
.content-form li {margin:0.5em 0 0 0em; padding-top:0.1em; }

.content-form table { width:100%; border-collapse:collapse}
.content-form td {padding:0.3em ;}
.content-form thead td {border-bottom:1px solid #666; background:#eaeaea}
.Xcontent-form tbody td:nth-child(1) {background:#f0f0f0}
.content-form tbody td {border-bottom:1px solid #eaeaea}
.Xcontent-form table::after { 
    content: "Hlavná sezóna 1. 4. - 31. 10. 2018, mimo sezóna 1. 1. - 31. 3. 2018 a 1. 11. - 31. 12. 2018."; padding:0.6em 0.3em; font-size:0.6em; margin-top:0.5em; display:block
}



.content-images {display: inline-block; margin: 4% 0 7%; width: 100%;}
.content-image {float: left; width: 30%; margin: 1.3%; overflow: hidden; position: relative;}
.content-image img {width: 100%; height: 100%;}
.content-image:before {content: "\f030";font-family: FontAwesome;color: white;font-size: 28px;width: 30px;height: 30px;text-align: center;position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;left: 0px; text-shadow: 0px 0px 30px black, 0px 0px 5px black; transition: all 1.5s; -webkit-transition: all 1.5s; opacity:0;}
.content-image:hover:before {opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1);}

.novinecky a:hover {text-decoration: none;}
.novinecky  a:last-child > .b3-info {border: none;}



/*  GLOBAL  */
.transition {transition: all 0.3s cubic-bezier(.68,-0.55,.27,1.55); -webkit-transition: all 0.3s cubic-bezier(.68,-0.55,.27,1.55);}
.clear {clear: left;width: 100%;margin: 20px 0;display: block;height: 5px;}


/*  FORMULAR  */ 
.formular {width:100%; margin-bottom: 50px;}
.formular table td {vertical-align: middle; padding: 1% 0;}
.formular input, .formular textarea {border: 1px solid #a7a7a7; padding: 2% 3%; color: #2f2f2f;}
.formular input {height: 30px; width:88%}
.formular-img {height: 30px; margin-left: 10px; opacity: 0.4;}
.form-btn {height: auto !important; background: #1f788c;font-size: 20px; padding: 5px 30px !important; cursor: pointer; color: white !important; outline: none;}
.kontakt-i {width: 50%; float: left; margin-bottom: 50px;}
.vyber-cas {width: 420px;}




/*   OTVARACIE  HODINY  */
#hodiny {position: relative; width: 100% !important;}
#hodiny:after {display: none;}
#hodiny tr {position: relative;}
#hodiny tr td {padding: 13px 10px;  border: 1px solid white !important; position: relative;}
#hodiny tr td p:first-child {padding-top: 0px; margin-top: 0px;}
#hodiny tr td p:last-child {padding-bottom: 0px; margin-bottom: 0px;}

#hodiny tr td:first-child {width: 35px;background: #a61c9c;text-align: center;color: white;font-weight: 900;}
#hodiny tr td:nth-child(2) {background: #b3d5f5;text-align: center;font-weight: 900;}
#hodiny tr td:nth-child(3) {background: #ececec;}
#hodiny tr td:nth-child(3) strong {margin-right: 10px;}

.h-pon {}
.h-uto {}
.h-str {}
.h-stv {}
.h-pia {}
.h-sob {}
.h-ned {}









/*  RIPPLE  */
.ripple {
  background:#e0e0e0;position:absolute;animation: ripple 1.8s cubic-bezier(0.23, 1, 0.32, 1); -webkit-animation: ripple 1.8s cubic-bezier(0.23, 1, 0.32, 1);border-radius:50%;
  backface-visibility:hidden;pointer-events:none; opacity: 0.4;min-height: 70px; min-width: 70px; z-index:9;}
@keyframes ripple {
  0% {transform:translateX(-50%) translateY(-50%) scale(1);}
  80% {transform:translateX(-50%) translateY(-50%) scale(3);}
  100% {transform:translateX(-50%) translateY(-50%) scale(3);opacity:0;}
}

@-webkit-keyframes ripple {
  0% {-webkit-transform:translateX(-50%) translateY(-50%) scale(1);}
  80% {-webkit-transform:translateX(-50%) translateY(-50%) scale(3);}
  100% {-webkit-transform:translateX(-50%) translateY(-50%) scale(3);opacity:0;}
}

.give-ripple {display: inline-block; position: relative;}
.get-ripple {overflow:hidden; position: relative;}
.flex {display: inline-flex;}



/*  TOGGLE CHECKBOX  */
.tg-toggle {position: relative;width: 46px;height: 25px;border-radius: 100px;background-color: #ddd;box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);}
.tg-check {position: absolute;display: block;cursor: pointer;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 6;}
.tg-check:checked ~ .tg-track {box-shadow: inset 0 0 0 20px #4bd863;}
.tg-check:checked ~ .tg-switch {right: 2px;left: 22px;transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);transition-property: left, right;transition-delay: .05s, 0s;}
.tg-switch {position: absolute;left: 2px;top: 2px;bottom: 2px;right: 23px;background-color: #fff;border-radius: 36px;z-index: 1;transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);transition-property: left, right;transition-delay: 0s, .05s;box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.tg-track {position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);border-radius: 40px;}
.tg-label {position: absolute; width: 170px; left: 55px; opacity: 0.5; text-transform: uppercase;color: #8f8f8f;font-size: 16px;top: -17px;bottom: 0px;height: 26px;margin: auto;}
.tg-check:checked ~ .tg-label {opacity: 1;}


/*  TIME INPUT */
.note-time {display: none; float: right; width: 150px; position: relative; margin-top: -4px; text-align: center;}
.time-input {width: 50%; position: relative; float: left; position: relative;}
.time-input input {position: relative; width: 50%; margin: auto; text-align: center; font-size: 20px;}
.input-number-decrement, .input-number-increment {position: absolute;left: 0px;right: 0px;margin: auto; text-align: center; height: 70%; cursor: pointer; font-size: 20px; color: silver;}
.i-plus {top: -80%;height: 50%;padding-top: 15%;}
.i-minus {bottom: -80%;padding-bottom: 10%;height: 70%;}
.note-time:before {font-family: FontAwesome; content: "\f017"; color: #2c5f99; position: absolute; top: 10%; left: -11%; font-size: 25px;}
.note-time:after {content: ":"; color: #6b6b6b; position: absolute; top: -20%; left: 48%; font-size: 25px;}

.input-number-decrement:hover, .input-number-increment:hover {color: black;}



@media all and (min-height: 900px) {
  #blok-grey {position:relative}
}


/*  MOBIL  */
@media all and (max-width: 1400px) {

.menu, .language {left: 2%;}





.b1 {height: 290px;}

.b2-galeria span {font-size: 26px;}

.b3-info {font-size: 18px;line-height: 27px;}
.b3-info-img {width: 80px; height: 55px;}
.b3-info-text {padding-right: 30px;}
.b3-info-text:before {width: 25px; height: 25px;}

.b4-in-text {font-size: 13px;}

.b5 {font-size: 10px;}

.call-back {font-size: 19px;}


}
@media all and (max-width: 1300px) {
.logo {width: 180px;}
.menu, .language {left: 1%;}
.menu-in a {letter-spacing: -0.7px;}

}
@media all and (max-width: 1090px) {
	
.header-duch {position: relative; height: 70px; width: 100%;}

.header {height: 70px; background: rgba(0,0,0,0.95); position: fixed; top: 0px; width: 100%; z-index: 99; box-shadow: 0px 0px 15px -3px black;}
.logo {height: 70px; float: left; margin-left: 30px; margin-right: 0px;}
/* 60 rokov */
.logo {height:120px}
.language {display: none; left: inherit; right: 45px; top: 25px;}
.home-promo {margin-left:5%; width:80%}
.video-home {position:relative; margin-left: 0%; width:100%}
.video-home iframe {width:100%}
.swiper-container {width:100%}
.promo-last-minute p {width:60%; line-height:1.2em!important; font-size:1em!important; text-align:!important; padding:0 0 0 1em!important}

/* MENU */
#mob-menu-btn {display: block; float: right; width: 28px; padding: 21px 8px; cursor: pointer;}
.icon i {color: white; font-size: 28px;}


.menu {display: none; position: fixed; width: 100%; height: auto; top: 70px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.95); z-index: 10; overflow: scroll; overflow-x: hidden;}

.menu-in {width: 80%; margin: 0px 10% 0px; text-align: left;}
.menu-in:first-child {display: none;}
.menu-in:last-child {margin-bottom: 250px;}

.menu-in a {font-size: 16px; letter-spacing: 0.5px;}

.menu-in-sub {opacity: 1; position: relative; top: 0px; width: 100%; padding: 5px 0px 5px 30px; transform: scale(1); -webkit-transform: scale(1); background: none; border: none;}
.menu-sub {border: none;}
.menu-sub a {font-size: 14px; font-weight: 600; color: #c8c8c8; padding: 8px 0;}

.menu-in-subb {opacity: 1; position: relative; top: 0px; left: 0px; width: 100%; padding: 5px 0px 5px 30px; transform: scale(1); -webkit-transform: scale(1); background: none; border: none;}

.menu-in-subb .menu-sub a {font-size: 13px; font-weight: 100; padding: 8px 0;}






#fast-menu {right: 0px; top: 140px;}
.fast-menu-in {font-size: 22px; width: 300px;}
.f-null {margin-right: -320px;}
.f-half {margin-right: -120px;}
.f-full {margin-right: 0px;}


#content {width: 100%; margin-left: 0px;}
#wrapper {width: 80%; float: none; margin: auto; z-index: 9;}
.blok {width: 20%; float: none; margin: auto; z-index: 1; position:absolute; right:0}
.tbox {margin:0.5em 1em; padding-bottom:1em}
.tbox h3 {font-size:1.3em}


.b2 {height: 25vw;}
.b2-video {width: 44vw;height: 25vw;}
.b2-galeria {width: 34vw;}

.b3 {padding: 30px 0px;}
.b3-info-text {height: 55px;}

.b4-in-text {font-size: 14px;}





}
@media all and (max-width: 600px) {

body {}

.swiper-container {width:100%; height:400px}
.home-promo {margin-top: 0; margin-left: 0px; width: 100%; position:relative}
.promo-last-minute h2 {font-size: 1.6em;}
.promo-last-minute strong {font-size: 18px;}
.promo-last-minute p {font-size: 13px; text-align: justify;}
.promo-last-minute:before {line-height: 20px; font-size: 10px; width: 20px; height: 20px; bottom: -30px;}

.shell p {font-size:1em!important; padding:0 0 0 1em!important; line-height:1.2em!important}

.home-promo .logo {margin-left: 10px; background-size: 90% auto; position:absolute; top:-200px; left:0; z-index:999 }

#fast-menu {display: none;}

#wrapper {width: 100%; float:none; clear:both; position:relative}
#blok-grey {float:none; clear:both; top:100px}
.blok {width: 100%; padding-bottom: 10px; margin-bottom: 3%; position:relative; float:none; clear:both}
.tbox {position:relative; float:none}
.promo-last-minute .beigebtn {top:24em; left:2em; width:55px}

.b1 {height: 210px;}
.b1-text {padding: 7% 0 0 7%;}
.b1-text h2 {font-size: 50px;}
.b1-text span {font-size: 21px;}

.b2 {height: 30vw;}
.b2-video {height: 30vw; width: 52vw;}
.b2-galeria {width: 40vw;}
.b2-galeria span {font-size: 24px;}

.b3-info-text::before {width: 20px;height: 20px;line-height: 20px;}


.b4-in {width: 100%;}

.b5 {width: 92%; margin: auto;}


.call-back {font-size: 18px; width: 74%; padding: 12px 1% 12px 16%;}



.content-header h2 {font-size: 28px;}
.content-form {margin: 4% auto 15%;}
.content-form h3 {font-size: 21px;}
.content-image {width:47%}

.vyber-cas {width: 380px;transform: scale(0.8);margin-left: -35px;}

	
textarea {width: 90%;}
	
}	
/* Responsive layout repairs for the homepage and mobile screens */
@media all and (max-width: 1090px) {
  .header { height: 70px; }
  .logo { width: 150px; height: 70px; margin-left: 12px; margin-right: 0; background-size: auto 70px; }
  .home-promo { width: 100%; margin: 70px 0 0; padding: 0; }
  .swiper-container { width: 100%; }
  .video-home { width: min(600px, 100%); margin: 1.5em auto; top: 0; padding: 0 12px; box-sizing: border-box; }
  .video-home video, .video-home iframe { display: block; width: 100%; max-width: 100%; margin: 0 auto; }
  .video-home iframe { aspect-ratio: 16 / 9; height: auto; }
  .video-home video { height: auto; }
  .home-promo .logo { top: auto; }
}

@media all and (max-width: 600px) {
  .header { height: 60px; }
  .header-duch { height: 60px; }
  .logo { width: 125px; height: 60px; margin-left: 8px; background-size: auto 60px; }
  #mob-menu-btn { padding: 16px 14px; }
  .menu { top: 60px; }
  .home-promo { margin-top: 60px; width: 100%; overflow: hidden; }
  .swiper-container { height: auto; min-height: 300px; }
  .swiper-wrapper, .swiper-slide { height: auto; min-height: 300px; }
  .promo-last-minute { height: clamp(300px, 90vw, 400px); background-position: center center; }
  .shell { height: auto; min-height: 125px; max-height: 55%; padding: 10px 12px 14px; box-sizing: border-box; }
  .promo-last-minute h2 { padding: 0; font-size: clamp(1.25em, 6vw, 1.7em); line-height: 1.2; }
  .promo-last-minute p { margin: 8px 0 0; padding: 0 !important; font-size: 13px; line-height: 1.35 !important; text-align: left; }
  .promo-last-minute strong { font-size: 16px; }
  .promo-last-minute .beigebtn { position: static; display: inline-block; margin-top: 10px; padding: 8px 12px; }
  .home-promo .logo { display: none; }
  .swipe-prev, .swipe-next { z-index: 5; }
  .video-home { margin: 1em auto; padding: 0 10px; }
  .video-home video { max-height: 75vh; }
}

/* Follow-up mobile spacing and alignment fixes */
@media all and (max-width: 600px) {
  .home-promo { margin-top: 0; }
  .swiper-container, .swiper-wrapper, .swiper-slide { width: 100%; min-height: 0; }
  .promo-last-minute {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #e8c987;
  }
  .shell {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    padding: 10px 12px 14px;
  }
  .promo-last-minute .beigebtn { position: static; width: auto; }
  #container, #blok-grey, .blok { width: 100%; }
  #blok-grey, .blok { position: relative; float: none; right: auto; top: auto; margin: 0 auto; padding: 12px 0; box-sizing: border-box; }
  #blok-grey .tbox, .blok .tbox { width: min(100% - 24px, 600px); margin: 0 auto 14px; box-sizing: border-box; }
  #blok-grey img, .blok img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
  .video-home { width: min(100%, 600px); margin: 1em auto; }
}

/* Keep mobile Swiper slides aligned and anchor the action inside its caption */
@media all and (max-width: 600px) {
  .home-promo { margin: 0; width: 100%; }
  .swiper-container { width: 100%; height: clamp(270px, 66.6667vw, 400px); min-height: 0; }
  .swiper-wrapper, .swiper-slide { width: 100%; height: 100%; min-height: 0; }
  .promo-last-minute {
    width: 100%; height: 100% !important; min-height: 0; aspect-ratio: auto;
    box-sizing: border-box; background-size: contain !important;
    background-repeat: no-repeat !important; background-position: center center !important;
    background-color: #e8c987;
  }
  .shell {
    left: 0; bottom: 0; width: 100%; max-height: 72%; height: auto;
    overflow: auto; box-sizing: border-box; padding: 10px 12px 58px;
  }
  .promo-last-minute .beigebtn {
    position: absolute; left: 12px; right: auto; bottom: 10px; top: auto;
    display: inline-block; width: auto; margin: 0; z-index: 2;
  }
}
@media all and (max-width: 600px) {
  .header { overflow: visible; }
  .logo {
    position: relative; z-index: 120; width: 180px; height: 108px;
    margin-left: 8px; background-size: auto 105px; background-position: top center;
  }
}

/* Mobile banner: image first, readable caption below */
@media all and (max-width: 600px) {
  .home-promo { margin: 0 !important; padding: 0 !important; }
  .swiper-container { height: auto !important; min-height: 0 !important; }
  .swiper-wrapper, .swiper-slide { height: auto !important; min-height: 0 !important; }
  .promo-last-minute {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding-top: 66.6667vw;
    box-sizing: border-box;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-color: #e8c987;
  }
  .shell {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px 14px 14px !important;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.68);
    color: #fff;
  }
  .promo-last-minute h2 { color: #000 !important; padding: 0 !important; margin: 0 0 6px !important; }
  .promo-last-minute p {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(16px, 4.4vw, 22px) !important;
    line-height: 1.25 !important;
    white-space: nowrap;
    text-align: left !important;
  }
  .promo-last-minute .beigebtn {
    position: static !important;
    display: inline-block;
    margin: 4px 0 0 !important;
  }
}

@media all and (max-width: 600px) {
  .shell { background: transparent !important; }
  .promo-last-minute h2 { font-weight: 700 !important; }
  .shell p {
    text-shadow: 0 1px 2px #000, 0 0 5px rgba(0, 0, 0, 0.95), 0 0 10px rgba(0, 0, 0, 0.75) !important;
  }
}