/* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; font-family: 'Outfit'; font-weight:400; font-size:24px; line-height:30px; background-color:white; color:#000; -webkit-text-size-adjust:100%; width:100%; height:100%; } html { overflow-x:hidden; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color:#C20A8B; text-decoration: none;} a:focus { outline: none; -webkit-tap-highlight-color: transparent } .clearboth { clear: both; } .floatleft { float: left; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .black { color:black } img { border: none; } p { clear:both; } ul { margin:0; } b { font-weight:700 } strong { font-weight:700 } hr { height:1px; border:0; background-color: black; } .tisic { margin-left: 0.3em; } .nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .nopadding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,textarea { border:none; outline:none; resize:none; padding:10px 20px 10px 20px; margin-top:5px; font-family: 'Roboto Serif'; font-size:20px; border:solid 1px #404040; -webkit-appearance: none; -webkit-border-radius:0px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .border5 { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .border10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .border16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } .border20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } .border24 { -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; } .border35 { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; } .border48 { -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; } .border60 { -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } .border100 { -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; } .borderRounded50 { -webkit-border-radius:294px; -moz-border-radius:294px; border-radius:294px; } .borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .table-cell { display: table-cell; vertical-align: middle; } li { list-style-position:outide; margin-left:24px } hr { padding:0; margin:0; background-color:#404040; } strong { font-weight: 600} main { position: relative; display:block; width:100%; height:100%; } nav { position: relative; float:left; width:100%; padding-top:48px; } .container { position: relative; display:block; width:calc(100% - 32px); max-width:1582px; margin:auto; } .fontOutfit { font-family: 'Outfit'; } .fontClashGrotesk { font-family: 'Clash Grotesk'; font-weight: 600; } .fontRobotoSerif { font-family: 'Roboto Serif'; } .font14 { font-size:14px; line-height:1.25em } .font15 { font-size:15px; line-height:1.25em } .font16 { font-size:16px; line-height:1.25em } .font18 { font-size:18px; line-height:1.4em } .font20 { font-size:20px; line-height:1.4em } .font21 { font-size:21px; line-height:1.25em } .font22 { font-size:22px; line-height:1.4em } .font24 { font-size:24px; line-height:1.35em; letter-spacing:-0.01em;} .font28 { font-size:28px; line-height:1.25em } .font36 { font-size:36px; line-height:1.1em } .font40 { font-size:40px; line-height:1.1em; font-weight: 550; } .font48 { font-size:48px; line-height:1.1em } .font64 { font-size:64px; line-height:1em } .letterSpacing05 { letter-spacing:0.05em;} .letterSpacing-02 { letter-spacing:-0.02em;} .fontWeight500 { font-weight: 500} .fontWeight550 { font-weight: 550} .fontWeight600 { font-weight: 600} .colorRose { color:#EC13AB } .colorRoseDarker { color:#C20A8B } .colorGray { color:#666666 } .colorBlue { color:#5624DB} .button { padding:20px 24px; border:solid 2px #C20A8B; background-color:#C20A8B; color:#fff; display:inline-block; font-size: 24px; line-height:1em; transition:background-color 0.3s, border 0.3s; font-family: 'Outfit'; cursor:pointer; font-weight: 400; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; outline: none; -webkit-tap-highlight-color: transparent } .button:hover { background-color:#a30875; border-color: #a30875; color:#fff } .logo { position:absolute; display:flex; width:270px; left:0; right:0; margin:auto; margin-top:-6px } .logo a { font-size:40px; line-height:1em; border:0; color:#EC13AB } .home .logo a { color:#000 } .menu { position:relative; width:100%; z-index:10 } .menu-left { float:left } .menu-right { float:right } .menu a { margin:0 26px; color:#000 } .hamburger { display:none; position:absolute; top:22px; right:0; margin-left:24px; width:42px; height:18px; cursor:pointer; z-index:10000; transform: rotate(0deg); pointer-events:auto; outline: none; -webkit-tap-highlight-color: transparent; } .hamburger span { position:absolute; display:block; height:2px; width:100%; background:#000; opacity:1; left:0; transition: transform 0.5s ease-in-out; } .hamburger span:nth-child(1) { top: 0px; transform-origin: left center;} .hamburger span:nth-child(2) { top: 8px; transform-origin: left center;} .hamburger span:nth-child(3) { top: 16px; transform-origin: left center;} .hamburger.open span:nth-child(1) { top: -8px; left: 5px; transform: rotate(45deg);} .hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } .hamburger.open span:nth-child(3) { top: 22px; left: 5px; transform: rotate(-45deg);} .menu-close { display:none; position:absolute; top:30px; right:24px; z-index:10; cursor:pointer; width: 20px; height: 20px; outline: none; -webkit-tap-highlight-color: transparent;} .home { background:url(../images/home.webp?rand=1) top center; background-size:cover;} .home-text { text-align:center; max-width:400px; margin:120px auto 160px auto; } .home-claim2{ margin:24px 0 28px 0 } h3 { color:#5624DB } .aktualne-outer { position:relative; top:-69px; } .shape-inner { position:relative; display: block; width: 100%; max-width:912px; margin:auto; } .shape { position:relative; float:left; display:table; left:0; padding:0 40px; height:69px; background-color:#bdcb43; cursor:pointer; z-index:10; outline: none; -webkit-tap-highlight-color: transparent; -webkit-border-left-top-radius:48px; -moz-border-left-top-radius:48px; border-top-left-radius: 48px; -webkit-border-right-top-radius:48px; -moz-border-right-top-radius:48px; border-top-right-radius: 48px; } .shape:hover { background-color:#d4e54c; } .shape.active { background-color:#ecfe54; } .shape.active:hover { background-color:#ecfe54; } .shape-text { width:100%; text-align:center; color:#000; text-align:center;} .aktualne { float:left; width:100%; margin-top:0px; cursor:default; } .aktualne-inner { position:relative; display: block; width: 100%; max-width:912px; min-height:203px; margin:auto; padding:60px; background-color:#ECFE54; -webkit-border-left-top-radius:0; -moz-border-left-top-radius:0; border-top-left-radius: 0; } .aktualne-inner-flex{ display:flex; } .aktualne-hide { display:none; } .aktualne-hide.active { display:block; } .aktualne-flex1 { width:calc(100% - 147px); } .aktualne-flex img { position:absolute; right:-60px; width:100%; max-width:203px; aspect-ratio:1; object-fit:cover; transform:rotate(5deg); -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; } .aktualne-flex2 { width:147px; } .aktualne-flex2-inner { margin:auto; height:100%; display:inline-table; } .aktualne-flex2-inner a { display:block; } .aktualne-text { margin:8px 0 24px 0; color:#000 } .aktualne .button { padding: 16px 24px; background: transparent; color: #C20A8B;} .aktualne .button:hover { background: #a30875; color:#fff;} .vice { margin-top:24px } .vice a { color:#C20A8B; } .nejblizsi-akce { float:left; width:100%; margin-top:80px; text-align:center; } .nejblizsi-akce a { color:#000 } .nejblizsi-akce-inner { max-width:1290px; margin:40px auto; } .akce { float:left; width:100%; padding:24px; background-color: #FFF0FA; border:solid 1px transparent; border-radius:48px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; transition:background-color 0.3s; } .akce:hover { background-color:#EDD8FF; border:solid 1px transparent;} .akce-den { text-transform:uppercase; } .akce-datum { background-color:#EDD8FF; width:151px; height:151px; display:table; border:solid 1px transparent; transition:border 0.3s; } .akce:hover .akce-fialova { border:solid 1px #000 } .akce-datum-termin { font-weight: 500; } .akce-cas-prostor { width:100px; text-align:right; padding-right:30px ; } .akce-misto { border:solid 1px transparent; background-color:#EDD8FF; padding:7px 16px; margin-bottom:10px; margin-left:10px; width:110px; height:72px; text-align: left; display:table; transition:border 0.3s; } .akce-cas { border:solid 1px transparent; background-color:#EDD8FF; padding:7px 16px; margin-left:10px; width:110px; height:72px; text-align: center; display:table; transition:border 0.3s; } .akce-text { width:calc(100% - 686px); padding:0 40px 0 24px; text-align:left;} .akce-text-bez-obrazku { width:calc(100% - 534px);} .akce-nadpis { color:#666666; text-transform:uppercase; margin-top:12px; } .akce-titulek { margin-top:12px; margin-bottom:12px} .akce-perex { margin-bottom:12px} .akce-info-prostor { width:135px; text-align:left; } .akce-vstupne { border:solid 1px transparent; background-color:#EDD8FF; padding:7px 16px; margin-bottom:10px; margin-right:10px; width:125px; height:72px; text-align: left; display:table; transition:border 0.3s; } .akce-rezervace { border:solid 1px transparent; background-color:#EEFF6A; padding:7px 16px; margin-right:10px; width:125px; height:72px; text-align: left; display:table; transition:border 0.3s; } .akce:hover .akce-rezervace { border-color:transparent } .akce-vstupne-big { margin-bottom:0; height:153px; } .akce-obrazek { width:153px; } .akce-obrazek img { float:left; width:100%; aspect-ratio: 1; object-fit:cover; } .akce-partneri { display:table; width:104px; height:151px; text-transform:uppercase; margin-left:10px;} .akce-partneri-inner { display:table; padding:12px; width:100%; height:100%; background-color:#fff; } .akce-partneri-text { margin-bottom:8px } .akce-partneri img { max-width:calc(100% - 20px); max-height:46px; margin:8px 0 } .akce-button { border:0; padding:12px 16px; color:#000; background-color:#EEFF6A; line-height:1em; display:inline-block; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; text-transform:uppercase;} .akce-typ2 { color:#FF3B3E!important; background-color:#fff; border:solid 1px #FF3B3E } .akce-typ2:hover { background-color:#fff; border:solid 1px #FF3B3E } .akce-typ2 .akce-text { text-decoration:line-through;text-decoration-thickness: 0.07em; } .akce-typ2 .akce-nadpis { color:#FF3B3E; } .akce-typ2 .akce-fialova { background-color:#fff; border:solid 1px #FF3B3E } .akce-typ2:hover .akce-fialova { background-color:#fff; border:solid 1px #FF3B3E } .akce-typ3 { background-color:#fff; border:solid 6px #FFDAF3 } .akce-typ3:hover { background-color:#fff; border:solid 6px #FFDAF3; } .akce-typ3:hover .akce-fialova { border:solid 1px #EDD8FF } .akce-typ3 .akce-fialova { background-color:#FFDAF3 } .akce-typ3 .akce-rezervace { background-color:#FF3B3E; color:#fff } .akce-typ3:hover .akce-rezervace { border:solid 1px #FF3B3E; } .akce-typ2 .akce-button, .akce-typ3 .akce-button {color:#fff; background-color:#FF3B3E } .nejblizsi-akce .button { padding:16px 24px; margin-top:40px; color:#fff } .nabidka-kurzu { float:left; width:100%; margin-top:160px; text-align:center; } .nabidka-kurzu-inner { position:relative; max-width:1542px; background-color:#F8F2FA; margin:0 auto; padding:80px 24px } .nabidka-kurzu h3 { margin-top:0; margin-bottom:12px; } .nabidka-kurzu-text { max-width:600px; margin:12px auto 24px auto } .nabidka-kurzu .button { padding:16px 24px; background:transparent; color:#C20A8B; } .nabidka-kurzu .button:hover { background-color:#a30875; border-color:#a30875; color:#fff } .nabidka-kurzu-button { display:inline-block; border:0; padding:4px 16px; color:#000; margin:12px 4px 0 4px; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } .purple { background-color:#E7DEF7; } .losos { background-color:#FFD7E3; } .tyrkys { background-color:#BBEBEB; } .senior-left { position:absolute; width:300px; max-width:20%; left:0; top:-14px; transform:rotate(-10deg); -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } .senior-right1 { position:absolute; width:203px; max-width:15%; right:180px; top:-80px; transform:rotate(5deg); -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } .senior-right2 { position:absolute; width:203px; max-width:15%; right:5px; top:110px; transform:rotate(15deg); -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } .fresh-senior { float:left; width:100%; margin-top:160px; margin-bottom:120px; text-align:center; } .fresh-senior-inner { width:100%; max-width:1224px; margin:auto;} .fresh-senior h3 { margin-top:0; } .fresh-senior img { float:left; width:100%; margin-top:60px; } .fresh-senior-text { text-align:left; margin:40px 0;} .fresh-senior-vice { margin-top:48px } .flex50 { display:flex; gap:0 40px; } .flex50-item { flex:1 } .reference-loga { float:left; width:100%; text-align:center; color:#5624DB } .reference-loga-inner { width:100%; max-width:1384px; margin:auto; } .reference-loga h3 { margin-bottom:20px; } .reference2-logo-prostor { position:relative; display:inline-block; height:200px; width:calc((100%/5) - 60px); text-align:center; border-top:1px solid #999999; margin:30px } .reference2-logo-prostor img { max-width:200px; opacity:1; filter:none; max-height:200px; } .reference2-logo-vertical { width:100%; height:100%; display:table; } .reference2-logo { height:100%; } iframe { border:0; max-width:100%; height:auto; aspect-ratio:16/9 } .footer { width:100%; max-width:1542px; margin:auto; margin-top:40px; } .footer2 { background-color:#F8F2FA; } .footer-inner { display:flex; align-items:center; width:100%; max-width:1224px; margin:auto; padding:100px 24px } .footer-flex { flex:1 } .footer-left { max-width:589px; } .footer-left a { color: #C20A8B; border-bottom:0; } .footer-header { color:#5624DB; margin-bottom:32px } .footer-title { margin-bottom:32px } .form { margin-top:32px } .form input { width:100%; max-width:432px; background-color:#fff; border:solid 1px #999999; padding:16px 20px; margin-right:14px } .form input::placeholder { color:#999999; } .form input.error { border-color:red } .footer-left .button { position:relative; padding:16px 24px; background: transparent; color: #C20A8B; top:1px } .footer-left .button:hover { background:#a30875; color: #fff; } .footer-right-inner { width:100%; max-width:400px; margin:auto; padding-left:60px; } .footer-subtitle { text-transform:uppercase; margin-top:80px; margin-bottom:32px } .footer-right a { color: #C20A8B; border-bottom:0 } .end { float:left; width:100%; margin:24px 0 40px 0; letter-spacing:0.01em; } .end-left { float:left; color: #C20A8B } .end-left a {color: #C20A8B } .end-item { float:left; margin-right:24px; cursor:pointer; } .end-item:hover, .end-item a:hover { border-bottom:0; } .end-right { float:right; } .end-right a { color:inherit; text-decoration:underline; } .aktualne-datum { margin-bottom:6px } .program { margin-bottom:24px; } .program a { color:#000 } .program-inner { width:100%; max-width:1290px; margin:auto; text-align:center; margin-top:100px } .program-mesic { margin:100px 0 40px 0; padding:16px 16px 40px 16px; text-transform:uppercase; text-align:left; color:#5624DB} .program-info { width:100%; max-width:440px; margin:100px auto 160px auto; text-align:center; } .program-info .button { padding:16px 24px; margin-top:60px; background-color:#C20A8B; color:#fff } .program-info .button:hover { background-color:#a30875; } .stante-se-partnerem { margin-top:0; } .stante-se-partnerem .nabidka-kurzu-inner { background-color:#FFF0FA; } .stante-se-partnerem .nabidka-kurzu-text { margin:40px auto 40px auto } .kurzy-days { margin-bottom:80px } .kurzy .akce-den-cas { width:100%; max-width:281px; text-align:left; } .kurzy .akce { padding:0; border-radius:24px; border:0; background-color:#fff; align-items: stretch; } .kurzy .akce:hover{ border-radius:24px; background-color:#EDD8FF; } .kurzy .akce-text { padding:0;} .kurzy .akce-den-cas { border-radius:24px; background-color:#EDD8FF; text-align:center; display:table; } .kurzy .akce-flex { width:calc(100% - 200px); border-radius:124px; background-color:#FFF0FA; transition:background-color 0.3s; display:flex; align-items:center;} .kurzy .akce:hover .akce-flex { background-color:#EDD8FF; } .kurzy .akce-text2 { padding:24px 48px;} .kurzy .akce-titulek { margin-bottom:6px; } .kurzy .akce-text-bez-obrazku { width:calc(100% - 320px)} .kurzy .akce-vstupne { width: 320px; height:auto; margin-bottom:0; text-align:right; padding-right:48px; background-color:transparent; } .kurzy .akce-den-cas-text { margin-top:8px } .kurzy .akce-kurzy-typ2 .akce-button, .kurzy .akce-kurzy-typ3 .akce-button { background-color:#FF3B3E; color:#fff } .kurzy-months { margin-top:40px; color:#5624DB } .kurzy-info { margin:40px auto 80px auto; max-width:900px} .kurzy-detail-inner { width:100%; max-width:1240px; margin:auto; margin-top:100px } .kurzy-detail-zpet img { position:relative; width:17px; top:-3px; margin-right:3px } .kurzy-detail-zpet a:hover { border:0 } .kurzy-detail { float:left; width:100%; margin-top:80px; margin-bottom:120px } .kurzy-detail-left { float:left; width:642px; margin-right:108px; } .kurzy-detail-pink { background-color: #FFF0FA; margin-top:16px; padding:16px 32px; } .kurzy-detail-pink-padding{ padding:10px } .kurzy-detail-titulek { color:#5624DB} .kurzy-detail-perex { color:#666666; margin-top:16px; margin-bottom:32px} .kurzy-detail-den-flex { display:flex; gap:24px; align-items:center; } .kurzy-detail-den { float:left; background-color:#EDD8FF; padding:11px; width:47px; height:47px; text-align:center; } .kurzy-detail-info-flex { display:flex; gap:24px; align-items:center;align-items: stretch; } .kurzy-detail-info-table { display:table; min-height:52px } .kurzy-detail-info-popis { width:300px; display:table; } .kurzy-detail-info-cena { width:150px; padding:0 24px; display:table; border-left:1px solid #999999; } .kurzy-detail-info-rezervace { width:100%; padding-left:24px; max-width:190px; border-left:1px solid #999999; display:table; } .kurzy-detail-info2-flex { display:flex; gap:24px; align-items:center; } .kurzy-detail-info2-img { width:40px; padding-left:12px; } .kurzy-detail-info2-misto { width:200px; text-align:left; } .kurzy-detail-text { margin-top:40px } .kurzy-detail-text h2 { margin-bottom:24px } .kurzy-detail-left .button { margin-top:40px; } .kurzy-detail-text-nadpis { margin-top:40px; margin-bottom:24px } .kurzy-detail-platba { background-color:#EEFF6A; padding:24px } .kurzy-detail-right { float:right; width:440px; } .kurzy-detail-right img { float:left; width:100%; } .program-detail .kurzy-detail-info-cena { border-left:none; padding-left:0; max-width:150px; } .aboutus { width:100%; max-width:1226px; margin:auto; } .aboutus-inner { text-align:center; margin-top:100px } .aboutus-info { border-top:1px #999999 solid; margin-top:60px; padding-top:24px } .aboutus-left { float:left; width:50%; padding-right:24px } .aboutus-left-max { max-width:380px; text-align:left;} .aboutus-right { float:right; width:50%; padding-left:12px; } .aboutus-photo { background-color: #D9D9D9; width:100%; aspect-ratio: 16/9; margin-bottom:12px; overflow:hidden; } .aboutus-photo img { width:100%; } .vyrocni { margin: 60px 0 120px 0; } .vyrocni h3 { margin-bottom:12px; } .zprava { float:left; width:100%; background-color:#F2F2F2; margin:16px 0 0 0; display:flex; align-items:center; padding:24px; text-align:left; border-bottom: 1px solid #D3D3D3; cursor:pointer; color:#000; transition: all 0.3s ease-in-out; } .zprava div { flex:1; display:flex; align-items:center; justify-content: space-between; } .zprava:hover { background-color:#FFF0FA; color:#C20A8B; border-bottom: 1px solid #C20A8B; } .downloading { background:url(../images/downloading.svg?rand=1); width:40px; height:40px; background-size: 80px 40px; } .zprava:hover .downloading { background-position:40px; } .boxy { display:flex; gap:24px; margin:60px 0 } .box { background-color: #FFF0FA; flex:1; padding:24px } .box-number { color:#C20A8B } .box-text { margin-top:24px } .kontakt-info { float:left; margin-top:60px } .kontakt-table { width:100%; text-align:left; margin-top:32px; table-layout: fixed;} .kontakt-table td { vertical-align:top; padding-bottom:24px; } .kontakt-table a { border-bottom:2px solid #C20A8B; } .kontakt-title { text-transform:uppercase;} .kontakt-title-text { max-width:200px } .spisova { margin-top:16px } .mobile-show { display:none; } .kontakt-mista { float:left; width: 100%; margin:40px 0 160px 0 } .kontakt-misto { display:flex; border-top: 1px solid #999999; margin-top:60px; padding-top:24px } .kontakt-misto div { flex:1 } .kontakt-misto img { width:100% } .pro-partnery { margin-bottom:160px } .galerie { text-align:center; margin-top:40px; } .galerie .button { padding:16px 24px; background:transparent;color:#C20A8B; margin-top:24px; cursor:pointer; } .galerie .button:hover { background-color:#a30875; border-color: #a30875; color:#fff } .gallery { display:flex; gap:32px} .gallery div { flex:1;} .gallery img { width:100%} .dekujeme { display:flex; align-items:center; margin-top:24px; padding:40px 0; border-top:solid 1px #999999; border-bottom:solid 1px #999999 } .dekujeme div { flex:1; width:calc(100% - 280px) } .dekujeme-img { width:280px!important} .dekujeme img { float:right; width:100%; max-width: 200px; max-height: 110px; padding:12px 40px } .aboutus-right .kontakt-title { margin-bottom:24px } /* Kalendář API*/ #kalendar { position:relative; width:100%; background-color:#F8F2FA; color:#000; z-index:10; margin:auto; margin-top:24px; padding:12px } #kalendar-mesic { float:left; margin:12px 0 0 12px } #kalendar-left { position:relative; float:right; width:40px; height:40px; background-image: url(../images/arrow-left.svg); cursor: pointer; margin-top:5px; outline: none; -webkit-tap-highlight-color: transparent } #kalendar-right { position:relative; float:right; width:40px; height:40px; background-image: url(../images/arrow-left.svg); cursor: pointer; margin-top:5px; transform:rotate(180deg); outline: none; -webkit-tap-highlight-color: transparent } .kalendar-table { width:100%; margin:auto; margin-top:10px; min-width:250px; border-collapse: collapse; cursor: default; } .kalendar-table td { text-align: center; width:48px; height:48px; } .kalendar-table td.active .vnitrek { font-weight: 500; width:40px; height:40px; background-color:#C20A8B; color:white; margin:auto; padding-top:11px } .nahrada { margin-top:12px } /* Cookies */ .about-cookies-left { float:left; } .about-cookies { position:absolute; bottom:0; cursor:pointer; } .gdpr { position:fixed; bottom: 24px; width:calc(100% - 48px); right:24px; margin:auto; z-index:101; } .gdpr-y { position:relative; max-height:calc(100vh - 160px); background: #12110D; color:#FEF7E7; padding:24px 24px; text-align: center; overflow:hidden; box-shadow: 0 10px 30px rgba(2,2,3,.28); } .gdpr-close { position:absolute; top:0; right:0; background:url(../images/zavrit.svg); width:30px; height:28px; background-size:30px 28px; cursor:pointer; margin:24px; } .gdpr-nadpis { width:calc(100% - 80px) } .gdpr-text { text-align:left; margin-bottom:40px; padding-right:40px; max-width:902px; } .gdpr-text a { color: #FEF7E7; border-bottom:1px solid #FEF7E7; } .gdpr .button { color: #FEF7E7; margin-left:12px; cursor:pointer; padding: 0; text-shadow:none; text-transform:uppercase; font-weight: 600; } .gdpr-button { float:right; margin-top:20px!important; cursor:pointer} .gdpr-nastaveni { float:left; border-bottom:solid 2px #FEF7E7; cursor:pointer; margin-top:30px } .gdpr-odmitnout { margin-right:24px; } .overlay { display:none; position:fixed; width:100%; height:100vh; z-index:101; } .overlay-gdpr { top:0; background:rgba(0,0,0,0.75); } .gdpr-info { position:fixed; top:0; width:100%; max-width:500px; height:100%; right:-500px; background:#12110D; color:#FEF7E7; overflow-y:auto; z-index:100000000; } .gdpr-info-prostor { position: relative; width: 100%; padding:24px; min-height:calc(100% - 93px); } .gdpr-info-close { position:absolute; right:24px; margin-left:24px; width:40px; margin-top:16px; cursor:pointer; z-index:10000; transform: rotate(0deg); transition: .5s ease-in-out; pointer-events:auto; } .gdpr-info-close span { position:absolute; display:block; height:2px; width:100%; background:#FEF7E7; opacity:1; left:0; transition: width 0.25s ease-in-out, height 0.25s ease-in-out, left 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out; } .gdpr-info-close span:nth-child(1) { top: 0; left: 3px; transform: rotate(45deg);} .gdpr-info-close span:nth-child(2) { top: 0; left: 3px; transform: rotate(-45deg);} .gdpr-info hr { background:#FEF7E7; margin-top:10px; height:1px } .gdpr-info-nadpis { margin-top:20px; } .gdpr-subnadpis { margin:30px 0 20px 0 } .gdpr-info-uvod-text{ margin:24px 70px 30px 0; } .gdpr-info-polozka { background: #12110D; border-bottom:1px solid #FEF7E7; border-top:1px solid #FEF7E7; margin-bottom:16px } .gdpr-info-button { margin:0 0 30px 0 } .gdpr-info-checkbox input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:0; height:0; padding:0; outline: none; } .gdpr-info-checkbox input[type="checkbox"] + label { float:right; cursor:pointer; width:48px; height:24px; margin-top:20px; margin-right:20px; background:url(../images/checkbox.svg?rand=1); background-size:96px 24px; outline: none; } .gdpr-info-checkbox input[type="checkbox"]:checked + label { background-position: -48px } .gdpr-info-click { float:left; width:calc(100% - 135px); cursor:pointer; margin-bottom:18px} .gdpr-info-click-aktivni { width:calc(100% - 150px); } .gdpr-info-minus { display:none; float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; transform: rotate(-180deg); margin-top:20px } .gdpr-info-plus { float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; margin-top:20px; } .gdpr-info-cookies { float:left; width:calc(100% - 70px); margin:20px 0 0 20px;} .gdpr-info-vyp-zap { float:right; margin:24px 8px 0 0 } .gdpr-info-zap { display:none; } .gdpr-info-aktivni { float:right; margin-top:24px; margin-right:20px; color: #FEF7E7;} .gdpr-info-text { display:none; margin:10px 0 30px 0; padding:12px } .gdpr-info-text.font18 { line-height:1.35em } .gdpr-info hr { margin-bottom:16px } .gdpr-info-potvrdit { float:none; margin:50px auto 30px auto; width:180px; text-align:center;} .gdpr-souhlas-desktop { position: sticky; width:100%; height: 93px; bottom:0px; padding: 24px 0; background:#12110D; text-align:center; } .gdpr-info .button { margin-right:12px; cursor:pointer; padding:0; text-shadow:none; color:#FEF7E7 } .gdpr-prijmout2 { background:#FEF7E7; border:solid 1px #FEF7E7; color:#fff; margin-left:12px;} .gdpr-potvrdit { float:none; display:inline-block; font-weight: 600; } @media (hover: hover) and (pointer: fine) { .uline { position:relative; white-space: nowrap; --bottom: -0.07em; } .uline:before { background-color: currentColor; bottom: var(--bottom); content: ""; height: 0.07em; min-height: 1px; left: 0; position: absolute; right: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); } .uline:hover:before { transform: scaleX(1); transform-origin: left; } } .uline.active:before { transform: scaleX(1); transform-origin: left; }