html {scroll-behavior:smooth; }
html, body {min-height: 100%;}
body { background-color: #fff; max-width: 100vw; overflow-x: hidden; font-family: 'Open Sans Condensed', sans-serif; min-height: 100vh; display: flex; flex-direction: column; }
#newsletter {margin-top: auto;}
/* Select */
::selection { background: #273e61; color: #FFFFFF; }
::-moz-selection { background: #273e61; color: #FFFFFF; }
::-webkit-selection { background: #273e61; color: #FFFFFF); }
/* Scrollbar */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #d9dbdf; box-shadow: none; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #ffc82c; border-radius: 0px; }
* {outline: none !important;}
.display-none {display: none;}
.u-case {text-transform: uppercase;}
.arial {font-family: 'Arial', sans-serif;}
a {transition-duration: .2s; transition: .2s; color: #273e61; letter-spacing: 1px; }
a:hover {text-decoration: none; color: #FFFFFF; }
/*.container {max-width: 1760px;}*/
.container {max-width: 1160px;}
h1, h2 {letter-spacing: 2px;}
h1, h2, h3 {text-transform: uppercase;}
h1 { font-size: 40px;}
h2 { font-size: 30px;}
h3 { font-size: 20px;}
.bold {}
h1, h2, h3 {}
h1, h2, h3, p, .blue {color: #273e61;}
p {font-size: 16px; letter-spacing: 1px;}
.full-width {width: 100%;}
.yellow {color: #ffc82c;}
a.yellow:hover {color: #ffc82c; opacity: .6;}
.darkblue-bg h2, .white {color: #fff;}
.lightgray {color: #d9dbdf;}
.darkgray { color: #9ca4b1;}
.white-bg h2, .blue {color: #273e60;}
.darkblue-wm-bg {background: #172a46 url("../img/wm_2.png"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.darkblue, .yellow-bg h2 {color: #152742;}
.darkblue-bg {background: #152742;}
.white-bg {background: #fff;}
.yellow-bg {background: #ffc82c;}
.fix-bg-1 {background-image: url("../img/fix_1.jpg"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.obecna-bg {background: #f4f5f7 url("../img/wm_3.png"); background-attachment: fixed; background-position: bottom left; background-repeat: no-repeat; background-size: contain; }
.white-wm-bg {background: #fff url("../img/wm_1.png"); background-attachment: fixed; background-position: top right; background-repeat: no-repeat; background-size: contain; }
.darkblue-stripes-bg {background: #13233b url("../img/stripes_2.png"); position: relative; background-repeat: no-repeat; background-size: auto; background-position: top left;}
.lightgray-bg {background: #d9dbdf;}
.darkgray-bg {background: #9ca4b1;}
.skupiny-bg {background: repeating-linear-gradient( 135deg, #fff, #fff 60px, #eff0f2 60px, #eff0f2 120px );}
.align-center {text-align: center;}
.l-size-text {font-size: 20px;}
.xxl-size-text {font-size: 60px; line-height: 1.2;}
.p-tb-40 {padding-top: 40px; padding-bottom: 40px;}
.p-lr-20 {padding-right: 20px; padding-left: 20px;}
.p-40 {padding: 40px;}
.p-20 {padding: 20px;}
.p-tb-100 {padding: 100px 0;}
.m-t-30 {margin-top: 30px;}
.m-t-40 {margin-top: 40px;}
.uppercase {text-transform: uppercase;}
.auto-100 {height: auto; width: 100%;}
.m-0 {margin: 0;}
.m-b-0 {margin-bottom: 0;}
.p-0 {padding: 0;}
.d-block, .desktop {display: block;}
.mobile {display: none;}
.separator {background: #b2b2b2; width: 100%; height: 1px; display: block;}
.small-gap {background: transparent; width: 100%; height: 1px; display: block;}
/*BUTTON*/
.butt i { margin-right: 15px;}
.butt {display: inline-block; padding: 19px 26px; text-transform: uppercase; min-height: 60px; text-align: center;}
.butt-1 {background-color: #ffc82c; color: #273e61;}
.butt-1:hover {color:#13233b; background-color: #ffe358;}
.butt-2 {background: #273e60; color: #fff;}
.butt-2:hover {background: #13233b; color: #fff;}
.butt-3 {background: #9ca4b1; color: #fff;}
.butt-3:hover {background: #7a828e; color: #fff;}
.butt.inactive { background: #f0f0f2;}
.butt.inactive:hover { background: #f0f0f2 !important;}
.skupiny .karta .box-2:hover .butt.inactive { background: #f0f0f2; color: #fff; }
.yellow-hover:hover { color: #ffc82d; }
/*stripes animated*/
.animationStripes{ background-image: repeating-linear-gradient(-45deg, rgb(42, 77, 126), rgb(42, 77, 126) 25px, #213c62 25px, #213c62 50px); -webkit-animation:progress 2s linear infinite; -moz-animation:progress 2s linear infinite; -ms-animation:progress 2s linear infinite; animation:progress 2s linear infinite; background-size: 150% 100%; }
.animationStripes:hover { background-image:repeating-linear-gradient(-45deg, rgb(42, 77, 126), rgb(42, 77, 126) 25px, #213c62 25px, #213c62 50px); -webkit-animation:progress .5s linear infinite; -moz-animation:progress .5s linear infinite; -ms-animation:progress .5s linear infinite; animation:progress .5s linear infinite; background-size: 150% 100%; color: #ffc82d; }
@-webkit-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -75px 0px; } }
@-moz-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -75px 0px; } }
@-ms-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -75px 0px; } }
@keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -70px 0px; } }
/*stripes animated*/
#uvod .vert-center .claim .butt.butt-3 {margin: 0 28px 0 0;}
/*NAVBAR*/
.addit-menu {height: 80px;display: flex;
text-align: center;
align-items: center;}
.addit-menu .butt.butt-1, .addit-menu .soc.soc-1 { margin: 0 0 0 40px; }
.addit-menu .kont.kont-2, .addit-menu .soc.soc-2 {margin: 0 0 0 20px; }
.addit-menu .soc {font-size: 20px; position: relative;}
.addit-menu .soc.soc-1 {font-size: 20px; }
.navbar { z-index: 1030; background: transparent; position: fixed; width: 100%; transition: .5s; height: 130px; padding: 50px 50px 10px 50px; animation-delay: 1s; }
.navbar-80 {height: 80px; padding: 10px; box-shadow: rgba(19, 35, 59, 0.08) 0px 0px 40px; background: #fff; }
.navbar .navbar-brand {height: 60px; width: 224px; margin-right: 25px; padding: 0; }
.navbar .navbar-brand:hover {opacity: .6;}
.navbar .nav-item, .addit-menu .kont.kont-2 {text-transform: uppercase;}
@media (min-width: 992px){ .navbar-expand-lg .navbar-nav .nav-link { padding-right: 15px; padding-left: 15px; }}
.navbar-light .navbar-nav .active>.nav-link { color: #858f9b; }
.navbar-light .navbar-nav .nav-link { color: rgb(39, 62, 96); }
.kont:hover, .soc:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #e7ab00;}
.navbar-toggler { height: 60px; border: 0; background: #ffc82d; border-radius: 0px; position: absolute; right: 10px; width: 60px; }
.od-1200 {display: none;}
.od-1200.soc {font-size: 30px;}
/*HP - UVOD*/
.uvod { height: auto; padding: 230px 0 80px 0; }
.uvod .ilu {display: none;}
.uvod .claim {animation-delay: 1.5s; width: 100%; max-width: 960px; margin: 0 auto; text-align: center;}
.uvod .ilu .uvodka {display: none;}
.box {padding: 0 100px;}
.vert-center { height: 100%; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; align-items: center;}
.uvod .vert-center {height: auto; justify-content: center;}
.uvod .claim h1, .uvod .claim h2, .uvod .claim h3, .uvod .claim h4, .uvod .claim h5, .uvod .claim h6, .uvod .claim p, .uvod .claim ul, .uvod .claim ol, .uvod .claim li, .uvod .claim div {text-align: center;}
.uvod .claim p {color: #8993a3; margin: 40px 0 0 0; font-size: 20px; max-width: none; }
.uvod .claim img {max-width: 60%; margin: 0 auto; display: block;}
.uvod .login-butt { display: inline-block; position: relative; top: 0; left: 0px; background-color: transparent; color: #9ca3b1; }
.uvod .login-butt:hover { color: #7a828e; }
.uvod .butt.butt-1 {margin: 0 27px 0 0;}
/*HP - TIPY*/
.tipy h2 { color: white; margin: 0; }
.tipy .karta {background-color: #fff; width: 100%; height:auto; }
.tipy .karta .box-2 {background-color: white; border: solid 6px #9ca4b1; display: block;transition: .5s; margin-top: 40px;}
.tipy .karta .box-2:hover {border: solid 6px #ffc82c; background-image: linear-gradient(#ffffff, #ffefc3);}
.tipy .karta .box-2:hover .butt {background: #13233b; color: #fff;}
.tipy .karta .box-2 h3, #tipy .karta .box-2 p, #tipy .karta .box-2 a {text-align: center; margin-top: 40px;}
.tipy .karta .box-2 img {width: 180px; height: 140px; margin: 0 0 0 calc(50% - 90px);}
.tipy .karta .box-2 .butt {display: block; margin-top: 36px; transition: .5s; }
.tipy .karta-cenovka {border: solid 6px #273e60; display: block;}
.tipy .karta-cenovka p { color: #fff;}
.school-schedule-section {background: #fff;}
.school-schedule-section .school-schedule {padding: 0;}
.school-schedule h2 {margin: 0; text-align: center; color: #273e61;}
.school-toggle {position: relative; width: 100%; display: block; background-color: #273e61; padding: 21px 20px;}
.school-toggle h2 {font-size: 16px; color: #ffffff; margin: 0; text-transform: none; text-align: left; width: calc(100% - 40px);}
.school-toggle:hover, .school-toggle[aria-expanded="true"] {background-color: #152742;}
.school-toggle i {margin: 0; position: absolute; right: 20px; top: 17px;}
.school-toggle .fa-chevron-up {display: none;}
.school-toggle[aria-expanded="true"] .fa-chevron-up {display: block;}
.school-toggle[aria-expanded="true"] .fa-chevron-down {display: none;}
.school-toggle .yellow {display: block; position: static; margin-top: 6px; font-size: 15px;}
.school-title {display: block;}
.school-schedule-table {border: 1px solid #e6e8eb; border-bottom: 0;}
.school-schedule-row {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 24px; border-bottom: 1px solid #e6e8eb;}
.school-schedule-course {font-size: 20px; color: #273e61; font-weight: 700;}
.school-schedule-time {display: flex; gap: 20px; align-items: center; color: #273e61; font-weight: 700; text-align: right;}
.school-schedule-day {color: #8993a3; font-weight: 400;}
.school-schedule-hours {min-width: 120px;}
#tipy > .school-schedule {display: none;}
/*HP-SPONZORI*/
.sponzori .sponzor-box, .obecna .sponzor-box {border: solid 2px #e6e8eb; padding: 20px; margin-top: 40px;}
.sponzori h2, .kde h2 { margin: 0; }
/*HINT*/
.hint {position: absolute; bottom: 40px; left: 100px;}
.uvod .hint {position: relative; bottom: auto; left: auto; margin: 40px auto 0; text-align: center;}
.hint a {font-size: 18px;}
.hint img { width: 40px; margin-right: 20px; margin-top: -5px; transition-duration: .5s;}
.hint a:hover {color: #9ca4b1;}
.hint a:hover .animate-position { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }
@media only screen and (max-width : 1200px) {
}
/*animace*/
@keyframes posiAnimation { 0% { opacity: 1; } 50% { opacity: .1;} 100% { opacity: 1; } }
@-o-keyframes posiAnimation { 0% { opacity: 1; } 50% { opacity: .1;} 100% { opacity: 1; } }
@-moz-keyframes posiAnimation { 0% { opacity: 1; } 50% { opacity: .1;} 100% { opacity: 1; } }
@-webkit-keyframes posiAnimation { 0% { opacity: 1; } 50% { opacity: .1;} 100% { opacity: 1; } }
.animate-position { -webkit-animation: posiAnimation 1s infinite; -moz-animation: posiAnimation 1s infinite; -o-animation: posiAnimation 1s infinite; animation: posiAnimation 1s infinite; }
.detail {min-height: 400px; margin-top: 40px;}
/*ONAS*/
.onas-1 {height: 100vh; width: 100%; background-image: url("../img/bg_2.jpg"); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover; transition: .5s; animation-delay: 1s;}
.onas-1 img {width: 375px; height: 304px; margin: 0 0 0 calc(50% - 187.5px);}
.onas-1 p {text-align: center; margin-top: 40px; color: white;}
.onas-1 .butt.butt-1 {margin: 0 27px 0 0;}
/*rolldown detail*/
#rolldown .yellow {position: absolute; right: 60px;}
#rolldown { position: relative; width: 100%; display: block; background-color: #273e61; padding: 21px 20px;}
#rolldown h2 { font-size: 16px; color: #ffffff; margin: 0px; text-transform: none; text-align: left; width: calc(100% - 40px); }
#rolldown.toggler i { margin: 0; position: absolute; right: 20px; }
#rolldown:hover {background-color: #152742;}
.kde .white-bg p, .kontakty .white-bg p {text-align: center;}
.kde .check, .kontakty .check { list-style: none; padding: 0; }
.kde .check li:before, .kontakty .check li:before { content: "\002714"; color: #1c417d; display: inline-block; width: 30px; text-indent: 0; text-align: center; }
[aria-expanded="true"] .fa-chevron-down, [aria-expanded="false"] .fa-chevron-up { display:none; }
.table .table-striped th { color: #fff; background-color: #1c417d; border-color: #1c417d; }
.table {color: #273e60;}
.table th, .table td { padding: 15px 20px; border-top: none; }
.kde .table td, .kontakty .table td {text-align: right;}
.kde .table th, .kde .table td, .kontakty .table th, .kontakty .table td { padding: 15px 20px; border-top: none; text-transform: uppercase; }
#rolldown[aria-expanded="true"]{ background-color: #152742; }
.vyhledavaci-okno-strediska {text-align: center; margin: 40px 0 0 0; padding: 60px 20px 20px 20px; display: block; background: white; width: 100%; height: auto; }
.vyhledavaci-okno-strediska h2 {margin: 0 0 40px 0;}
.vyhledavaci-okno-strediska .butt {border: 0; display: block; width: 100%; margin: 20px 0 0 0;}
.vyhledavaci-okno-strediska .form-control {border-radius: 0; padding: 23px 20px; height: 60px; display: block; text-align: center;}
/*ONAS - SKUPINY*/
.skupiny .karta {background-color: #fff; width: 100%; height:auto; }
.skupiny .karta .box-2 {overflow: hidden; padding: 20px; background-color: white; border: solid 6px #9ca4b1; display: block;transition: .5s; margin-top: 40px;}
.skupiny .karta .box-2:hover {border: solid 6px #ffc82c; }
.skupiny .karta .box-2:hover .butt {background: #13233b; color: #fff;}
.skupiny .karta .box-2 h3, #tipy .karta .box-2 p, #tipy .karta .box-2 a {text-align: center; margin-top: 40px;}
.skupiny .karta .box-2 img {width: 200px; height: 240px; margin: 0 0 0 calc(50% - 100px);}
.skupiny .karta .box-2 .butt {display: block; margin-top: 36px; transition: .5s; }
.skupiny .karta-cenovka {border: solid 6px #273e60; display: block;}
.skupiny .karta-cenovka p { color: #fff;}
/*ONAS - VYHODY*/
.vyhody {padding-top: 60px;}
.vyhody p {text-align: center; color: #FFFFFF; margin-top: 30px;}
.vyhody img {width: 180px; height: 140px; margin: 0 0 0 calc(50% - 90px);}
/*ONAS - TYM*/
.tym h3 {text-align: center; margin-top: 30px;}
.tym p {text-align: center; margin-top: 5px; color: #273e60;}
.tym img {width: 100%; height: auto; margin: 0;}
/*OBECNA*/
.obecna {padding-top: 160px; transition: .5s; animation-delay: 1s; display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: unset;min-height: 100vh;}
.obecna p {}
.program .datum, .program .skupina, .program .cena, .program .vice-info {margin: 0;}
.program .datum {position: absolute; top: 20px; left: 20px;}
.program .skupina {position: absolute; bottom: 20px; left: 20px;}
.program .cena {position: absolute; bottom: 20px; right: 20px;}
.program .vice-info {position: absolute; top: 20px; right: 20px; color: #FFFFFF; font-family: "Open Sans Condensed";}
.program .mesic, .program .udalost, .program .udalost.dulezite, .program .udalost.projudo {text-align: center; padding: 60px 20px; width: 100%; height: auto; display: block; color: #fff;}
.program .mesic {background: #e7ab00; margin-top: 40px; padding: 20px 0 16px 0; }
.program .mesic h2 {color: #fff; }
.program .udalost {background: #848c99; border-top: 6px solid #bbbfc6; position: relative; display: block;}
.program .udalost.dulezite {background: #f14a36;}
.program .udalost.stredne-dulezite {background: #f1833b;}
.program .udalost.projudo { background: #172a46; border: 6px solid #213c61;}
.program .udalost h2, .program .udalost h3,.program .udalost p {color: #fff}
.program .udalost .popis {opacity: .7;}
/*KONTAKTY*/
.kontakty {padding-top: 160px;}
.kontakty h1 {color: #fff;}
.kontakty {height: auto; width: 100%; background-image: url("../img/bg_3.jpg"); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover; transition: .5s; animation-delay: 1s;}
.kontakty .kont-box {padding: 15px 20px 5px 20px; max-width: 920px; width: 100%; height: auto; border: 1px solid rgba(255, 255, 255, 0.51); position: relative; margin: 10vh auto 20vh auto;}
.kontakty .kont-box .tel, .kontakty .kont-box .mail {display: inline-block; color: #fff; margin: 30px 40px; font-size: 20px; letter-spacing: 2px;}
.kontakty .kont-box .tel:hover, .kontakty .kont-box .mail:hover {color: #ffc82c}
.kontakty .kont-box .tel i, .kontakty .kont-box .mail i {margin-right: 15px; color: #e7ab00; font-size: 30px;}
.kontakty .kont-box .tel i {-webkit-transform: rotate(-260deg); -moz-transform: rotate(-260deg);}
.kontakty .kont-box .butt {font-size: 16px !important;}
.kontakty .kont-logo {width: 300px; margin: 0 0 40px calc(50% - 150px);}
.kontakty h2 {text-align: center; color: #fff;}
.kontakty form .butt { border: none; display: block; width: 100%;}
.kontakty .kont-form-h2 { margin: 40px 0 0 0; }
.kontakty .kont-kde-h2 {margin: 0;}
/*PATA*/
.pata .logo-projudo {width: 160px; height: 130px; margin: 70px 0 60px calc(50% - 80px); display: block;}
.pata .logo-webdevel {width: 130px; height: 22px; margin: 0 0 60px calc(50% - 65px); display: block;}
.pata .logo-projudo:hover, .pata .logo-webdevel:hover {opacity: .5;}
.pata a, .pata p {color: #fff; padding-too: 0px; padding-bottom: 0px;}
.pata i {margin-right: 15px;}
.pata a:hover {color: #e7ab00;}
.pata .soc {font-size: 30px;}
.pata ul {text-transform: uppercase; list-style: none; padding: 0; text-align: right;}
.pata ul li {padding: 0px 0 11px 0;}
.pata .yellow {color: #e7ab00;}
.pata .yellow:hover {color: #fff;}
/*PATA*/
.newsletter { background: #ffc82d; }
.newsletter .content { max-width: 650px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.newsletter .content h2 { color: #243c4f; padding-top: 30px; }
.newsletter .content .form-control { height: 50px; border-color: #ffffff; border-radius:0; }
.newsletter .content.form-control:focus { box-shadow: none; border: 2px solid #243c4f; }
.newsletter .content .btn { min-height: 50px; border-radius:0; background: #243c4f; color: #fff; font-weight:600; }
/*AKCE*/
.akce .mesic {width: 100%; height: auto; display: block; color: #fff; background: #e7ab00; margin-top: 5px; padding: 20px 20px 16px 20px; }
.akce .mesic h2 {color: #fff; }
.akce-page {position: relative;}
.akce-page__container {max-width: 980px;}
.akce-page__hero {background: linear-gradient(135deg, #152742 0%, #243f60 55%, #2f547d 100%); border-radius: 28px; color: #fff; padding: 48px 42px; margin-bottom: 42px; box-shadow: 0 24px 60px rgba(21,39,66,.16); overflow: hidden; position: relative;}
.akce-page__hero:before {content: ""; position: absolute; inset: auto -80px -120px auto; width: 280px; height: 280px; border-radius: 50%; background: rgba(255,200,45,.18);}
.akce-page__hero h1 {color: #fff; margin-bottom: 14px;}
.akce-page__hero p {color: rgba(255,255,255,.85); max-width: 620px; margin-bottom: 0;}
.akce-page__eyebrow {display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.12); color: #ffc82d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;}
.akce-page__section {margin-bottom: 58px;}
.akce-page__section-head {display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 22px;}
.akce-page__section-head h2 {margin-bottom: 0;}
.akce-page__section-head p {margin-bottom: 0; max-width: 440px; color: #5f6c80; text-align: right;}
.akce-month-group, .akce-year-group {margin-bottom: 28px;}
.akce-month-group__label {margin-top: 0 !important; border-radius: 18px 18px 0 0; background: #e7ab00;}
.akce-month-group__label h3 {color: #fff; margin: 0; font-size: 24px;}
.akce-month-group__items {display: flex; flex-direction: column; gap: 12px; padding: 16px; background: rgba(255,255,255,.65); border: 1px solid rgba(21,39,66,.08); border-top: none; border-radius: 0 0 24px 24px; backdrop-filter: blur(6px);}
.akce-card {border-radius: 20px; overflow: hidden; box-shadow: 0 16px 36px rgba(21,39,66,.08);}
.akce-card__toggle {display: flex; align-items: center; gap: 24px; width: 100%; padding: 26px 30px; background: #fff; color: #152742; text-decoration: none;}
.akce-card__toggle:hover, .akce-card__toggle:focus {background: #f8fbff; color: #152742; text-decoration: none;}
.akce-card__toggle--static {cursor: default;}
.akce-card__date {flex: 0 0 180px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #e7ab00; text-transform: uppercase; letter-spacing: .8px;}
.akce-card__body {flex: 1 1 auto; min-width: 0;}
.akce-card__headline {display: flex; align-items: center; gap: 16px; margin-bottom: 8px;}
.akce-card__headline h3 {margin: 0; color: #152742; font-size: 24px; line-height: 1.2; text-align: left; text-transform: none;}
.akce-card__icon {display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(231,171,0,.12); color: #c98a00; flex: 0 0 42px;}
.akce-card__meta {display: inline-block; padding: 8px 14px; border-radius: 999px; background: #eef2f7; color: #516074; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px;}
.akce-card__chevron {display: flex; flex-direction: column; align-items: center; justify-content: center; color: #152742; font-size: 16px; flex: 0 0 24px;}
.akce-card__detail {padding: 30px; border-top: 1px solid rgba(21,39,66,.08);}
.akce-card__detail h4 {margin-top: 0; margin-bottom: 20px; color: #152742;}
.akce-card--projudo .akce-card__toggle {background: linear-gradient(135deg, #152742 0%, #1e3553 100%); color: #fff;}
.akce-card--projudo .akce-card__toggle:hover, .akce-card--projudo .akce-card__toggle:focus {background: linear-gradient(135deg, #10203a 0%, #172d49 100%); color: #fff;}
.akce-card--projudo .akce-card__headline h3 {color: #ffc82d;}
.akce-card--projudo .akce-card__meta {background: rgba(255,255,255,.12); color: rgba(255,255,255,.88);}
.akce-card--projudo .akce-card__icon {background: rgba(255,200,45,.16); color: #ffc82d;}
.akce-card--projudo .akce-card__chevron, .akce-card--projudo .akce-card__date {color: #ffc82d;}
.akce-empty-state {padding: 28px 30px; border-radius: 20px; box-shadow: 0 16px 36px rgba(21,39,66,.08);}
.akce-empty-state p {margin: 0; color: #516074;}
/*FOTOGALERIE*/
.light-image-container{ text-align: center; margin-top: 50px;}
.light-image-thumb { width: 12rem; border-radius: 5px; }
.light-image-link { display: inline-block; padding: 4px; margin: 0 0.5rem 1rem 0.5rem; line-height: 0; }
.fotogalerie a {filter: grayscale(100%)}
.fotogalerie a:hover {filter: grayscale(0%)}
/*PRIHLASKA*/
#rodne_cislo::-webkit-outer-spin-button, #rodne_cislo::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#rodne_cislo { -moz-appearance:textfield; }
.prihlaska {color: #fff; padding-too: 0px; padding-bottom: 0px; text-transform: uppercase}
a.prihlaska {color: #e7ab00;}
/*úpravy 28.5.2020*/
/* .novinky-a-akce { display: none;} */
.m-t-3 {margin-top: 3px;}
.m-r-20 {margin-right: 20px;}
.v1 {text-align: center; color: white;}
.v1 a {color: #ffc82d;}
.v1 a:hover {color: #ffc82d; opacity: .6;}
.v2 {display: block; width: 100%; height: auto; background-color: #243c4f; padding: 16px 20px 4px 20px; color: white; }
.v2 p {text-align: center; color: white;}
.novinky {margin-bottom: 60px;}
.kontakty .kont-logo {width: 300px; margin: 40px 0 40px calc(50% - 150px);}
.novinky .novinka {transition-duration: .5s; height: 350px; width: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.novinky .novinka.novinka-1 {background-image: url("../img/novinka_1.jpg");}
.novinky .novinka.novinka-2 {background-image: url("../img/novinka_2.jpg");}
.novinky .novinka.novinka-3 {background-image: url("../img/novinka_3.jpg");}
.novinky-a-akce .novinky .popisek h2 { font-size: 17px; text-transform: none; color: white; line-height: 1.4; }
.novinky-a-akce .novinky .popisek { opacity: .8; transition-duration: .5s; z-index: 10; width: 100%; padding: 20px 20px 16px 20px; backdrop-filter: blur(40px); position: absolute; bottom: 0; text-align: center; background: rgb(21,39,66); background: -moz-linear-gradient(0deg, rgba(21,39,66,1) 0%, rgba(21,39,66,0) 100%); background: -webkit-linear-gradient(0deg, rgba(21,39,66,1) 0%, rgba(21,39,66,0) 100%); background: linear-gradient(0deg, rgba(21,39,66,1) 0%, rgba(21,39,66,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#152742",endColorstr="#152742",GradientType=1);}
.novinky-a-akce .novinky a:hover .novinka {transform: scale(1.1); opacity: .6;}
.novinky-a-akce .novinky a:hover .popisek {opacity: 1;}
.novinky-a-akce .novinky a {margin-top: 40px; background-color: #13233b; overflow: hidden; display: block; position: relative;}
.novinky-a-akce .novinky a:hover h2 {color: #ffc82d;}
.akce-projudo {background-image: url("../img/hp_akce_stripes.png"); background-color: #152742 !important; padding: 36px 20px !important;}
.akce-projudo:hover {background-color: #0f1225 !important;}
.akce-projudo h2 {color: #ffc82d !important;}
.akce-inactive { background-color: #4b5464 !important; }
.akce-inactive:hover {background-color: #3d4453 !important;}
.akce-inactive h2 {color: #a2a6ac !important; }
.ikona {margin: 0 0 0 20px !important; position: relative !important;}
/*úpravy 28.5.2020*/
/*úpravy 24.7.2020*/
.novinky-a-akce .col-md-8 .m-t-40 {padding-left: 30px; border-left: 1px solid #b2b2b2;}
.white-bg {overflow: hidden;}
/*úpravy 01.07.2021*/
.breadcrumb li {margin-right: 10px;}
.breadcrumb { padding: 0; background-color: unset; }
.breadcrumb a:hover { color: #8b97aa; }
/*proskill*/
.navbar-brand img { max-width: 100%; }
@media only screen and (max-width : 1920px) { }
@media only screen and (max-width : 1600px) {
.addit-menu .butt.butt-1, .addit-menu .soc.soc-1 { margin: 0 0 0 20px; }
.navbar-expand-xl .navbar-nav .nav-link { padding-right: .4rem; padding-left: .4rem; }
.navbar-light .navbar-nav .nav-link, .navbar .nav-item, .addit-menu .kont.kont-2 { font-size: 15px;letter-spacing: 0.5px;; }
}
@media only screen and (max-width : 1500px) {
.navbar { height: 80px !important; padding: 10px; background: #fff;}
.navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
.addit-menu .butt.butt-1, .addit-menu .soc.soc-1 { margin: 0 0 0 20px; }
.addit-menu .kont.kont-2, .addit-menu .soc.soc-2 {margin: 0 0 0 10px; }
.navbar .navbar-brand {margin-right: 10px;}
}
@media only screen and (max-width : 1400px) {
.navbar .kont { display: none; }
.claim p {font-size: 16px;}
p {font-size: 14px;}
.claim img { max-width: 40%; }
.uvod .ilu { display: none; }
.claim p { max-width: unset; }
}
@media only screen and (max-width : 1366px) { }
@media only screen and (max-width : 1320px) {
.navbar .kont {display: none;}
.addit-menu {position: relative; right: 0; top: 2px;}
}
@media only screen and (max-width : 1200px) {
.hint { position: relative; bottom: 0; left: 0; margin: 30px 0 0 20px; }
.obecna h1 {font-size: 26px;}
.navbar-collapse {position: absolute; top: 80px; right: 0px; background: #fff; padding: 0px; width: 100%; text-align: center;}
.od-1200 {display: block ;}
.addit-menu {display: none;}
.box {padding: 0 20px;}
.uvod { height: auto; padding: 180px 0 80px 0; }
.navbar .navbar-brand { height: 60px; width: 220px; }
.strediska-mapa .tip {display: flex;}
.navbar .navbar-brand { display: flex; align-items: center; }
}
@media only screen and (max-width : 992px) {
.kontakty .kont-box .tel, .kontakty .kont-box .mail {width: 100%; margin: 20px 0;}
.kont-box p {display: grid;}
.kontakty .kont-box .mobile-order-0 {order: 0;}
.kontakty .kont-box .mobile-order-1 {order: 1;}
.kontakty .kont-box .mobile-order-2 {order: 2;}
.xxl-size-text { font-size: 40px; }
.obecna .c-flex.c-flex-1 { flex-direction: column; margin: 0 0 60px 0; }
.obecna .c-flex.c-flex-1 .c-one, .obecna .c-flex.c-flex-1 .c-two { width: 100%; text-align: center; align-items: normal;}
.c-proc .c-flex .c-karta { flex: 1 1 calc(50% - 15px); }
.tipy .c-flex { flex-wrap: wrap; }
.tipy .c-flex .c-karta { flex: 1 1 calc(50% - 30px); }
}
@media only screen and (min-width : 992px) { }
@media only screen and (max-width : 880px) { }
@media only screen and (max-width : 768px) {
.akce-page__hero {padding: 32px 22px; border-radius: 22px;}
.akce-page__section-head {display: block;}
.akce-page__section-head p {max-width: none; margin-top: 10px; text-align: left;}
.akce-month-group__label h3 {font-size: 20px;}
.akce-month-group__items {padding: 12px; border-radius: 0 0 18px 18px;}
.akce-card__toggle {display: block; padding: 22px 18px;}
.akce-card__date {margin-bottom: 14px;}
.akce-card__headline {align-items: flex-start; padding-right: 28px;}
.akce-card__headline h3 {font-size: 20px;}
.akce-card__chevron {position: absolute; top: 24px; right: 18px;}
.akce-card__toggle {position: relative;}
.akce-card__detail {padding: 22px 18px;}
#rolldown .ikona { display: none;}
#rolldown .yellow { position: absolute; right: auto; top: 4px; left: 20px; font-size: 13px;}
#rolldown h2 { font-size: 15px; }
.akce-projudo { padding: 36px 20px 20px 20px !important; }
.uvod.white-wm-bg {background: #fff;}
.mobile {display: block;}
.desktop {display: none;}
.kontakty.p-tb-100 {padding: 120px 0 60px 0;}
.p-tb-100 {padding: 60px 0;}
h1, h2, h3, .akce p { text-align: center; }
.onas-1 .butt, .onas-1 .butt.butt-1,
.uvod .butt,.uvod .butt.butt-1 { display: block; margin: 20px 0;}
.uvod { padding: 140px 0 40px 0; }
.claim img { max-width: 60%; width: 60%; margin: 0 20%; }
.claim p, .pata, .pata ul { text-align: center; }
.mobile-order-0 {order: 0;}
.mobile-order-1 {order: 1;}
.mobile-order-2 {order: 2;}
.school-toggle h2 {display: flex; flex-direction: column; gap: 6px;}
.school-schedule-row {flex-direction: column; align-items: flex-start;}
.school-schedule-time {width: 100%; justify-content: space-between; text-align: left;}
.pata ul {margin: 0;}
.pata .mobile-order-0, .pata .mobile-order-1, .pata .mobile-order-2 { padding: 40px 0 29px 0;}
.pata .mobile-order-0, .pata .mobile-order-1 {border-bottom: 1px solid rgba(123, 126, 122, 0.18);}
.pata .mobile-order-0 {padding-top: 0px;}
.pata .logo-projudo { margin: 0 0 40px calc(50% - 80px); }
.pata .logo-webdevel { margin: 0 0 0 calc(50% - 65px); }
.obecna { padding-top: 120px; }
.kontakty .kont-kde-h2 {margin: 40px 0 0 0;}
.kontakty .kont-logo {margin-top: 40px;}
.xxl-size-text { font-size: 30px; }
#uvod .vert-center .claim .butt.butt-3 {margin: 0;}
.novinky-a-akce .col-md-8 .m-t-40 {padding-left: 0; border-left: none;}
.akce-projudo {padding: 15px 20px 20px 20px !important; }
#rolldown h2 { display: flex; flex-direction: column;gap: 5px; }
#rolldown .yellow { position: relative; top: 0; left: 0; }
#rolldown h2 br { display: none; }
.v-is {text-align: center; margin: 20px auto; width: 100%;}
}
@media only screen and (max-width : 640px) { }
@media only screen and (max-width : 590px) { }
@media only screen and (max-width : 578px) {
.modal-dialog { margin: 100px auto; max-width: 542px; }
}
@media only screen and (max-width : 480px) {
.kde .table th, .kde .table td, .kontakty .table th, .kontakty .table td { display: flex; } .xxl-size-text { font-size: 26px; }
}
@media only screen and (max-width : 460px) {
.obecna .c-flex.c-flex-1 .c-five, .c-proc .c-flex { flex-direction: column; }
.tipy .c-flex .c-karta { flex: 1 1 100%; }
.c-proc .c-flex .c-karta ul { display: contents; }
}
@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%; } }
/*mapa*/
/* .strediska-mapa {margin-bottom: 40px; position: relative; display: block; overflow-x: auto; width: 100%;}
.strediska-mapa img {width: 1130px;}
.strediska-mapa .main-map {width: 1130px; display: block; position: relative;}
.poi:hover {transform: scale(1.2)}
.poi-1 { top: 146px; left: 321px; }
.poi-2 { top: 328px; left: 537px; }
.poi-3 { top: 381px; left: 549px; }
.poi-4 { top: 425px; left: 445px; }
.poi-5 { top: 273px; left: 581px; }
.poi-6 { top: 377px; left: 458px; }
.poi-7 { top: 441px; left: 559px; }
.modal-dialog { margin: 100px 20px; }
.modal-backdrop { z-index: -1; }
.strediska-mapa .main-map .pois .p-tb-40 p {text-align: center;}
.strediska-mapa .tip {display: none; position: absolute; top: 20px; left: 20px; background-color: white; padding: 20px; border-radius: 100px;}
.strediska-mapa .tip p {margin: 0; padding: 0;}
.strediska-mapa .tip i {margin-left: 15px; font-size: 26px; color: #194263; margin-top: -4px;}
.button-success-sent { background: #ffc82d; color: #243c4f; }
.button-error-sent { background: crimson; color: white; }
.v-is {margin-top: 20px; display: inline-block;}
.v-is:hover {color:rgb(156 164 177);}
.poi-8 { top: 471px; left: 539px; }
.poi-9 { top: 399px; left: 560px; }
.poi-10 { top: 179px; left: 332px; }
.poi-11 { display: none; }
.poi-b1 { top: 161px; left: 569px; } */
/*corrency*/
/* .corrency-color { color: #c4171e !important; }
.obecna.obecna-bg p a:hover { color: unset; opacity: .5; }
.obecna-clear-yellow { background: #ffc82c; }
.obecna-clear-white { background: white; }
.obecna.obecna-bg p a { text-decoration: underline; }
.obecna .c-flex.c-flex-1 { display: flex; gap: 60px; align-items: center; margin: 60px 0; }
.obecna .c-flex.c-flex-1 .c-one { text-wrap: balance; display: flex; flex-direction: column; align-items: flex-start; width: calc(100% - 480px); }
.obecna .c-flex.c-flex-1 .c-two { display: flex; flex-direction: column; gap: 30px; width: 420px; }
.obecna .c-flex.c-flex-1 .c-three { justify-content: center; display: flex; gap: 30px; }
.obecna .c-flex.c-flex-1 .c-three div img { width: 100%; margin-bottom: 20px; }
.obecna .c-flex.c-flex-1 .c-four h3 { margin: 0 0 30px 0; text-align: center; }
.obecna .c-flex.c-flex-1 .c-five { display: flex; gap: 20px; justify-content: space-between; }
.obecna .c-flex.c-flex-1 .c-six,
.obecna .c-flex.c-flex-1 .c-seven { border-radius: 22px; background: white; flex-grow: 1; display: flex; flex-direction: column; border: 4px solid #9ca4b1; padding: 20px 15px; text-align: center; border-top: 4px dashed #9ca4b1; }
.obecna .c-flex.c-flex-1 .c-five img { width: 100%; margin-bottom: 20px; }
.obecna .c-flex.c-flex-1 .c-five p { text-decoration: line-through; font-size: 1.5rem; color: #c4171e; margin-bottom: 0; padding-bottom: 0; }
.obecna .c-flex.c-flex-1 .c-five p:last-child { text-decoration: none; font-size: 2rem; color: #273e60; }
.obecna .c-flex.c-flex-1 .c-five h4 { margin-bottom: 20px; text-transform: uppercase; }
.obecna .c-flex.c-flex-1 .c-five a:hover { color: unset; }
.c-butt-1 { background-color: #c4171e; color: white; padding: 16px 24px; margin: 30px 0 0 0; display: inline-block; width: auto; text-align: center; }
.c-butt-1:hover { background-color: #91080d; }
.c-proc .c-flex { flex-wrap: wrap; margin: 30px 0; display: flex; gap: 20px; }
.c-proc .c-flex .c-karta { gap: 16px; text-align: center; text-wrap: balance; display: flex; flex-direction: column; flex: 1 1 calc(25% - 15px); background-color: #ffc82c; padding: 17px; border-radius: 30px; justify-content: center; line-height: 1.1; border: 4px dotted #dfa500; }
.c-proc .c-flex .c-karta ul li, .c-proc .c-flex .c-karta ul { color: #273e61; list-style: none; padding: 0; margin: 0; }
.c-proc .c-flex .c-karta p { margin: 0; }
.tipy .c-flex { display: flex; gap: 20px; margin: 30px 0; }
.tipy .c-flex .c-karta { text-align: center; transition-duration: .3s; border: 2px solid #9ca4b1; background: white; padding: 15px; gap: 20px; display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 25%; }
.tipy .c-flex .c-karta:last-child { background-image: linear-gradient(#ffffff, #fddcda); }
.tipy .c-flex .c-karta img { width: 60%; margin: 20px auto; }
.tipy .c-flex .c-karta:hover .butt { background: #13233b; color: #fff; }
.tipy .c-flex .c-karta .butt { transition-duration: .3s; }
.tipy .c-flex .c-karta:hover { border: solid 2px #ffc82c; background-image: linear-gradient(#ffffff, #ffefc3); }
.c-pomoc { text-align: center; display: flex; flex-direction: column; }
.n-zajem { width: 100%; max-width: 600px; margin: 20px auto; }
.n-zajem .input-group { display: flex; display: flex; flex-direction: column; flex-wrap: nowrap; }
.n-zajem .input-group>.form-control-plaintext { width: 100%; }
.n-zajem .form-control { height: calc(1.5em + 0.75rem + 30px); width: 100%; text-align: center; }
.n-zajem .butt { border: none; margin: 20px 0; } */
/*Venca 15.1.24*/
.novinky-a-akce .novinky .popisek { opacity: 1; background: rgb(21,39,66); }
.c-proc .c-flex .c-karta img { filter: invert(1); width: 50%; margin: 10px auto 10px auto; }
.c-proc .c-flex .c-karta { justify-content: flex-start; }
/*Mysoval web*/
.uvod .ilu { background-image: none; width: 50%; }
.uvod .ilu .uvodka { right: 0; }
.claim img { display: none; }
.tipy .karta-cenovka { border: none; }
.newsletter .content h2 { padding-top: 70px; }
#ec_form_5-ed07fd6b07ff0199fabc8509f995f058 .ec-v-form-holder { background-color: transparent !important; }
.onas-1 img { width: 341px; height: 353px; margin: 0 0 0 calc(50% - 170px); }
.pata .logo-projudo img { width: 100%; }
.tipy .karta { background-color: transparent; }
.tipy .karta .box-2:hover { background-image: none; }
.onas-1 .butt.butt-1, .onas-1 .butt.butt-3 { display: none; }
.onas-1 { padding: 200px 0 100px 0; height: auto; }
#rolldown.toggler i { top: 17px; }
p a:hover { color: #ff2400; }
.v-is { display: none; }
.page-404{margin-top: 100px;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;text-align: center;}
.box-404{background-image: url('https://mysoval.dev.wd7.cz/wp-content/uploads/2024/07/404.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;height: 305px;}
/*proskill*/
#tipy .karta {
height: 100%;
}
#tipy .karta a {
height: 100%;
display: flex !important;
flex-direction: column;
}
#tipy .row {
display: flex;
flex-wrap: wrap;
}
#tipy .karta a .butt {
margin-top: auto;
}
.box p a { text-decoration: underline; }
#tipy .col-md-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 10px; padding-left: 10px; }
#tipy .col-md-4 .karta .box-2 { border: solid 2px #9ca4b1; padding: 10px; }
#tipy .karta .box-2 p { margin-top: 15px; }
#tipy .karta .box-2 { margin-top: unset; }
.tipy h2 { margin-bottom: 40px; }
@media only screen and (max-width : 768px) {
#tipy .col-md-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }
}
@media only screen and (max-width : 480px) {
#tipy .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; }
}
#fix-bg-1, #newsletter { display: none; }
.claim .desktop, .claim .mobile { display: none !important; }
.claim h2, .claim p { text-align: center !important; }