html {scroll-behavior:smooth; }
body { font-size: 1rem; background-color: #fff; max-width: 100vw; overflow-x: hidden; font-family: 'Roboto Condensed', sans-serif; }
.container {max-width: 1740px;}
::selection { background: #40aced; color: #ffffff; }
::-moz-selection { background: #40aced; color: #FFFFFF; }
::-webkit-selection { background: #40aced; color: #FFFFFF); }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #b4b4b4; box-shadow: none; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #0a4bbe; border-radius: 0px; }
h1, h2 {letter-spacing: 2px;}
h1, h2, h3 {text-transform: uppercase;}
h1 { font-size: 4rem; margin-bottom: 40px; font-weight: 700; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(330deg, #54b2ff 0%, rgb(10, 75, 190) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
h2 { font-size: 2.5rem; margin-bottom: 40px; font-weight: 700; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(330deg, #40aced 0%, #3cc6e8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h3 { font-size: 2rem; margin-bottom: 40px; font-weight: 700; letter-spacing: 1.5px; color: #adb1c4;}
.green {color: #1cb51c; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset;}
.vert-center { height: 100%; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; align-items: center;}
a {transition-duration: .5s; transition: .5s; letter-spacing: 1px;}
a:hover {text-decoration: none; color: #FFFFFF;}
/*double vim filip*/
a {transition-duration: .5s; transition: .5s; letter-spacing: 1px; color: #0a4bbe; }
a:hover {text-decoration: none; color: #1083ff;}
a.butt:hover { color: #ffffff }
p {transition: .5s; color: #797e97;}
/*ruzne*/
.p-40 {padding: 40px;}
.p-0 {padding: 0px;}
.lightgrey-bg {Background-color: #f7f7f7 !important;}
.bold {font-weight: 700;}
.margin-0 { margin:0 !important;}
.align-c {text-align: center;}
.align-r {text-align: right;}
.align-l {text-align: left;}
.white-text, .white-text p, .white-text h1, .white-text h2, .white-text h3 {color: white !important; background: none; background: unset; -webkit-text-fill-color: unset;}
.m-t-40 {margin-top: 40px;}
.m-b-10 {margin-bottom: 10px}
.box {position: relative; margin: 0 auto}
.i-no-m i { margin:0 0 0 3px !important;}
.pod-navbar {height: 85px; width: 100%; display: block; background-color: #0a4bbe;}
.min-h-600 {min-height: 600px;}
.min-h-400 {min-height: 400px;}
.full-width {width: 100%;}
.white-80 {background-color: white; padding: 80px 0;}
.white-20 {background-color: white; padding: 20px 0;}
.p-tb-20 {padding: 20px 0;}
.p-tb-80 {padding: 80px 0;}
.p-tb-200 {padding: 80px 0;}
.p-t-84 {padding-top: 84px;}
.m-t-100 {margin-top: 100px;}
.table {background-color: white;}
.odkazy {margin-top: 30px;}
.video-side {overflow: hidden; position: absolute; transition-duration: 3s; animation-duration: 3s;}
.stranka-nenalezena { max-width: 800px;}
/*video v intru na HP*/
.videobg-1 {position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
/*video v intru na detailu ATRAKCE*/
.videobg-2 { position: relative; top: 0px; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; }
/*video v obsahu detailu atrakce - TEXT x VIDEO (dron view)*/
.videobg-3 {position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 100vw; height: auto; z-index: -1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
/*HP*/
.section-1, .section-3, .section-6 { position: relative; background-color: white; height: auto; width: 100%; display: block;}
.section-1 { height: auto; overflow: hidden; background-image: url("../img/a_fix.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;}
.section-1 .col-md-8 {z-index: 2;}
.section-4 { padding: 100px 0; z-index: 2; position: relative; }
.section-2 a:hover>.section-2 { filter: grayscale(100%);}
.carousel.carousel-v1 { max-height: 100%; height: 100% }
.carousel.carousel-v1 > .carousel-inner { height: 100% }
.carousel.carousel-v1 > .carousel-inner > .carousel-item { height: 100% }
.carousel.carousel-v1 > .carousel-inner > .carousel-item > .slide-option { max-height: 100%; width: 100%; position: absolute; bottom: 0; }
.section-1 .carousel-v1 .slide-option { height: 720px; background-repeat: no-repeat; background-position: bottom right; background-size: contain;}
.section-1 .carousel-v1 .slide-1 { background-image: url("../img/hp_slide_1.png")}
/*.section-1 #carousel-v1 .slide-2 { background-image: url("../img/hp_slide_2.png")}*/
.section-1 .slider { position: absolute; height: 100%; width: 100%; bottom: 0; right: 0;}
.section-1 .carousel.carousel-fade .carousel-item { opacity: 0; transition: opacity ease-out .5s; }
.section-1 .carousel.carousel-fade .carousel-item.active { opacity: 1 !important; transition: opacity ease-in .5s; }
.section-1 .odkazy,.section-4 .odkazy { margin: 40px auto 0 auto; display: table;}
/*.section-5 h3 {color: white;}*/
.section-3 .vyhoda {display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.section-3 .vyhoda .butt {position: absolute; bottom: 30px;}
.section-2, .section-4 {-moz-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);}
.section-6 .dropdown {margin-top: 40px; width: 100%; }
.section-6 .dropdown .butt {width: 100%; display: block;}
.section-6 .dropdown-item { color: #888ca2; }
.section-6 .dropdown-menu { padding: 30px; margin: 0; color: #212529; background-color: #fff; text-align: center; width: 100%; border: 1px solid #dedede; border-radius: 0;}
.section-3 #carousel-vyhod .carousel-indicators li { background-color: #c2d0d6; }
.section-3 #carousel-vyhod .carousel-indicators { position: relative; margin-top: 40px; }
.section-1 .odkazy .butt-4 {margin-left: -5px;}
/*Uvod*/
.intro {width: 100%; height: 100vh; animation-duration: .5s; animation-delay: .5s;}
.intro .claim { height: 100vh; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; animation-delay: 1s; animation-duration: 1s;}
.intro .claim img {margin: 0px auto; display: block; position: relative; width: 100%;}
.intro .claim .butt {position: relative; top: 0; margin: 0 auto; display: table;}
.pumping i {animation: fadeIn 1s infinite alternate;}
.add-bar {z-index: 3; position: absolute; bottom: 40px; left: 40px; display: block; animation-delay: 3s; animation-duration: .5s;}
.add-bar ul {padding: 0; margin: 0;}
.add-bar li {list-style: none; margin: 10px 0 0 0;}
.add-bar a {color: white; font-size: 28px; opacity: .6;}
.add-bar a:hover {opacity: 1;}
.mess-bar {z-index: 2; position: absolute; bottom: 0; right: 0; display: block; }
.mess-bar ul {padding: 0; margin: 0;}
.mess-bar li {list-style: none; margin: 0;}
.mess-bar .butt { cursor: default; float: right; text-transform: none; letter-spacing: 1px;}
.mess-bar .butt i {margin: 0 15px 0 0;}
.mess-bar .butt i.i-na-start {margin: 0 0 0 15px;}
.mess-bar .butt.butt-0 {animation-delay: 3.6s; animation-duration: .5s;}
.mess-bar .butt.butt-1 {animation-delay: 3.3s; animation-duration: .5s;}
.mess-bar .butt.butt-2 {animation-delay: 3s; animation-duration: .5s;}
.on-mobile {display: none; position: relative; width: 100%; margin-top: -60px; height: 60px;}
.on-mobile a {width: 100%;}
/*HP*/
/*Podstrana*/
.bot-border {border-bottom: 1px solid #dedede; }
.vyhoda {color: #68a21c; font-weight: 700; margin-top: 40px; font-size: 1.1rem}
.vyhoda i {margin-right: 15px; color: #88d522;}
.varovani {color: #ff3e55; font-weight: 700; margin-top: 40px; font-size: 1.1rem}
.varovani i {margin-right: 15px; color: #ff3e55;}
.claim .logo-atrakce {}
.mob-order-1 .odkazy.leva a {margin-left: auto; margin-right: 0; display: table;}
.box-otviracka {margin-top: 70px; display: block; background-color: white; padding: 50px 20px 25px 20px; box-shadow: 0px 40px 50px -20px rgba(0, 0, 0, 0.3);}
.box-otviracka p {color: #2b84fc; font-size: 26px; font-weight: bold;}
.box-otviracka h3 {margin-bottom: 10px}
.box-otviracka img {position: absolute; top: 0px; left: calc(50% - 70px);}
.in-det-line { width: 100%; height: auto;}
.in-det-line .col-md-6 {min-height: 75vh; }
.in-det-line-intro, .in-det-line .videobg-1, .in-det-line-intro, .in-det-line .videobg-3 { height: 75vh;}
.in-det-line-intro .breadcrumb {margin-top: 120px;}
.in-det-line-intro .box {margin-right: 40px;}
.in-det-line .box h1, .in-det-line .box h3 {text-align: right;}
.in-det-line .box h1 {margin-top: 110px; font-size: 90px;}
.in-det-line .videobg-1, .in-det-line .videobg-3 { position: initial; top: unset; left: unset; display: block; min-width: unset; min-height: unset; width: 100vw; z-index: 1; -ms-transform: translateX(-25%) translateY(0); -moz-transform: translateX(-25%) translateY(0); -webkit-transform: translateX(-25%) translateY(0); transform: translateX(-25%) translateY(0); }
.in-det-line-intro .vert-center { pointer-events: none; margin-top: -145px; z-index: 1; position: relative;}
.in-det-line-intro .vert-center > div { pointer-events: none; }
.in-det-line-intro .vert-center > div a { pointer-events: auto; }
.logo-atrakce {position: absolute; top: 100px; right: 20px; z-index: 99;}
/*Drobečky*/
.breadcrumb { margin: 40px 0 0 0; font-size: inherit; font-family: 'Roboto Condensed', sans-serif; padding: 0px 0; background-color: transparent; border-radius: 0px;}
.breadcrumb a { color: #adb1c4; }
.breadcrumb a:hover { color: #0a4bbe; }
.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before { color: #bcbcbc; }
/*Podtrana Intro*/
.podstrana-intro-2 {background-image: url("../img/atrakce/atrakce_1.jpg");padding: 0; position: absolute; right: 0; background-size: cover; }
.podstrana-intro-7 {background-image: url("../img/obcerstveni/obcerstveni_1.jpg"); padding: 0; position: absolute; right: 0; background-size: cover;}
.podstrana-intro-8 {background-image: url("../img/vstup/vstup_1.jpg"); padding: 0; position: absolute; right: 0; background-size: cover;}
.podstrana-intro-10 {background-image: url("../img/onas/onas_1.jpg"); padding: 0; position: absolute; right: 0; background-size: cover;}
.podstrana-intro-11 {background-image: url("../img/faq/faq_1.jpg"); padding: 0; position: absolute; right: 0; background-size: cover;}
.podstrana-intro-12 {background-image: url("../img/novinky/novinky_1.jpg"); padding: 0; position: absolute; right: 0; background-size: cover;}
/*FIX BG*/
.fix-bg {background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.fix-bg p {color: white; }
.fix-bg .vyhoda, .fix-bg .varovani {color: white; }
.fix-bg-2 {background-image: url("../img/obcerstveni/koktejly.jpg");}
.fix-bg-1 {background-image: url("../img/obcerstveni/pizza_fix.jpg"); }
.fix-bg-3 {background-image: url("../img/onas/onas_3.jpg");}
.fix-bg-4 {background-image: url("../img/onas/onas_4.jpg");}
.fix-bg-6 {background-image: url("../img/atrakce/atrakce_2.jpg");}
.fix-bg-7 {background-image: url("../img/windigo/windigo_fix.jpg");}
.fix-bg-9 {background-image: url("../img/onas/onas_4.jpg");}
.fix-bg-11 {background-image: url("../img/park_fix.jpg"); position: relative; z-index: 2; padding: 150px 0;}
.fix-bg-12 {background-image: url("../img/wellness_bg.jpg"); position: relative; z-index: 2; padding: 150px 0;}
.dark-overlay {padding: 150px 0; background-color: rgba(0, 0, 0, 0.41)}
.dark-overlay-gradient {width: 100%; height: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4108018207282913) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4108018207282913) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.4108018207282913) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
/*FAQ*/
/*rolldown detail*/
.faq-rolls #rolldown { margin-bottom:10px; position: relative; width: 100%; display: block; border: 1px solid #dedede; padding: 21px 20px;}
.faq-rolls #rolldown h2 { color: #0a4bbe !important; text-transform: uppercase; font-size: 20px; margin: 0px; text-align: left; width: calc(100% - 40px); -webkit-background-clip: unset; -webkit-text-fill-color: unset; background: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; }
.faq-rolls #rolldown.toggler i { margin: 0; position: absolute; right: 20px; color: #40aced; }
.faq-rolls #rolldown:hover {border: 1px solid #40aced;}
.faq-rolls [aria-expanded="true"] .fa-chevron-down, [aria-expanded="false"] .fa-chevron-up { display:none; }
.faq-rolls #rolldown[aria-expanded="true"]{ border: 1px solid #0a4bbe; }
.faq-rolls .white-20 {padding: 20px;}
.faq-rolls ul {color: #7b7f98;}
/*rolldown detail*/
/*Ceník a vstupenky*/
.table .a-color {color:#0a4bbe;}
.table .b-color {color:#009edd;}
/*kontakty*/
.kontakty-odkazy .trojka a {color: #fff; font-size: 26px;}
.kontakty-odkazy .trojka a:hover, .contacts-social .socialky a:hover {opacity: .5}
.kontakty-odkazy .trojka i {margin-right: 20px;}
.kontakty-odkazy .trojka span {margin: 0 40px 0 40px;}
.mapa-vzdalenosti {background-image: url("../img/map.jpg"); background-size: 50%; background-position: top right; padding: 120px 0 80px 0; background-repeat: no-repeat;}
.mapa-vzdalenosti ul {list-style: none; font-weight: 600; padding: 0;}
.kontform, #vstupenky {background: #0a4bbe;}
.kontform .row {margin-top: 60px;}
.kontform .box-otviracka {margin-top: 0px;}
.kontform .box-otviracka form .butt {margin-top: 30px}
.contacts-social {}
.contacts-social .socialky ul {list-style: none; margin:0; padding: 0;}
.contacts-social .socialky li {display: inline-block; padding: 10px;}
.contacts-social .socialky a {color: white; font-size: 24px;}
/*alba/odkazy*/
.album {width: 100%; display: block; height: auto; margin-bottom: 30px;}
.album img {width: 100%;}
.album a {position: absolute; bottom: 30px; z-index: 2; width: calc(100% - 30px); display: block;}
.minus-30px {margin-bottom: -30px;}
/*onas*/
.onas .hp-claim-img { margin-top: 140px; margin-left: auto; display: block; margin-right: auto;} /* TODO asi smula??*/
.onas {height: auto !important; min-height: 75vh;}
.hp-claim-img { margin: 0 auto; max-width: 536px; display: block; }
/*Footer*/
.footer { position: relative; display: block; padding: 80px 0 0 0; background-color: #f4f5fa; height: auto; }
.rainbow-line {display: block; width: 100%; height: 10px; background: linear-gradient(124deg, #a8ca4b, #4790be, #9c6096, #dc284b, #f9c632); background-size: 1800% 1800%; -webkit-animation: rainbow 6s ease infinite; -z-animation: rainbow 6s ease infinite; -o-animation: rainbow 6s ease infinite; animation: rainbow 6s ease infinite; }
@-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }
@-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }
@-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }
@keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} }
.footer .prava {text-align: right}
.footer a {color: #797e97; font-weight: normal; display: block;}
.footer a:hover { color: #0a4bbe;}
.footer ul {list-style: none; padding: 0;}
.footer .socialky {margin-top: 30px; margin-bottom: 25px}
.footer .socialky ul {display: flex;}
.footer .socialky ul li {margin-right: 20px; font-size: 30px;}
.footer.footer-podstrana { background-position: center calc(50% - -145px); }
.footer .container .row {margin-bottom: 80px;}
.footer .logo-footer {margin-left: calc(50% - 197px)}
.footer .logo-footer-wd {margin-left: calc(50% - 50px); margin-top: -90px;}
/*Hlava*/
.navbar {padding: 10px 20px; animation-delay: 0s; animation-duration: 1s;}
.bg-dark { background-color: rgba(41, 65, 108, 0.36) !important; backdrop-filter: blur(20px); }
.navbar-nav { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.navbar-brand { margin: 0 40px 0 0;}
.navbar-brand:hover {opacity: .5; filter: grayscale(100%);}
.navbar-dark .navbar-nav .nav-link:hover {color: white;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: rgba(255, 255, 255, 0.51); }
.navbar-dark .navbar-nav .nav-link { color: #fff; }
.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.51); }
.kde-nas-najdete, .vstupenky-a-cenik {margin: 0 -5px 0 0}
.kde-nas-najdete-alt { display: none; }
.vstupenky-a-cenik {}
.jazyky-hlava-butt {min-width: 80px; letter-spacing: 1px;}
.navbar-dark .navbar-toggler { position: absolute; right: 0; top: 0; color: #fff; border: none; border-color: unset; background-color: #0a4bbe; border-radius: 0; height: 60px; padding: 0 30px; }
.navbar .mobile { display: none;}
/*Dropdown Languages*/
.dropbtn { padding: 16px; border: none; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; right: 0; background-color: #f9f9f9; min-width: 80px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 10px 0 10px 0px; z-index: 1; text-align: center; }
.dropdown-content a { color: #7e8b93; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a:hover { background-color: transparent; color: #0a4bbe; }
/*BUTTONY*/
.i-na-start i {margin: 0 15px 0 0 !important;}
.dropdown-menu a[type="button"] i, .butt i {margin: 0 0 0 15px}
.butt {font-weight: 600; display: inline-block; padding: 20px 30px; text-transform: uppercase; min-height: 60px; text-align: center;}
.butt-0 {background: rgb(233,74,64); background: -moz-linear-gradient(90deg, rgba(233,74,64,1) 0%, rgba(174,90,134,1) 100%); background: -webkit-linear-gradient(90deg, rgba(233,74,64,1) 0%, rgba(174,90,134,1) 100%); background: linear-gradient(90deg, rgba(233,74,64,1) 0%, rgba(174,90,134,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e94a40",endColorstr="#ae5a86",GradientType=1); color: #fff;}
.butt-1 {background: rgb(157,198,88); background: -moz-linear-gradient(90deg, rgba(157,198,88,1) 0%, rgba(98,173,151,1) 100%); background: -webkit-linear-gradient(90deg, rgba(157,198,88,1) 0%, rgba(98,173,151,1) 100%); background: linear-gradient(90deg, rgba(157,198,88,1) 0%, rgba(98,173,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dc658",endColorstr="#62ad97",GradientType=1); color: #fff;}
.butt-2 {background: rgb(10, 75, 190); background: -moz-linear-gradient(90deg, rgb(10, 75, 190) 0%, rgba(49,197,217,1) 100%); background: -webkit-linear-gradient(90deg, rgb(10, 75, 190) 0%, rgba(49,197,217,1) 100%); background: linear-gradient(90deg, rgb(10, 75, 190) 0%, rgba(49,197,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a2ee",endColorstr="#31c5d9",GradientType=1); color: #fff;}
.butt-3 {background: #0a4bbe !important; color: #fff;}
.butt-4 {background: #4092ea !important; color: #fff;}
.butt-5 {background: #4ea6f8 !important; color: #fff;}
.butt-x {background: rgba(0, 0, 0, 0.2) !important; color: #fff; backdrop-filter: blur(20px);}
.butt-3:hover, .butt-4:hover, .butt-5:hover {color: white; background: rgba(130, 130, 130, 0.92) !important}
.intro-bg-2 {background: linear-gradient(90deg, rgb(48, 184, 251) 0%, rgb(26, 208, 180) 100%); background:linear-gradient(90deg, rgb(48, 184, 251) 0%, rgb(26, 208, 180) 100%); background: linear-gradient(90deg, rgb(48, 184, 251) 0%, rgb(26, 208, 180) 100%);; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(48, 184, 251)",endColorstr="rgb(26, 208, 180)",GradientType=1);}
.intro-bg-4 {background: rgb(28, 110, 255); background: -moz-linear-gradient(90deg, rgb(28, 110, 255) 0%, rgb(55, 153, 249) 100%); background: -webkit-linear-gradient(90deg, rgb(28, 110, 255) 0%, rgb(55, 153, 249) 100%); background: linear-gradient(90deg, rgb(28, 110, 255) 0%, rgb(55, 153, 249) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3d43",endColorstr="#f9c632",GradientType=1);}
.glow-on-hover { border: none; outline: none; color: #fff; background: #ffcb0e; cursor: pointer; position: relative; border-radius: 0px;}
.glow-on-hover:hover {z-index: 0}
.glow-on-hover:before { content: ''; background: #ff7c12; /* Old browsers */
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
background: -moz-linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
position: absolute; top: -2px; left: -2px; background-size: 400%; z-index: -1; filter: blur(30px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#7db9e8', endColorstr='#1e5799');}
.glow-on-hover:active {color: rgba(255, 255, 255, 0.51) }
.glow-on-hover:active:after { background: transparent;}
.glow-on-hover:hover:before { opacity: 1; border-radius: 0}
.glow-on-hover:after {z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #00000026; left: 0; top: 0; border-radius: 0px;}
.butt + .butt{ margin-left: -5px }
.navbar .add > a.butt:last-of-type { margin-right: -5px }
@keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; }}
/*BUTTONY*/
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url('../../images/ajax-loader.gif');
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
/*Contact form 7*/
div.wpcf7-response-output{
color: white;
margin: 3em 0 0.5em;
letter-spacing: 1px;
font-size: 14px;
padding: 10px 15px;
text-transform: uppercase;
background-color: #dc3545;
border: 2px solid #dc3545;
}
div.wpcf7-mail-sent-ok{
background-color: #28a745;
border: 2px solid #28a745;
}
div.wpcf7-spam-blocked {
border: 2px solid #fd7e14;
background-color: #fd7e14;
color: #000;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #ffc107;
background-color: #ffc107;
color: #000;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #dc3545;
background-color: #dc3545;
}
span.wpcf7-not-valid-tip {
letter-spacing: 1px;
font-size: 14px;
color: #dc3545;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3545;
background: #fff;
padding: .2em .8em;
}
/*Contact form 7*/
.fancybox-is-open .fancybox-bg { opacity: 0.6 }
.fancybox-bg { background-color: #ffffff }
.fancybox-thumbs__list a:before { border-color: #4092ea }
/* *************************** ruzne celky stylů *********************** */
/*waves background*/
.scene { background: #fff; position: fixed; width: 100%; height: 100vh; z-index: -1; top: 0; }
.scene path:first-child { fill: #fafbfd; }
.scene path:nth-child(2) { fill: #f4f5fa; }
.scene path:nth-child(3) { fill: #fff; }
.scene path:nth-child(4) { fill: #fafbfd; }
.scene path:nth-child(5) { fill: #f4f5fa; }
.scene path:nth-child(6) { fill: #fafbfd; }
.scene path:nth-child(7) { fill: #fff; }
.d-o-p.dop-right > .container > .row,
.d-o-p:nth-child(odd) > .container > .row { flex-direction: row-reverse; text-align: right;}
.d-o-p:nth-child(evem) > .container > .row { text-align: left;}
.d-o-p.dop-left > .container > .row { flex-direction: initial; text-align: left }
/*zoom in na img*/
.col-md-6.mob-order-0.p-0 {overflow: hidden;}
.col-md-6.mob-order-0.p-0 img:hover {transform: scale(1.05); transition: transform .5s ease-in-out;}
.col-md-6.mob-order-0.p-0 img {transition: transform .5s ease-in-out;}
/*scroll aniamce*/
@-webkit-keyframes scroll_2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 25% { opacity: 1; } 75% { -webkit-transform: translateY(0.75em); transform: translateY(0.75em); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } }
@keyframes scroll_2 { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} 25% {opacity: 1;} 75% {-webkit-transform: translateY(0.75em);transform: translateY(0.75em);opacity: 0;} 100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 0;}}
.scroll-icon__dot { transition-duration: .5s; display: block; position: absolute; left: 50%; background: #d1d5e5; height: 0.5em; width: 0.5em; top: 0.6em; margin-left: -0.25em; border-radius: 50%; -webkit-transform-origin: top center; transform-origin: top center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: scroll_2 2s ease-out infinite; animation: scroll_2 2s ease-out infinite; }
.scroll-icon { transition-duration: .5s; margin: 0 0 0 auto; display: block; position: relative; height: 50px; width: 30px; border: 2px solid #d1d4e5; border-radius: 100px; }
.scroll-icon:hover {border: 2px solid #65afff;}
.scroll-icon:hover .scroll-icon__dot {background-color: #0a4bbe;}
/*scroll animace*/
/*OWL carousel*/
/*video*/
.video-player-wrap { margin-bottom: -8px; }
/*video*/
/*Přidáno 14.05.2020*/
/*opravuje boční odsazení u faq detailů*/
.faq-rolls .p-tb-20 {padding-left: 20px; padding-right: 20px;}
/*opravuje webdevel odkaz*/
.footer .logo-footer-wd { margin-top: 0; }
/*šířka textu v "parallax" blocích*/
.fix-bg p, .fix-bg h1, .fix-bg h2, .fix-bg h3 {max-width: 750px; margin: 0 auto;}
.owl-nav {text-align: center;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {padding: 0px 10px !important; margin: auto; text-align: center; font-size: 40px; color: #4ea5f8; }
.owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {opacity: .5;}
.owl-nav button:focus { outline: none; outline: none; }
/*Přidáno 27.05.2020*/
.nova-tabulka .box-otviracka { margin-top: 70px; display: block; background-color: transparent; padding: 0; box-shadow: none; }
.nova-tabulka .box-otviracka .table { min-width: 670px; background-color: transparent; color: white; }
.nova-tabulka .box-otviracka .table-bordered td, .nova-tabulka .box-otviracka .table-bordered th { border: none; }
.nova-tabulka .box-otviracka .table .b-color, .nova-tabulka .box-otviracka .table .a-color { color: #ffffff; }
.nova-tabulka .box-otviracka .table thead th { border-bottom: none; }
.nova-tabulka .box-otviracka .bg-a {background-color: #4092ea;}
.nova-tabulka .box-otviracka .bg-b {background-color: rgba(64, 146, 234, .9);}
.nova-tabulka .box-otviracka .bg-c {background-color: rgba(64, 146, 234, .8);}
.nova-tabulka .box-otviracka .bg-d {background-color: rgba(64, 146, 234, .7);}
.nova-tabulka .box-otviracka .bg-e, .nova-tabulka .box-otviracka .bg-w {background-color: #2072ca;}
.nova-tabulka .box-otviracka .bg-f {background-color: rgba(32, 114, 202, .9);}
.nova-tabulka .box-otviracka .bg-g {background-color: rgba(32, 114, 202, .8);}
.nova-tabulka .box-otviracka .bg-h {background-color: rgba(32, 114, 202, .7);}
.nova-tabulka .box-otviracka .bot-brdr { border-bottom: 1px solid rgba(253, 248, 255, 0.2) !important; }
/*Přidáno 27.05.2020*/
/*Přidáno 12.06.2020*/
.intro.animated.fadeIn { background-repeat: no-repeat; background-size: cover; }
/*Přidáno 27.05.2020*/
/*Přidáno 15.06.2020*/
.pea_cook_wrapper.pea_cook_bottomright {
background-color: rgba(41, 65, 108, 0.36) !important;
backdrop-filter: blur(20px);
border-radius: 0 !important;
}
.pea_cook_wrapper p {
color: #fff !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-weight: 400 !important;
font-size: 12px !important;
}
.pea_cook_wrapper p a{
letter-spacing: 0 !important;
}
button.pea_cook_btn {
background: #4ea6f8 !important;
color: #fff !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
font-family: 'Roboto Condensed', sans-serif !important;
border-radius: 0 !important;
font-weight: 400 !important;
padding: 10px 15px !important;
transition: .3s ease-out;
}
button.pea_cook_btn:hover,
button.pea_cook_btn:focus {
background: #0a4bbe !important
}
/*25.9. Venca - modal na HP*/
.modal {outline: none !important;}
.modal .modal-content {
background-color: rgb(255 255 255 / 0%);
border: none;
border-radius: .3rem;
border-bottom: none;
}
.modal .modal-header { border-bottom: none; }
/* *************************** ruzne celky stylů *********************** */
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .8rem; padding-left: .8rem; }
}
@media only screen and (max-width : 1920px) { }
@media only screen and (max-width : 1600px) {
.white-80, .p-tb-80 {padding: 60px 0;}
h1, .in-det-line .box h1{ font-size: 3.5rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.5rem; }
}
@media only screen and (max-width : 1500px) { }
@media only screen and (max-width : 1400px) { }
@media only screen and (max-width : 1366px) {
.section-1 .slider {display: none;}
.section-1 .col-md-8 {width: 100%; flex: 0 0 100%; max-width: 100%;}
.vstupenky-a-cenik { display: none;}
.white-80, .p-tb-80 {padding: 40px 0;}
h1, .in-det-line .box h1 { font-size: 2.5rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.5rem; }
.section-3 .col-md-3.col-sm-4.col-xs-12{flex: 0 0 33.333333%; max-width: 33.333333%;}
.vypis-atrakci .col-md-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.intro .claim img { width: 80%; }
.hp-claim-img { max-width: 100% }
.kde-nas-najdete { display: none;}
.kde-nas-najdete-alt { display: initial; }
}
@media only screen and (max-width : 1320px) { }
@media only screen and (max-width : 1280px) {
.on-1280-width-0 {display: none;}
.on-1280-width-100 {width: 100%; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
}
@media only screen and (max-width : 1200px) {
body { font-size: 0.90rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; }
.in-det-line .videobg-1, .in-det-line .videobg-3 { width: auto; }
.vypis-atrakci .col-md-2 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
}
@media only screen and (max-width : 992px) {
.onas .align-r {text-align: center !important;}
.onas .box { margin-right: auto !important; margin-left: auto !important; }
/*mobil + akcelerace*/
.in-det-line-intro {height: auto;}
.in-det-line .col-md-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.in-det-line-intro .vert-center { margin-top: 0; }
.in-det-line .box h1, .in-det-line .box h3 { text-align: left; }
/*detail intro + video*/
.vert-center { height: auto; }
.in-det-line-intro .vert-center { margin: 0;}
.in-det-line-intro .box { margin-right: unset; margin-left: 0; }
.in-det-line .col-md-6 { min-height: auto; }
.in-det-line-intro {height: auto; padding: 0 0 40px 0; }
.min-h-600 {min-height: auto;}
.min-h-400 {min-height: auto;}
.scroll-icon { margin: 0; }
.intro .claim .butt, .breadcrumb { display: none;}
.section-1 {background-image: none;}
.fix-bg, .intro, .section-1 {background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.rainbow-line {display: block; width: 100%; height: 10px; background: #0430be; background-size: 100%; -z-animation: none; -o-animation: none; animation: none; }
.video, .in-det-line .videobg-1, .scroll-icon, .section-4, .logo-atrakce {display: none;}
.intro { background-image: url("../img/mobil_bg_1.jpg"); -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mess-bar .butt { padding: 7px 10px; min-height: 32px; }
.navbar-collapse { -ms-overflow-style: none; overflow-y: scroll; max-height: 80vh; -webkit-overflow-scrolling: touch; height: auto;}
.navbar-collapse::-webkit-scrollbar { display: none; }
.navbar .add .dropdown {display: none;}
.navbar .mobile { display: block;}
.footer .socialky ul li { margin-right: 0px; }
.navbar { padding: 0; }
.navbar-brand { margin: 0; padding: 5px 10px; height: 60px; }
.navbar-dark .navbar-nav .nav-link { text-align: center; }
.footer .logo-footer { margin-left: calc(50% - 100px); width: 200px; }
.section-3 .col-md-3.col-sm-4.col-xs-12{flex: 0 0 50%; max-width: 50%;}
.vypis-atrakci .col-md-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.vypis-atrakci .col-md-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
/*kontakty*/
.pod-navbar { height: 60px; }
.kontakty-odkazy .trojka a { font-size: 18px; }
.kontakty-odkazy .trojka span { margin: 0 20px 0 20px; }
.mapa-vzdalenosti {background-image: none; padding: 40px 0;}
.mapa-vzdalenosti .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;}
.mapa-vzdalenosti .align-r {text-align: center;}
.kontform .row {margin-top: 30px;}
.trojka {margin: 0;}
.butt + .butt{ margin-left: 0 }
/*29.5.2020*/
.navbar-collapse { background: rgba(34, 48, 71, 0.90); padding: 20px 0; }
}
@media only screen and (max-width : 880px) { }
@media only screen and (max-width : 768px) {
.align-r {text-align: inherit;}
.obsah .align-r { text-align: left; }
.d-o-p.dop-right > .container > .row,
.d-o-p:nth-child(odd) > .container > .row { flex-direction: initial; text-align: left;}
.mob-order-0 {order: 0;}
.mob-order-1 {order: 1;}
.white-80, .p-tb-80 {padding: 20px 0;}
h1 { font-size: 2.2rem; }
h2 { font-size: 1.5rem; margin-bottom: 20px; }
h3 { font-size: 1rem; }
body {font-size: .8rem;}
/*footer*/
.footer .socialky ul { display: inline-flex;}
.footer .socialky ul li { margin: 0 10px; }
.footer { padding: 60px 0 0 0; background-image: none; Background: #f7f7f7; }
.footer .logo-footer { margin-left: calc(50% - 100px); width: 200px; }
.footer .container .row {margin-bottom: 60px;}
.footer .col-md-4.leva {order: 0; text-align: center; margin-bottom: 30px;}
.footer .col-md-4.prava {order: 1; text-align: center;}
.footer .col-md-4.stred {order: 2; margin-top: 30px;}
.footer .logo-footer-wd {margin-top: 0;}
.col-md-6.make-t-m-60-on768 { margin-top: 60px;}
.box-otviracka { padding: 100px 20px 5px 20px; }
.in-det-line-intro .claim { margin-top: 120px; }
/*HP*/
.section-3 .col-md-3.col-sm-4.col-xs-12{flex: 0 0 100%; max-width: 100%;}
.section-6 .dropdown { margin-top: 10px; }
.section-1 .odkazy a {display: block; width: 100%;}
.section-1 .odkazy .butt-4 { margin-left: 0; }
.fix-bg-11, .fix-bg-12 {padding: 80px 0;}
}
@media only screen and (max-width : 640px) { }
@media only screen and (max-width : 590px) {
.section-1 .odkazy .butt-4 {margin-left: 0;}
.section-1 .odkazy .butt {display: block;}
.vypis-atrakci .col-md-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.vypis-atrakci .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
/*buttony na mobilu*/
.mess-bar {bottom: unset; width: 100%; position: relative; top: 60px; }
.mess-bar ul, .mess-bar li, .mess-bar .butt {width: 100%;}
.intro .claim {min-height: 600px;}
/**/
/*kontakty*/
.kontakty-odkazy .trojka span { display: none;}
.kontakty-odkazy a {display: block; padding: 8px;}
}
@media only screen and (max-width : 578px) { }
@media only screen and (max-width : 480px) { }
@media only screen and (max-width : 460px) {
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; margin-bottom: 20px; }
h3 { font-size: 1.2rem; }
body {font-size: 1rem;}
}
@media only screen and (max-width : 380px) { }
@media only screen and (max-width : 360px) { }
@media only screen and (max-width : 320px) { }
@media only screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
}
/*IE CSS*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
H1 { color: #0a4bbe; background: transparent; }
H2 { color: #4092ea; background: transparent; }
.glow-on-hover:before { background: #0a4bbe; }
.butt-x {background: rgba(0, 0, 0, 0.4) !important; }
.butt:hover, .butt-x:hover {background: #0430be !important;}
.glow-on-hover::before { opacity: 0 !important;}
.glow-on-hover:hover::before {opacity:0 !important;}
/* IE10+ Blý NAVBAR */
.navbar {box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.26);}
.navbar-dark {background-color: white !important;}
.navbar-dark .navbar-nav .nav-link:hover {color: rgba(0, 0, 0, 0.25);}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #0a4bbe; }
.navbar-dark .navbar-nav .nav-link { color: #797e97; }
/* IE10+ Blý NAVBAR */
.section-3 .vyhoda {display: block;}
.section-3 .vyhoda img {width:100%}
.section-3 .vyhoda .butt { position: absolute; bottom: 30px; width: calc(100% - 40px); margin: 0 7px; display: block; }
.pod-navbar {background-color: #fff;}
.in-det-line .videobg-3 {position: static;}
}
.modal-close{
background: rgba(30,30,30,.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
fill: #ccc;
}
.modal-backdrop{
background-color: white;
opacity: 0.6 !important;
}