#body { /*padding-top:3rem; 19.11. */ } #body .icon_scale { display:inline-block; position:relative; width:max-content; letter-spacing:0.08em; font-weight:normal; } #body .icon_scale:before { display:block; color:var(--gray); } #body .icon_scale:after { display:block; position:absolute; top:0; left:0; } #body .light_blue { background:var(--light); } #body .blue { background:var(--light2); } #body .light_orange { background:var(--light3); } #body .headline { color:var(--black); height:5rem; } #body .headline a { display:inline-block; line-height:5.25rem; height:5rem; padding:0 1em; z-index:3; position:relative; } #body .headline a#toggle_menu { display:none; float:right; } #body .headline nav { display:block; float:left; z-index:3; position:relative; margin-left:2rem; } #body .headline nav > a { color:var(--black); text-transform:uppercase; font-weight:bold; letter-spacing:0.05em; text-decoration:none; transition:color 0.3s; } #body .headline nav > a.admin { color:var(--blue1); } #body .headline nav > a:hover { color:var(--orange); } #body .headline > a { float:right; width:2.25rem; height:5rem; line-height:5rem; padding:0; overflow:hidden; text-align:center; transition:color 0.3s; } #body .headline > a:before { display:block; line-height:inherit; height:100%; width:100%; font-size:1.5rem; } #body .headline > a:hover { text-decoration:none; color:var(--orange); } #body .headline > a.logout { color:var(--blue1); text-align:right; width:2rem; margin-right:0.25rem; } #body .headline > a.logout:before { font-size:1rem; width:1.5rem; } #body .headline > a.profil { width:auto; padding:0 1rem; } #body .headline > a.profil:before { display:inline-block; width:auto; margin-right:0.5rem; vertical-align:top; } #body .headline nav:not(:empty) ~ a.profil { width:1.5rem; overflow:hidden; } #body .headline a.logo { display:block; float:left; height:2.5rem; line-height:2.5rem; width:13.75rem; padding:1.25rem 1rem; margin-left:2rem; text-transform:uppercase; font-size:1.5rem; mask:url('/img/Ostrovan-logo-horizont.svg') 1rem 50% no-repeat; mask-size:auto 2.5rem; background:var(--black); transition:background-color 0.3s; } #body .headline a.logo:hover { background-color:var(--orange); } #body #target_header { background:linear-gradient(var(--light),rgba(245,244,235,0)); background:var(--light); position:absolute; top:0; left:0; right:0; z-index:100; pointer-events:none; } /*#body #target_header:before { content:''; display:block; position:absolute; left:0; top:0; right:0; height:8rem; backdrop-filter:blur(0.5rem); mask: linear-gradient(black, black, transparent); z-index:1; pointer-events:none; } */ #body #target_header a { pointer-events:all; } #body #target_header ul.lang { display:block; width:auto; padding:1.75rem 1.5rem 1.25rem 0.5rem; float:right; position:relative; z-index:3; } #body #target_header ul.lang > li { display:inline-block; padding:0; margin:0 0 0 -1.5rem; transition:margin-left 0.3s; } #body #target_header ul.lang > li > a { display:block; height:1.5rem; padding:0; } #body #target_header ul.lang > li > a > img { display:block; width:1.5rem; height:1.5rem; margin:0 auto; } #body #target_header ul.lang > li:first-child { position:relative; z-index:2; margin-left:0 !important; } #body #target_header ul.lang:hover > li, #body #target_header ul.lang.hover > li { margin-left:1rem; } #target_content > nav { position:sticky; top:0; margin-top:0; left:0; background:var(--white); height:4rem; width:100%; z-index:1000; border-bottom:2px solid var(--blue1); text-align:right; } #target_content > nav a, #target_content > nav span { display:inline-block; height:2.5rem; line-height:3rem; padding:0.75rem 1rem; text-transform:uppercase; transition:color 0.3s; } #target_content > nav a:hover { text-decoration:none; color:var(--blue1); } #target_content > nav > a.home { display:block; float:left; width:3rem; padding:0.75rem 1rem; margin-left:2rem; ont-size:1.5rem; mask:url('/img/Ostrovan-logo-horizont.svg') 1rem 50% no-repeat; mask-size:auto 2.5rem; background:var(--black); transition:background-color 0.3s; } #target_content > nav > a.home:hover { background-color:var(--blue1); } #target_content > nav > span { display:block; float:left; padding:0; } #target_content > nav > span > a:after { content:'»'; display:inline-block; color:var(--black); margin:-0.1rem 0.5rem 0; pointer-events:none; } #target_content > nav > span > a, #target_content > nav > span > span { font-family:'roboto_slab'; font-size:1.5rem; font-weight:700; padding-left:0; padding-right:0; text-transform:none; } #target_content > nav > span > a { color:var(--brown1); } #target_content > nav > span > a:hover { color:var(--brown1); text-decoration:underline; } #target_content > nav > a:last-child { margin-right:2rem; } #target_footer { clear:both; margin-bottom:-2px; position:relative; } #target_footer .headline.black { background-color:var(--black); color:var(--white); height:auto; overflow:hidden; } #target_footer .headline.black a.logo { background:var(--orange); } #target_footer .headline.black a.logo:hover { background:var(--orange2); } #target_footer .headline.black nav { display:inline-block; width:max-content; float:none; padding:1.5rem 0; } #target_footer .headline.black nav > a { color:var(--white); display:block; height:2rem; line-height:2rem; } #target_footer .headline.black nav > a:hover { color:var(--blue1); } #target_footer .headline.black > div { display:block; float:right; padding-top:1rem; } #target_footer .headline.black > div > a { display:block; font-size:2rem; height:3rem; line-height:3rem; text-decoration:none; } /* #target_footer .black a.logo { display:block; float:left; height:2.5rem; line-height:2.5rem; padding:1.25rem 1rem; width:auto; margin-left:2rem; text-transform:uppercase; font-size:1.5rem; } #target_footer .black a.logo > img { display:block; height:2.5rem; margin:0; filter:invert(100); } #target_footer .black nav { display:block; float:left; } #target_footer .black nav > a { display:inline-block; line-height:5.25rem; height:5rem; padding:0 1.5em; z-index:3; position:relative; text-transform: uppercase; font-weight:bold; letter-spacing:0.05em; text-decoration:none; } #target_footer .black div { display:block; float:right; } */ #target_modal { position:fixed; left:50%; transform:translate(-50%,-100%); top:-1rem; width:max-content; max-width:80vw; padding:0 0 4.25rem; transition:transform 1s, top 1s; box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); z-index:10; background:var(--light); } #target_modal > h3 { display:block; padding:0.75rem 2rem; width:calc(100% - 4rem); margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #target_modal + main { transition:filter 1s, opacity 1s; } #target_modal.show { position:fixed; top:calc(50% + 1rem); transform:translate(-50%,-50%); } #target_modal.show + main { filter:blur(3px); opacity:0.3; pointer-events:none; } #target_modal #modal_wrapper { max-height:calc(100vh - 12rem); width:max-content; max-width:80vw; overflow:hidden; overflow-y:auto; padding:2rem 2rem 0; background:var(--white); box-sizing: border-box; } #target_modal a.button.cancel { position:absolute; bottom:0.5rem; left:2rem; margin:0; background:var(--negative) !important; } #target_modal input[type="submit"] { position:absolute; bottom:0.5rem; right:2rem; margin:0; background:var(--positive) !important;} /* COOKIES */ #target_cook { display:block; text-align:center; padding:40px; width:600px; max-width:90vw; max-height:90vh; overflow-y:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#d9dadb; z-index:3000; box-shadow:0 0.5em 1em rgba(0,0,0,0.5); } #target_cook h3 { text-align:left; margin-bottom:0; padding-top:0; } #target_cook p { text-align:left; } #target_cook > div { display:inline-block; text-align:left; width:25%; height:2.5em; line-height:2.5em; overflow:visible; margin-bottom:1em; } #target_cook > div > p { display:block; line-height:1.33em; } #target_cook:not(.vice_info) > div, #target_cook:not(.vice_info) > a.cook_mene, #target_cook:not(.vice_info) > input[type="submit"], #target_cook.vice_info > a.cook_set, #target_cook.vice_info > a.cook_vice { display:none; } #target_cook > a.cook_min { float:left; } #target_cook > a.cook_max { float:right; } #target_cook .button { margin:0; text-align:center; width:max-content; } #target_cook.vice_info > h3, #target_cook.vice_info > p { display:none; } #target_cook.vice_info > div { display:block; height:auto; width:100%; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label { width:100%; padding-left:0; font-weight:bold; font-size:1.33em; line-height:1.5em; height:1.5em; min-height:1.5em; padding:0.5rem 0 0.5rem 0; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:before, #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:after { left:auto; right:1px; top:0.5em; } #target_cook.vice_info > a.cook_max { float:left; margin-left:0; } #target_cook:empty { display:none !important; } #target_main { position:relative; min-height:calc(100vh - 7rem - 4.2rem); min-height:calc(100vh - 8rem); } #target_main .wrapper { padding:4rem 0; } #target_main .text_wrapper { width:65vw; padding:4rem; } #target_main .text_wrapper p a { color:var(--brown1); } #target_main .text_wrapper p + h2, #target_main .text_wrapper p + h3, #target_main .text_wrapper p + h4 { margin-top:4rem; } #target_main .text_wrapper + .text_wrapper { padding-top:0; } #target_main .block_wrapper { padding:4rem 3.2rem; margin:0 auto; } #target_main .line_wrapper { padding:2rem 6rem; margin:0 auto; max-width:51rem; } #target_main .small_wrapper { width:45rem; } #target_main .small_wrapper > h3 { margin-bottom:0; } #target_main .smaller_wrapper { width:56rem; } #form_login { max-width:18.75rem; margin-left:auto; margin-right:auto; padding-top:5rem; } #form_login.login > a { display:block; text-align:center; width:max-content; margin:0 auto; } #form_login > a.logo { margin:0 auto 2rem auto; } #form_login > a.logo > img { display:block; width:15rem; } #form_login label { padding:0; height:1.2rem; line-height:1.2rem; margin-bottom:0.25rem; } #form_login > input[type="submit"] { width:calc(100% - 2rem); } #form_login > a:before { padding-right:0.25em; } #form_login #user { margin-left:0; } #form_login.sign-in { max-width:none; width:max-content; } #form_login.sign-in > div { display:inline-block; } #form_login.sign-in > div + div { margin-left:1em; } #form_login.sign-in > div > label { display:block; width:100%; } #form_login.sign-in > div > input { display:block; } #form_login.sign-in > div > #reg_ico { width:5.25em; } #form_login.sign-in > div > #reg_dic { width:6.5em; } #form_login.sign-in > div > #reg_spolecnost { width:16.25em; } #form_login.sign-in > div > #reg_prijmeni { width:15.75em; } #form_login.sign-in > div > #reg_posta { width:19em; } #form_login.sign-in > div > #reg_ulice { width:14.75em; } #form_login.sign-in > div > #reg_mesto { width:10.25em; } #form_login.sign-in > div > #reg_psc { width:3em; } #form_login.sign-in > div > #reg_www { width:34em; } #form_login.sign-in > div > #reg_jmeno { width:4em; } #form_login.sign-in > div > #reg_heslo, #form_login.sign-in > div > #reg_heslo2 { width:4.5em; } #form_login.sign-in > div > #reg_telefon { width:calc(8em + 2px); } #form_login.sign-in > label[for="reg_souhlas"] { width:25rem; padding:0.175em 0 0.175em 2em; height:2.4em; } #form_login.sign-in > label[for="reg_souhlas"] > a { text-decoration:underline; } #form_login.sign-in > label[for="reg_souhlas"]:before, #form_login.sign-in > label[for="reg_souhlas"]:after { top:0.7em; } #form_login.sign-in input[type="submit"] { width:auto; } #target_main #ostrovy { display:block; position:relative; width:100vw; height:calc(100vh - 8.4rem); max-height:75vw; overflow:hidden; background:linear-gradient(var(--white), var(--green-sea) 33%); background:linear-gradient(var(--light) 5rem, var(--green-sea) 50%)} #target_main #ostrovy:before { content:' '; display:block; width:calc(100% + 128px); height:100%; position:absolute; top:0; left:0; background:url('../img/ostrovan-sum-128-v2.png') 50% 50% repeat; pointer-events:none; z-index:1; mix-blend-mode:multiply; } #target_main #ostrovy:after { content:''; display:block; position:absolute; left:0; top:4rem; right:0; height:10rem; backdrop-filter:blur(0.5rem); mask: linear-gradient(black, black, transparent); z-index:1; pointer-events:none; } #target_main #ostrovy > a { display:block; position:absolute; left:50%; top:50%; width:36vw; height:12vw; transform:translate(-50%,-50%); transition:0.5s left ease-in-out, 0.5s top ease-in-out, 0.5s width ease-in-out, 0.5s height ease-in-out, 0.5s filter; pointer-events:none; z-index:3; } #target_main #ostrovy > a:after { content:''; display:block; width:100%; height:0; pointer-events:none; } #target_main #ostrovy > a[data-ostrov="M"]:after { padding-bottom:45.38%; } #target_main #ostrovy > a[data-ostrov="C"]:after { padding-bottom:30.51%; } #target_main #ostrovy > a[data-ostrov="A"]:after { padding-bottom:33.79%; } #target_main #ostrovy > a > span[data-ostrov], #target_main #ostrovy > a > img { display:block; position:absolute; bottom:0; left:0%; width:10%; transition:0.5s all ease-out; filter:blur(0.1rem) contrast(0.5) brightness(1.3) hue-rotate(10deg); } #target_main #ostrovy > a > span[data-ostrov] > img { display:block; width:100%; pointer-events:all; cursor:pointer; } #target_main #ostrovy > a > span[data-ostrov]:before { content:attr(title); display:block; font-family:'roboto_slab'; position:absolute; left:50%; top:50%; font-size:0; z-index:10; white-space:nowrap; opacity:0; transition:opacity 0.3s, font-size 0.3s; transform:translate(-50%,-50%); } #target_main #ostrovy > a > span[data-ostrov="Mp"] { width: 17%; left: 74%; bottom: 23%; } #target_main #ostrovy > a > span[data-ostrov="Mp"] > img { clip-path:polygon(54.5% -2.7%,43.5% 9.2%,26.2% 7.7%,-0.7% 54.5%,0% 86.3%,29.6% 103.7%,57.8% 100%,63.2% 89.4%,101.6% 89.4%,111.5% 68.1%,108.2% 32.1%,87.3% 29.4%,77% 2.5%,69.4% 2.6%,65.6% -2.7%); } #target_main #ostrovy > a > span[data-ostrov="Mm"] { width: 63%; left: 22%; bottom: 0%; } #target_main #ostrovy > a > span[data-ostrov="Mm"] > img { clip-path:polygon(18.59% 7.78%, 11.19% 35.24%, 4.46% 50.36%, 2.97% 63.56%, -1.82% 78.01%, 7.1% 86.9%, 47.6% 104.1%, 67.73% 98.56%, 85.32% 84.64%, 100.28% 85.12%, 97.51% 66.94%, 87.94% 67.93%, 84.48% 55.15%, 76.58% 39.11%, 66.97% 33.49%, 62.98% 20.55%, 57.5% -1.37%, 49.8% -1.63%, 48.65% 2.45%, 46.6% -1.64%, 40.25% 20.91%, 34.63% -4.07%, 25.72% 13.24%); } #target_main #ostrovy > a > span[data-ostrov="Md"] { width: 35%; left: 70%; bottom:-22%; } #target_main #ostrovy > a > span[data-ostrov="Md"] > img { clip-path:polygon(9.9% 0%,0% 12.9%,6.3% 31.3%,18.1% 33.2%,47.8% 55.8%,59.6% 71.5%,80.8% 90.4%,92.9% 95.2%,100.6% 92%,91.8% 66.4%,60.2% 41.8%,54.5% 43.7%,47.5% 24.6%,20.7% 2.7%,9.9% 0%); } #target_main #ostrovy > a > span[data-ostrov="Cg"] { width: 29%; left: 43%; bottom: -2%; } #target_main #ostrovy > a > span[data-ostrov="Cg"] > img { clip-path:polygon(37.7% -0.8%,33.6% 7%,28.5% 13.5%,25% 14.2%,23.3% 23.7%,22.1% 24.9%,20.9% 17.9%,19.3% 18.3%,14.6% 27.9%,9.7% 48.4%, 4.1% 51.6%,1.3% 62.8%,6.9% 78.3%,29.4% 94.1%,50.9% 98.9%,63.2% 92.7%,81.8% 84.5%,98.5% 73.5%,98.5% 58.4%,92.2% 49.4%,85.5% 46.9%,73% 18.8%,68.5% 11.8%, 57.7% 4.8%,54.1% 4.5%,46.6% -1.3%,40.9% 4.7%); } #target_main #ostrovy > a > span[data-ostrov="Ct"] { width: 38%; left: 31%; bottom: 30%; } #target_main #ostrovy > a > span[data-ostrov="Ct"] > img { clip-path:polygon(48.3% -0.1%,44.3% 14%,39.8% 23.8%,37.8% 27.1%,35.7% 27.1%,32.8% 32.3%,30.8% 28.4%,29.2% 28.4%,26% 34.4%,25% 32.7%,22.2% 33.2%,16.6% 41.7%,16.6% 44.8%,13.4% 52.5%,9.8% 58.5%,5.6% 59.2%,2.4% 68.1%,4% 78.1%,12.8% 92.4%,22.3% 93.7%,27.5% 96.5%,57.8% 97%,76.4% 87.4%,86% 66.8%,92.9% 67.3%,98% 59.5%,97% 46.6%,91.3% 44.7%,85.9% 33.2%,84.5% 35.1%,83.4% 28.2%,82.4% 29%,81.6% 30.8%,80.6% 28.4%,80.2% 24.5%,79% 24.9%,74.1% 31.7%,71.2% 31.1%,69.9% 29.3%,64.2% 26.2%,62.9% 21.7%,60.4% 22.1%,59.4% 15.4%,58.1% 13.5%,55.7% 14.7%,54.1% 13.1%,50.9% -0.1%); } #target_main #ostrovy > a > span[data-ostrov="Cl"] { width: 21%; left: 79%; bottom: 54%; } #target_main #ostrovy > a > span[data-ostrov="Cl"] > img { clip-path:polygon(47.5% 7%,40.1% 23.9%,34.9% 20.8%,31.1% 29.6%,11.8% 35.5%,2.9% 58.6%,7.5% 82.8%,33.7% 95.1%,48.6% 88.4%,90.1% 62.7%,97.2% 37.5%,94.8% 17.7%,83.3% 7%,66.4% 8.1%,62.3% 14.9%,53.6% 7%); } #target_main #ostrovy > a > span[data-ostrov="Cf"] { width: 32%; left: 75%; bottom: 23%; } #target_main #ostrovy > a > span[data-ostrov="Cf"] > img { clip-path:polygon(32.4% 17.4%,28.3% 44.7%,27.2% 33.9%,25.3% 34.1%,22.9% 50%,21.2% 50%,20.6% 46.2%,19.3% 46.6%,17.1% 52.7%,6.1% 60.6%,3% 68.4%,4% 86.6%,10.8% 92.4%,36.9% 92.4%,60.1% 66.5%,95.2% 52.7%,100% 30.5%,95.6% 14.5%,83.9% 14.5%,76.9% 0.1%,74.5% 3.6%,72.9% 0%,69.9% 0%,65.6% 14.6%,64% 8.2%,60.6% 9.3%,55.7% 26.2%,48.5% 26%,46.2% 16.6%,44.9% 17.4%,43.3% 22.1%,41% 18.4%,40% 19%,38.1% 24.9%,37.2% 20.1%,36.1% 20.2%,35.5% 24.3%,34.2% 16.7%); } #target_main #ostrovy > a > span[data-ostrov="Cp"] { width: 17%; left: 18%; bottom: 30%; } #target_main #ostrovy > a > span[data-ostrov="Cp"] > img { clip-path:polygon(30.3% -0.1%,25.2% 8%,15.3% 45.1%,6.4% 49.3%,4% 64.6%,13.7% 80.9%,48.9% 97.3%,85.6% 84.2%,97.7% 67.8%,93.9% 46.8%,80.5% 44%,73.5% 28.1%,66.7% 21.4%,61% 6.5%,57.4% 6.4%,55.4% 10.9%,44.7% -0.1%,39% -0.1%,37.2% 1.3%,35.3% -0.1%); } #target_main #ostrovy > a > span[data-ostrov="Cm"] { width: 14%; left: 14%; bottom: 51%; } #target_main #ostrovy > a > span[data-ostrov="Cm"] > img { clip-path:polygon(49.3% 0%,37.2% 12.1%,23.2% 35.3%,14.2% 40.1%,8.2% 59.3%,8.2% 74.6%,28% 91.7%,55.8% 91.7%,85.5% 76.9%,94.5% 68.7%,94.5% 45.8%,85.7% 34.8%,75.3% 30.7%,64.3% 7.8%,56.9% -0.8%); } #target_main #ostrovy > a > span[data-ostrov="Ch"] { width: 21%; left: -6%; bottom: 26%; } #target_main #ostrovy > a > span[data-ostrov="Ch"] > img { clip-path:polygon(43.3% 2.1%,41% 2.1%,37.3% 8.7%,28.9% 15.4%,23.3% 30.3%,17.1% 36.4%,14% 44.5%,9% 46.8%,5.2% 58.5%,3.2% 68.2%,7.9% 85.7%,20.4% 89.1%,38.5% 89.1%,52.8% 95.6%,62% 94%,73.4% 73.8%,93.3% 55.3%,98.7% 34.4%,91.3% 17.1%,71.4% 16.1%,68% 0%,64.3% 0%,61.3% 6.9%,57.9% 1.8%,55.8% 1.8%,53.5% 7.7%,49% 6.5%,46.6% 10.1%); } #target_main #ostrovy > a > span[data-ostrov="Am"] { width: 46%; left: 60%; bottom: 5%; } #target_main #ostrovy > a > span[data-ostrov="Am"] > img { clip-path:polygon(0% 61.1%,4% 45%,8.4% 44.4%,10.4% 31.9%,12.4% 34.5%,17.4% 15.4%,20.3% 18.7%,24.5% 44.2%,26% 39.5%,26.5% 39.5%, 29.5% 50.8%,33.8% 45.6%,38.9% 55.1%,41.3% 52%,43.7% 51.8%,45.3% 38.2%,46.3% 37.9%,46.7% 42.6%,49.2% 34.8%,52.1% 14.5%,53% 14.7%,55.1% 25.3%,55.9% 17%,58% 10.6%,59.1% 11.7%,59.5% 17.6%,60.8% 18.4%,66.1% 27.5%,70.6% 18.5%,72% 19.5%,78.9% 0%,81.6% 0%,83.6% 14.6%,85.1% 8.7%,86.2% 12.7%,87.8% 12.6%, 91.9% 39.9%,97.7% 48%,99.1% 61.1%,98.1% 79.8%,77.7% 89.4%,49.1% 96.3%,40.5% 99.2%,28% 95%,8.7% 87.3%,0.8% 73.3%); } #target_main #ostrovy > a > span[data-ostrov="Ap"] { width: 44%; left: 16%; bottom: 10%; } #target_main #ostrovy > a > span[data-ostrov="Ap"] > img { clip-path:polygon(31.4% -0.2%,28% 24.5%,26.5% 28.1%,24.6% 35.8%,21.3% 41.5%,16.6% 45.7%,13.9% 49.7%,6.7% 51.7%,1.4% 61%,2.9% 83.3%,13.7% 92.7%,30.4% 94.6%,54% 90.8%,63.9% 94.6%,75.7% 86%,89% 86.7%,98.5% 71.9%,96.8% 54.4%,91% 47.9%,85.2% 48.1%,83% 43.5%,79.8% 41%,78.7% 36.2%,74.2% 33.5%,72.2% 30.1%,64.7% 30.1%,63.1% 28.1%,61% 30%,57.7% 26.5%,55.5% 31.7%,52.5% 30.4%,49.6% 30.3%,45.4% 25.9%,42.6% 29.4%,39.6% 28%,35.5% 12.9%,34.2% 0%); } #target_main #ostrovy > a > span[data-ostrov="At"] { width: 24%; left: 50%; bottom: 30%; } #target_main #ostrovy > a > span[data-ostrov="At"] > img { clip-path:polygon(43.4% 0%,41% 10.9%,36.5% 15.3%,35.1% 22.9%,25.9% 22.9%,21.1% 29.6%,16.4% 41.6%,8.7% 43.1%,3.7% 61.5%,6.5% 83.9%,16.9% 91%,70.2% 93.2%,95.5% 76.4%,97.9% 54.7%,93.8% 39.4%,81.4% 37.5%,77.3% 24.3%,71.2% 20.1%,66.3% 20.2%,62.2% 19.2%,59.2% 20.7%,54.1% 6.5%,50% 12.3%,47.5% 0%); } #target_main #ostrovy > a > span[data-ostrov="Aj"] { width: 30%; left: 29%; bottom: 34%; } #target_main #ostrovy > a > span[data-ostrov="Aj"] > img { clip-path:polygon(42% 0%,34.5% 6.3%,31.4% 18.5%,25.7% 18.5%,23.5% 12.6%,19.1% 13%,6.4% 32.4%,0% 62.9%,6.8% 83.6%,38.2% 92.8%,89% 94.1%,100.7% 64.4%,96.5% 34.4%,77.4% 23.6%,76.3% 15.4%,71.9% 15.4%,67.7% 3.2%,64.7% 15.3%,58.3% 15%,53.6% 24.3%,44.4% -1.1%); } #target_main #ostrovy > a > span[data-ostrov="Ai"] { width: 20%; left: 4%; bottom: 23%; } #target_main #ostrovy > a > span[data-ostrov="Ai"] > img { clip-path:polygon(47.8% -2.7%,31.5% 26.5%,27.9% 26.5%,26.6% 22.5%,23.3% 22.9%,8.1% 38.6%,2.5% 47.8%,3.9% 75.6%,33.7% 96.6%,68% 96.6%,93.9% 84.5%,108.5% 57.9%,105.2% 27.7%,94.5% 26.5%,91.3% 16.6%,86.9% 16.9%,84.9% 9.1%,78.1% 9.2%,69.2% 14.2%,60.8% -2.7%); } #target_main #ostrovy > a > span[data-ostrov="As"] { width: 22%; left: 93%; bottom: 0%; } #target_main #ostrovy > a > span[data-ostrov="As"] > img { clip-path:polygon(43.4% 0%,41% 10.9%,36.5% 15.3%,35.1% 22.9%,25.9% 22.9%,21.1% 29.6%,16.4% 41.6%,8.7% 43.1%,3.7% 61.5%,6.5% 83.9%,16.9% 91%,70.2% 93.2%,95.5% 76.4%,97.9% 54.7%,93.8% 39.4%,81.4% 37.5%,77.3% 24.3%,71.2% 20.1%,66.3% 20.2%,62.2% 19.2%,59.2% 20.7%,54.1% 6.5%,50% 12.3%,47.5% 0%); } #target_main #ostrovy > a > span[data-ostrov="Ag"] { width: 13%; left: 17%; bottom: 36%; } #target_main #ostrovy > a > span[data-ostrov="Ag"] > img { clip-path:polygon(47.8% -3.3%,11.5% 14.6%,0.6% 56.2%,20.2% 92.5%,79.3% 98.6%,101.3% 84.2%,111.5% 50%,94.5% 11.3%); } #target_main #ostrovy > a > span[data-ostrov="Af"] { width: 19%; left: -14%; bottom: 42%; } #target_main #ostrovy > a > span[data-ostrov="Af"] > img { clip-path:polygon(44.9% 0%,35.1% 15.9%,30.3% 27%,22.9% 33.5%,19.1% 34.2%,15.6% 46.6%,14.2% 47.6%,12.2% 53.6%,10.2% 53.6%,6.5% 66.8%,5% 76.9%,19.3% 76.9%,20.9% 73%,23.3% 76%,32.7% 76.9%,34.1% 73.3%,37.7% 76.9%,39.7% 72.3%,41% 75%,52.6% 74.9%,51.4% 71.3%,59.2% 68.7%,61.7% 62%,71.3% 56.2%,71.3% 48.3%,76.3% 46.5%,77.8% 49.2%,80.2% 49.2%,80.2% 45.4%,78.4% 43.7%,79.4% 41.7%,92.7% 39.2%,94.6% 37.3%,93.1% 32.4%,85.6% 32.4%,81.9% 15%,77.3% 7%,71.8% 7.3%,68.5% 3.7%,56.9% 2%,54.1% 0%); } #target_main #ostrovy > a > span[data-ostrov="Ac"] { width: 8%; left: -14%; bottom: 53%; } #target_main #ostrovy > a > span[data-ostrov="Ac"] > img { clip-path:polygon(29.5% 2%,26.8% 4.6%,21% 33.6%,15.9% 51.3%,17.6% 54.3%,24.4% 54.3%,19.9% 58.8%,20.1% 62%,21.4% 64.1%,28.3% 64.1%,38.1% 59.4%,47.5% 56.8%,56.2% 58.5%,63.7% 53.6%,66.5% 56.2%,73.3% 54.7%,81.6% 51.3%,84.6% 43.4%,76.1% 26.8%,67.3% 11.4%,53.7% 1%,46.2% 2.4%,40% 4.2%,33.8% 2%); } #target_main #ostrovy > a > svg { display:block; font-size:2rem; width:12.5em; height:2.5em; position:absolute; left:50%; bottom:-2em; margin-left:-6.25em; transition:opacity 0.3s, transform 0.7s, bottom 0.7s, margin-left 0.7s; } #target_main #ostrovy > a > svg > path { fill:transparent; stroke:none; pointer-events:all; cursor:pointer; } #target_main #ostrovy > a > svg > text { font-family:'roboto_slab'; font-size:16px; } #target_main #ostrovy > a[data-ostrov="M"] > svg { width:15em; margin-left:-7.5em; } #target_main #ostrovy > a:hover > span { filter:blur(0); } /* #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:hover, #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov].selected { filter:blur(0) brightness(1.5); } #target_main #ostrovy[data-ostrov="C"] > a[data-order="0"] > span[data-ostrov]:hover, #target_main #ostrovy[data-ostrov="C"] > a[data-order="0"] > span[data-ostrov].selected { filter:blur(0) drop-shadow(0 0.5rem 1rem #fff); } #target_main #ostrovy > a[data-ostrov="C"] > svg { margin-left:-8.25rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"][data-ostrov="C"] > svg { margin-left:-6.25rem; } */ /* dekorace */ #target_main #ostrovy > a > img { display:block; position:absolute; bottom:0; left:0%; width:10%; opacity:1; pointer-events:all; cursor:pointer; } #target_main #ostrovy > a > img.velryba { width:29%; left:-1%; bottom:-3%; } #target_main #ostrovy > a > img.velryba.vodotrysk { width:20%; left:10%; bottom:2%; opacity:0.5; } #target_main #ostrovy > a > img.motyl { width:5vw; left:37%; bottom:73%; height:4vh; transform:translate(-50%,-50%); transition:bottom 3s; object-fit:contain; } #target_main #ostrovy > a > img.jesterka { width:11%; left:57%; bottom:-2%; transform:translateY(-18%); } #target_main #ostrovy > a > img.mrak { opacity:0.85; animation:ease-in-out 40s infinite mraceni; } #target_main #ostrovy > a > img.mrak_M1 { width:30%; left:10%; bottom:34%; animation-delay:0s; } #target_main #ostrovy > a > img.mrak_M2 { width:25%; left:42%; bottom:45%; animation-delay:2s; } #target_main #ostrovy > a > img.mrak_C1 { width:24%; left:55%; bottom:68%; animation-delay:0s; } #target_main #ostrovy > a > img.mrak_C2 { width:23%; left:-5%; bottom:67%; animation-delay:2s; } #target_main #ostrovy > a > img.mrak_C3 { width:11%; left:28%; bottom:77%; animation-delay:4s; } #target_main #ostrovy > a > img.mrak_A1 { width:25%; left:20%; bottom:46%; animation-delay:0s; } #target_main #ostrovy > a > img.mrak_A2 { width:22%; left:60%; bottom:25%; animation-delay:2s; } #target_main #ostrovy > a > img.mrak_A3 { width:11%; left: 2%; bottom:58%; animation-delay:4s; } #target_main #ostrovy:before { animation:linear 10s infinite more; } @keyframes more { 0% { margin-left: 0; } 100% { margin-left: -128px; } } @keyframes mraceni { 0% { margin-left: 0%; } 10% { margin-left: -8%; } 15% { margin-left: -6%; } 25% { margin-left:-11%; } 35% { margin-left: -4%; } 40% { margin-left: -7%; } 55% { margin-left: 3%; } 60% { margin-left: 7%; } 70% { margin-left: 5%; } 75% { margin-left: 10%; } 85% { margin-left: 3%; } 95% { margin-left: -2%; } 100% { margin-left: 0%; } } /* hover */ #target_main #ostrovy[data-ostrov=""] > a:hover, #target_main #ostrovy:not([data-ostrov=""]) > a:not([data-order="0"]):hover, #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:hover, #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov].selected { filter:blur(0) brightness(0.8) contrast(1.75); } /* nejaky ostrov je vybrany */ #target_main #ostrovy > .hint { position:absolute; top:7rem; left:0; right:0; text-align:center; z-index:10; pointer-events:none; transition:opacity 0.3s; } #target_main #ostrovy > .hint h2 { font-size:1.75rem; line-height:1em; margin:0 auto 0.5rem; } #target_main #ostrovy > .hint h3 { font-family:inherit; font-size:1.1rem; text-transform:uppercase; font-weight:400; } #target_main #ostrovy > .hint a.edit { pointer-events:all; } #target_main #ostrovy > .hint > h3.oblast { display:none; } #target_main #ostrovy > .hint > h3.ostrov { display:block; } #target_main #ostrovy:not([data-ostrov=""]) > a > svg { transform:scale(50%); } #target_main #ostrovy:not([data-ostrov=""]):not([data-ostrov="M"]):not([data-ostrov="A"]):not([data-ostrov="C"]) > .hint { opacity:0; } #target_main #ostrovy[data-ostrov=""] > .hint > h3.ostrov { display:none; } #target_main #ostrovy[data-ostrov=""] > .hint > h3.oblast { display:block; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > img { pointer-events:none; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:before { opacity:0.8; font-size:0.8rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:hover:before { font-size:1rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov].selected:before { font-size:1rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > svg { transform:none; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > img.motyl { bottom:39%; transition:bottom 0.5s ease-in; } /* pozice souostrovi */ #target_main #ostrovy > a[data-order="0"] { left:50vw; top:60%; z-index:10; cursor:default; } #target_main #ostrovy > a[data-order="1"] { left:25vw; top:25%; } #target_main #ostrovy > a[data-order="2"] { left:75vw; top:25%; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] { width:60vw; height:30vw; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="1"], #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="2"] { width:30vw; height:10vw; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"][data-ostrov="C"] { height:25vw; } /* animace prostredniho (~vybraneho) ostrova */ #target_main #ostrovy > a[data-order="0"] > img, #target_main #ostrovy > a[data-order="0"] > span { filter:blur(0); transition:0.3s all ease-out; } #target_main #ostrovy > a[data-order="0"]:before { font-size:3rem; top:100%; transition:0.5s font-size ease-out;} #target_main #ostrovy > a[data-order="0"] { transition:0.5s left ease-in, 0.5s top ease-out, 0.5s width ease-in, 0.5s width ease-in, 0.5s height ease-in, 0.5s filter; } #target_main #ostrovy > a[data-prev="0"] { transition:0.5s left ease-out, 0.5s top ease-in, 0.5s width ease-out, 0.5s width ease-in, 0.5s height ease-in, 0.5s filter; } /* neni vybrany zadny ostrov */ #target_main #ostrovy[data-ostrov=""] > a { top:30%; } #target_main #ostrovy[data-ostrov=""] > a > img, #target_main #ostrovy[data-ostrov=""] > a > span { filter:blur(0); } #target_main #ostrovy[data-ostrov=""] > a[data-order="0"] { top:60%; transition:0.5s left ease-in, 0.5s top ease-in, 0.5s width ease-in, 0.5s height ease-in, 0.5s filter; } #target_main #ostrovy[data-ostrov=""] > a[data-order="0"]:before { font-size:1.5rem; } #target_main #ostrovy[data-ostrov=""] > a > svg { transform:scale(60%); } #target_main #ostrovy[data-ostrov=""] > a, #target_main #ostrovy > a[data-order="1"], #target_main #ostrovy > a[data-order="2"] { pointer-events:all; cursor:pointer; border-radius:4rem; } /* na šířku, široké alespoň 133vh */ @media (min-aspect-ratio:4/3){ /* #target_main #ostrovy { background:linear-gradient(var(--white), #f00); } */ #target_main #ostrovy > a { width:50vh; height:16.6vh; } #target_main #ostrovy > a[data-order="0"] { top:calc(55vh - 3rem); } #target_main #ostrovy > a[data-order="1"], #target_main #ostrovy > a[data-order="2"] { top:30vh; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="1"], #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="2"] { top:20vh; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] { width:90vh; height:45vh; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"][data-ostrov="C"] { height:37.5vh; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="1"], #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="2"] { width:45vh; height:15vh; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="1"][data-ostrov="C"], #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="2"][data-ostrov="C"]{ height:12.5vh; } /* #target_main #ostrovy[data-ostrov="M"] > a[data-order="0"] { top:60%; } */ } @media (min-aspect-ratio:87/78){ #target_main .homepage_first h1 { /*margin-top:-3rem;*/ } } /* HOMPEAGE */ #target_main .homepage_first > .wrapper:not(.admin_wrapper) { width:70rem; } /* #target_main .homepage_first p { display:inline-block; font-size:1.25rem; width:20rem; padding-top:0.5rem; border-top:2px solid var(--brown1); margin-bottom:2rem; } #target_main .homepage_first p + p { margin-left:4.5rem; } */ .medailonek { text-align:center; padding:4rem 0; } .medailonek > img { display:inline-block; vertical-align:middle; width:25rem; height:25rem; border-radius:12.5rem; } .medailonek > figcaption { display:inline-block; vertical-align:middle; width:28rem; margin-left:4.5rem; text-align:left; } .medailonek > figcaption > h2 { margin-bottom:1rem; } .medailonek > figcaption > p { font-size:1.25rem; } #body .trosecnik { width:calc(100% - 18rem); width:calc(100% - 4rem); } #body .trosecnik > h2 { text-align:center; } #body .trosecnik > article { display:inline-block; width:calc(33.33% - 1.334rem); margin:0 0 2rem 2rem; } #body .trosecnik > article:nth-child(3n-1) { margin-left:0rem; } #body .trosecnik > article > h4 { font-weight:bold; margin:0 1.2rem 1.2rem; padding-top:1.2rem; border-top:1.5px solid var(--blue1); } #body .trosecnik > article > p { font-size:1.1rem; margin:0 1.2rem; } /* KONZULTACE */ #target_main .banner { display:block; width:100vw; max-height:calc(100vh - 10rem); position:relative; } #target_main .banner > img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } #target_main .banner > div { position:relative; z-index:2; width:65vw; padding:12rem 0; margin:0 auto; color:#fff; } #target_main .banner > div > h1 { font-size:6.66rem; line-height:1em; margin:0 0 2rem 0; text-shadow:0 0 2rem rgba(0,0,0,0.4); } #target_main .banner > div > h3 { font-size:2rem; text-shadow:0 0 2rem #000; } #target_main .banner.konzultace > div > h3 { width:44.4rem; } /* banner v2 - scrolfixed */ #target_main .banner[style] { background:url('/img/zajezdy.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; } #target_main .banner[style] > img { display:none; } #target_main .banner[style].kubista { background-position:66% 0; } #target_main aside { display:block; float:right; position:sticky; top:6rem; padding:1.2rem; width:21rem; margin:4rem 4rem 4rem 0; background:var(--white); } #target_main aside > img { display:block; width:calc(100% + 2.4rem); margin:-1.2rem -1.2rem 1.2rem; } #target_main aside > div { } #target_main aside > div > em { display:inline-block; width:8.2rem; color:var(--gray); font-style:normal; font-size:1.1rem; font-weight:500; } #target_main aside > div > strong, #target_main aside > div > mark { display:inline-block; background:none; font-size:inherit; width:12.8rem; text-align:right; padding:0; margin:0 0 1.5rem 0; } #target_main aside > div > mark { color:var(--orange); font-size:1.5rem; line-height:1.1rem; font-weight:bold; } #target_main aside > hr { border-bottom:2px solid var(--light); width:calc(100% + 2.4rem); margin:1.2rem -1.2rem 1.2rem; } #target_main aside > a.button { display:block; width:max-content; margin:0 auto; } #target_main aside > p, #target_main aside > ul > li { font-weight:500; line-height:1.25rem; margin-bottom:1rem; } #target_main aside > ul > li::marker { color:var(--blue2); } #target_main aside > ul { padding-left:1rem; } #target_main aside > form > input { margin-left:0; display:block; } #target_main aside > form > textarea { line-height:1.2rem; padding-top:0.9rem; padding-bottom:0.9rem; min-height:1.2rem; height:1.2rem; resize:vertical; } #target_main aside > form > small { display:block; font-size:0.8rem; line-height:1rem; margin-bottom:1rem; } #target_main aside.konzultace { top:-16rem; } #target_main aside + .wrapper { width:45.6rem; padding-right:26.4rem; } #body .wrapper.konzultace p { margin-bottom:3rem; } #target_main div.loga { text-align:center; padding:3.2rem; padding-bottom:1rem; background:var(--white2); } #target_main div.loga > a { display:inline-block; vertical-align:middle; margin:1rem; background:var(--body); } #target_main div.loga > a > img { display:block; max-width:8rem; max-height:4rem; mix-blend-mode:luminosity; opacity:0.6; transition:opacity 0.3s; } #target_main div.loga > a > img[src*='svg'] { height:4rem; object-fit:contain; } #target_main div.loga > a[href]:hover > img { opacity:1; mix-blend-mode:normal; } #target_main div.loga > a.inspira > img { margin-top:-1.5rem; } /* #target_main #breadcrumbs { display:block; } #target_main #breadcrumbs > h3, #target_main #breadcrumbs > h1 { display:inline-block; vertical-align:baseline; margin-bottom:0.5rem; } #target_main #breadcrumbs > h1 > a:hover, #target_main #breadcrumbs > h3 > a:hover { text-decoration:none; color:var(--blue1); } #target_main #breadcrumbs > h3:after { content:'»'; display:inline-block; color:var(--black); margin:-0.1rem 0.5rem 0;} #target_main #antibread { position:absolute; right:3.2rem; top:4.75rem; text-align:right; width:16rem; } #target_main #antibread > strong { display:block; margin-bottom:1rem; } #target_main #antibread > a { display:inline-block; font-size:0.8rem; white-space:nowrap; margin-left:0.5rem; } #target_main #antibread > a.souostrovi { font-size:1rem; } #target_main .intro_wrapper p { width:calc(100% - 18rem); } */ /* #target_main .lokalita_wrapper { background:var(--white); } #target_main .lokalita_wrapper > article { display:block; columns:3; column-gap:2rem; } #target_main .lokalita_wrapper > article > img { display:block; margin:0 0 2rem 0; width:100%; } #target_main .lokalita_wrapper > article > div { break-inside:avoid; margin-bottom:2rem; } #target_main .lokalita_wrapper > article > div.nazor { padding:1.2rem; background:var(--light); } */ /* STRANKA OSTROVA */ #target_content article h1 { font-size:2.25rem; } #target_content article h3 { font-size:1.833rem; } #target_content article p { font-size:1.125rem; } #target_content article h1 + nav { margin-top:-1.5rem; margin-bottom:1.5rem; } #target_content article h1 + nav > a { display:inline-block; color:var(--brown1); font-size:1.25rem; } #target_content article h1 + nav > a:before { content:' ~ '; display:inline-block; pointer-events:none; color:var(--black); padding:0 0.25rem; } #target_content article h1 + nav > a:first-child:before { display:none; } #target_content div.galerie { position:relative; overflow-x:hidden; } #target_content div.galerie > a { display:block; width:100%; } #target_content div.galerie > a > img { display:block; width:100%; } #target_content div.galerie > div { display:block; margin-top:0.25rem; white-space:nowrap; } #target_content div.galerie > div > a { display:inline-block; height:100%; } #target_content div.galerie > div > a > img { display:block; height:100%; } #target_content div.galerie > div > a + a { margin-left:0.25rem; } #target_main div.nazor { background: url('/img/ostrovan-face.svg') 0 50% no-repeat; background-size:13rem auto; padding:8rem 0 8rem 15rem; width:max-content; margin:0 auto; } #target_main div.nazor > div { border:1px solid var(--blue2); border-radius:1.5rem; padding:2rem; position:relative; max-width:36rem; min-height:2.4rem; background:#fff; } #target_main div.nazor > div:before { content:''; position:absolute; top:50%; left:-3rem; width:3rem; height:2rem; background:url('/img/ostrovan-face-arrow.svg') 0 0 no-repeat; background-size:132.1px auto; } #target_main div.nazor > div > p:last-child { margin-bottom:0; } #target_main div.nazor > div > h2, #target_main div.nazor > div > h3, #target_main div.nazor > div > h4 { margin-bottom:1rem; color:var(--brown1); } /* #target_main .konzultace_wrapper { background:var(--light); position:relative; } #target_main .konzultace_wrapper > ul { display:block; margin-bottom:2rem; padding-right:17rem; } #target_main .konzultace_wrapper > ul > li { position:relative; display:block; font-size:1.5rem; line-height:1.25em; padding-left:1.8rem; margin-bottom:1rem; } #target_main .konzultace_wrapper > ul > li:before { content:'~'; display:block; position:absolute; left:0; top:0; font-size:2rem; line-height:1.8rem; color:var(--blue2); background:none; border-radius:0; } #target_main .konzultace_wrapper > img { display:block; object-fit:cover; position:absolute; left:50%; top:50%; margin-top:-7.5rem; margin-left:21rem; width:15rem; height:15rem; border-radius:10rem; } #target_main .balicky_wrapper { background:var(--white); } #target_main .epruvodce_wrapper { background:var(--light); } #target_main .epruvodce_wrapper > img { height:18rem; float:left; margin-right:3.2rem; shape-outside:polygon(50% 0, 89.81% 81.7%, 50.57% 105.12%, 0 105.95%); } */ /* #target_main .boxes_wrapper { text-align:center; padding-left:0; padding-right:0; } #target_main .boxes_wrapper > div { display:inline-block; width:21rem; background:var(--light); padding:2.5rem 1.5rem; margin-bottom:3rem; } #target_main .boxes_wrapper > div + div { margin-left:3rem; } #target_main .boxes_wrapper > div > h2 { height:2.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #target_main .boxes_wrapper > div > p { margin-bottom:2rem; min-height:6rem; font-weight:300; } */ #target_main .boxes_wrapper { } #target_main .boxes_wrapper > h2 { margin-left:40%; } #target_main .boxes_wrapper > div { display:block; position:relative; padding:2.5rem 1.5rem 2.5rem 40%; margin-bottom:3rem; background:var(--light); } #target_main .boxes_wrapper > div:before { display:block; font-size:10rem; line-height:1em; height:1em; position:absolute; top:50%; right:65%; margin-top:-0.5em; color:var(--blue2); } #target_main .boxes_wrapper > div a[name]:empty { margin-top:-9rem; } #target_main .boxes_wrapper > div > h2 { /*height:2.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ } #target_main .boxes_wrapper > div > ul { margin-bottom:2rem; } #target_main .boxes_wrapper > div > ul > li { max-width:32rem; margin-bottom:0.25rem; } #target_main .text_wrapper.proc_wrapper h2 { margin-bottom:1rem; margin-top:2rem; } #target_main ul.ikony { max-width:76rem; margin:0 auto; } #target_main ul.ikony > li { display:inline-block; position:static; padding:0; width:11.5rem; margin:0 7rem 6rem; text-align:center; } #target_main ul.ikony > li:before { display:block; position:static; width:auto; height:auto; border-radius:none; background:none; font-size:5rem; line-height:6rem; color:var(--blue2); } #target_main ul.ikony > li.icon-letadlo:before { font-size:6rem; } #target_main ul.ikony > li.icon-pojisteni:before { font-size:4rem; } #target_main ul.ikony > li.icon-ubytovani, #target_main ul.ikony > li.icon-doprava { width:16rem; margin-left:4.25rem; margin-right:4.25rem; } #target_main form.full { display:block; text-align:center; max-width:52rem; } #target_main form.full label { display:inline-block; width:8rem; text-align:left; margin-left:0; } #target_main form.full input:not([type="submit"]), #target_main form.full textarea, #target_main form.full select { display:inline-block; width:calc(100% - 18rem); margin-right:7rem; border-left:none; border-right:none; border-top:none; } #target_main form.full select { width:calc(100% - 19rem); } #target_main form.full input.invalid, #target_main form.full textarea.invalid { box-shadow:none; border-bottom-color:var(--negative); } #target_main form.full h3#zajezd_cena { display:inline-block; line-height:3rem; width:calc(100% - 38rem); text-align:right; margin-right:2rem; } #target_main form.full input.button.cta { width:11rem; margin:-0.2rem 0 1rem 0; } #target_main form#form_zajezd input.button.cta { margin-right:0; } #target_main form > .form_text { margin:-1rem auto 1rem; } #target_main form > .form_predmet:empty, #target_main form > .form_text:empty { display:none; } #target_main form.error > .form_predmet, #target_main form.error > .form_text { color:var(--negative); } #target_main form.success > .form_predmet, #target_main form.success > .form_text { color:var(--orange); } #target_main form.success > input.button.cta { display:none; } /* 80rem - (5 * 2.4rem) / 4 = */ #target_main .zajezdy_wrapper { width:calc(100% - 6.4rem); padding:4rem 3.2rem; background:var(--light); overflow:hidden; margin-bottom:0.25rem; } #target_main .zajezdy_wrapper > nav { float:right; } #target_main .zajezdy_wrapper > nav > a { text-decoration:none; margin-left:1.2rem; font-size:1.25rem; line-height:2.25rem; transition:color 0.3s, background-color 0.3s; color:var(--brown1); border:1px solid var(--brown1); border-radius:0.5rem; font-weight:bold; padding:0.2rem 0.66rem; } #target_main .zajezdy_wrapper > nav > a:hover { color:var(--light); background-color:var(--brown1); } #target_main .zajezdy_wrapper > h2 { margin-bottom:1.2rem; margin-left:1.2rem; } #target_main .zajezdy_wrapper > p { margin-left:1.2rem; } #target_main .zajezdy_wrapper > ul { margin-left:0.2rem; margin-bottom:1rem; } #target_main .zajezdy_wrapper > ul > li { margin-bottom:0.5rem; } #target_main .zajezdy_wrapper > div { width:calc(100% + 1rem); } #target_main .zajezdy_wrapper > div.slider_zajezdu { overflow:hidden; overflow-x:auto; white-space:nowrap; width:calc(100% + 2rem); margin-bottom:-3rem; } #target_main .zajezdy_wrapper > div.zadne_zajezdy { text-align:center; } #target_main .zajezdy_wrapper > div.zadne_zajezdy > p { text-align:inherit; max-width:30rem; margin:0 auto; } #target_main .zajezdy_wrapper > div.zadne_zajezdy > h4 { margin:0; text-align:inherit; } #target_main .zajezdy_wrapper.full { width:calc(100vw - 2rem); padding-right:0; margin:0; padding-left:2rem; } #target_main .zajezdy_wrapper.full > a.zajezd_thumb { margin-right:2rem; } #target_main .zajezdy_wrapper.full > nav { margin-right:1rem; } #target_main .zajezdy_wrapper #zajezdy_filtr { } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset { display:inline-block; white-space:nowrap; margin-bottom:2rem; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label { margin-right:1rem; margin-left:0; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label:before { content:""; width:1rem; height:1rem; display:block; background:var(--white); top:0.15rem; left:0; border-radius:2px; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label:after { content:"✓"; font-size:1.2rem; color:var(--orange); } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label + input + label { margin-left:0; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset + fieldset { margin-left:1.5rem; } #target_main .zajezdy_wrapper #zajezdy_filtr + #target_list { margin-top:-9rem; padding-top:9rem; } #target_main .zajezdy_wrapper #zajezdy_filtr #filtr_typ_C + label { display:none; } /* #target_main .zajezd_thumb { display:inline-block; width:17rem; height:32rem; margin:1.2rem; text-decoration:none; overflow:hidden; background:var(--white); } #target_main .zajezd_thumb > img { display:block; width:17rem; height:12rem; object-fit:cover; transition:0.3s width, 0.3s margin-left; } #target_main .zajezd_thumb > strong, #target_main .zajezd_thumb > span, #target_main .zajezd_thumb > time, #target_main .zajezd_thumb > em, #target_main .zajezd_thumb > mark { display:block; font-size:1.125rem; line-height:1.2em; background:none; border-radius:0; color:inherit; padding:0; margin:0 1.2rem; } #target_main .zajezd_thumb > strong { display:block; line-height:1.2em; font-size:1.5rem; font-weight:bold; height:3.6rem; margin:1.1rem 1.2rem; } #target_main .zajezd_thumb > mark { text-align:right; margin:1rem 1.2rem; } #target_main .zajezd_thumb > strong, #target_main .zajezd_thumb > em { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #target_main .zajezd_thumb > mark > strong { color:var(--blue1); } #target_main .zajezd_thumb:hover > img { width:18rem; margin-left:-0.5rem; } */ #target_main .zajezd_thumb { display:inline-block; position:relative; width:24rem; height:25.5rem; margin:0 0.8rem 3rem 0; text-decoration:none; overflow:hidden; background:var(--white); } #target_main .zajezd_thumb > img { display:block; width:24rem; height:18rem; object-fit:cover; transition:3s width, 3s margin-left; margin-bottom:1.2rem; } #target_main .zajezd_thumb > strong, #target_main .zajezd_thumb > span, #target_main .zajezd_thumb > time, #target_main .zajezd_thumb > mark { display:block; font-size:1.125rem; line-height:1.2em; background:none; border-radius:0; color:inherit; padding:0; margin:0.5rem 1.2rem 0; } #target_main .zajezd_thumb > strong, #target_main .zajezd_thumb > time { font-family:'roboto_slab'; margin-top:0.5rem; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #target_main .zajezd_thumb > time > em { font-weight:normal; font-style:normal; } #target_main .zajezd_thumb > time > em:before { content:' ('; } #target_main .zajezd_thumb > time > em:after { content:')'; } #target_main .zajezd_thumb > span { font-size:1rem; max-width:12.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #target_main .zajezd_thumb > span > span { display:inline-block; } #target_main .zajezd_thumb > mark { text-align:right; position:absolute; right:0; bottom:1.2rem; } #target_main .zajezd_thumb > mark > strong { color:var(--pink); } #target_main .zajezd_thumb[data-letenka="0"] > time:before { content:'bez letenky'; display:block; float:right; font-weight:bold; color:var(--black); } #target_main .zajezd_thumb:hover > img { width:27rem; margin-left:-1.5rem; } #target_main .zajezd_thumb.posledni > mark > strong, #target_main .zajezd_thumb.posledni > time:before { content:'poslední místa'; color:var(--pink); } #target_main .zajezd_thumb.obsazeno { background:var(--gray2); } #target_main .zajezd_thumb.obsazeno > mark > strong, #target_main .zajezd_thumb.obsazeno > time:before { content:'obsazeno'; color:var(--pink); } #target_main .zajezd_thumb.obsazeno > img { opacity:0.5; } #target_main p.zodpovednost { display:block; border-top:2px solid var(--brown1); padding-top:1rem; width:max-content; max-width:100%; margin-left:auto; text-align:right; margin-right:2rem; margin-top:4rem; } /* #target_main .zajezd_thumb[data-ck]:before { content:''; display:block; position:absolute; right:1rem; top:12rem; width:11rem; height:4rem; background:url('../img/Ostrovan-logo-horizont.svg') 100% 100% no-repeat; background-size:contain; } #target_main .zajezd_thumb[data-ck="D"]:before { background-image:url('../img/partner-delfin-travel.svg'); } #target_main .zajezd_thumb[data-ck="R"]:before { background-image:url('../img/partner-rady_na_cestu.png'); } #target_main .zajezd_thumb[data-ck="E"]:before { background-image:url('../img/partner-experitour.png'); } #target_main .zajezd_thumb[data-ck="M"]:before { background-image:url('../img/partner-madeiran.svg'); } #target_main .zajezd_thumb[data-ck="I"]:before { background-image:url('../img/partner-inspira-travel.png'); } #target_main .zajezd_thumb[data-ck="I"]:before { background-image:url('../img/partner-inspira-travel.png'); } */ #target_main a#zajezd { margin-top:0; } #target_main .zajezd_wrapper { width:94vw; margin:0; padding:3vw; background:linear-gradient(var(--white),var(--light2) 5rem); } #target_main .zajezd_wrapper > segment.description { display:block; float:left; width:calc(100% - 24.5rem); max-width:63vw; margin-bottom:3vw; } #target_main .zajezd_wrapper > segment.parameters { display:block; float:right; width:19.5rem; margin-bottom:3vw; padding:1.5rem; background:var(--white); margin-top:6rem; } #target_main .zajezd_wrapper > segment.description .gallery { position:relative; margin-bottom:2.4rem; } #target_main .zajezd_wrapper > segment.description .gallery > a { display:block; float:left; width:12.096vw; height:8vw; position:relative; margin-left:0.63vw; } #target_main .zajezd_wrapper > segment.description .gallery > a > img { display:block; width:100%; height:100%; } #target_main .zajezd_wrapper > segment.description .gallery > a:first-child { width:41.895vw; height:auto; margin:0 0 0.63vw 0; } #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(2), #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(3) { width:20.475vw; height:auto; margin-bottom:0.63vw; } #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(4) { clear:both; margin-left:0; } #target_main .zajezd_wrapper > segment.description .gallery > a:empty { display:none; } #target_main .zajezd_wrapper > segment.description .gallery[data-label]:after { content:attr(data-label); color:var(--white); display:block; position:absolute; bottom:calc(4.032vw - 0.6rem); line-height:1.2rem; right:0; width:12.096vw; text-align:center; pointer-events:none; font-weight:bold; font-size:1.5rem; text-shadow:0 0 1px #000, 0 0 2px #000, 0 0 4px #000; } #target_main .zajezd_wrapper > segment.description h4 { margin-top:0; margin-bottom:0; } #target_main .zajezd_wrapper > segment.description h1 { text-transform:none; } #target_main .zajezd_wrapper > segment.description div.official, #target_main .zajezd_wrapper > segment.description div.description { font-size:1.25rem; line-height:1.33em; } #target_main .zajezd_wrapper > segment.description div.official > img { display:block; float:right; max-width:10rem; max-height:4rem; margin:1rem 0 1rem 1rem; mix-blend-mode: luminosity; opacity: 0.6; } #target_main .zajezd_wrapper > segment.description div.official + div.description { padding-top:1.5rem; margin-top:1.5rem; border-top:1px solid var(--brown1); } #target_main .zajezd_wrapper > segment.description p.zodpovednost { margin-right:0; margin-top:1rem; } #target_main .zajezd_wrapper > segment.parameters h2 { font-size:1.75rem; margin:-5.66rem 0 3.75rem 0; } #target_main .zajezd_wrapper > segment.parameters > div h3 { font-size:1.5rem; margin:0 0 1rem 0; } #target_main .zajezd_wrapper > segment.parameters > div > time, #target_main .zajezd_wrapper > segment.parameters > div > span, #target_main .zajezd_wrapper > segment.parameters > div > mark { display:block; margin:0 0 0.5rem 0; } #target_main .zajezd_wrapper > segment.parameters > div > span { font-weight:bold; } #target_main .zajezd_wrapper > segment.parameters > div > span.delka { float:right; line-height:1.4rem; } #target_main .zajezd_wrapper > segment.parameters > div > time { padding-bottom:0.5rem; width:max-content; text-align:right; position:relative; } #target_main .zajezd_wrapper > segment.parameters > div > time > strong { display:block; font-size:1.5rem; letter-spacing:-0.033em; height:2rem; } #target_main .zajezd_wrapper > segment.parameters > div > time > ul { border-bottom:1px solid var(--light); margin-bottom:0.5rem; } #target_main .zajezd_wrapper > segment.parameters > div > time > ul > li { display:block; margin:0 -10rem 0 0; padding:0 10rem 0 0; height:0; transition:height 0.3s; overflow:hidden; } #target_main .zajezd_wrapper > segment.parameters > div > time > ul > li:before { content:none; display:none; } #target_main .zajezd_wrapper > segment.parameters > div > time > ul > li > a { display:block; height:2rem; border-top:1px solid var(--light); text-decoration:none; position:relative; } #target_main .zajezd_wrapper > segment.parameters > div > time > ul > li > a > em { display:block; position:absolute; top:0; right:-10rem; width:9.33rem; color:var(--gray); font-style:normal; text-align:left; } #target_main .zajezd_wrapper > segment.parameters > div > time:hover > ul > li, #target_main .zajezd_wrapper > segment.parameters > div > time.show > ul > li { height:2rem; } #target_main .zajezd_wrapper > segment.parameters > div > time:before { position:absolute; left:100%; top:0; transform:rotate(90deg); transform-origin:50% 50%; width:1.5rem; text-align:center; transition:transform 0.3s; } #target_main .zajezd_wrapper > segment.parameters > div > time:hover:before, #target_main .zajezd_wrapper > segment.parameters > div > time.show:before { transform:rotate(180deg); } #target_main .zajezd_wrapper > segment.parameters > div > time[data-terminy="0"]:before { content:none; display:none; } #target_main .zajezd_wrapper > segment.parameters > div > time[data-terminy="0"] > ul { display:none; } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label] { padding-left:9rem; position:relative; } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label]:before { font-weight:normal; display:block; position:absolute; left:0; top:0; width:8rem; content:attr(data-label); color:var(--gray); } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label]:empty { display:none; } #target_main .zajezd_wrapper > segment.parameters > div > hr { display:block; width:calc(100% + 3rem); margin:1.5rem -1.5rem; border:none; border-top:3px solid var(--light); } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label][data_icon] { position:relative; padding-left:13rem; } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label][data_icon]:before { left:2rem; width:12rem; } #target_main .zajezd_wrapper > segment.parameters > div > span[data-label][data_icon]:after { position:absolute; left:0; top:0; width:2rem; text-align:left; color:var(--blue2); } #target_main .zajezd_wrapper > segment.parameters > div > span > em { font-weight:normal; color:var(--gray); display:block; margin-left:-12rem; } #target_main .zajezd_wrapper > segment.parameters > div > p > a { font-weight:bold; color:var(--blue2); } #target_main .zajezd_wrapper > segment.parameters > div > span.cena_celkem, #target_main .zajezd_wrapper > segment.parameters > div > span.cena_osoba { text-align:right; } #target_main .zajezd_wrapper > segment.parameters > div > span.cena_celkem > strong { color:var(--pink); font-size:1.5rem; } #target_main .zajezd_wrapper > segment.parameters > div > span.cena_celkem:before, #target_main .zajezd_wrapper > segment.parameters > div > span.cena_osoba:before { width:11rem; display:block; float:left; text-align:left; } #target_main .zajezd_wrapper > segment.parameters > div > h3.obsazeno { color:var(--pink); text-align:center; } #target_main .zajezd_wrapper > segment.parameters a.button + p { margin-top:1rem; } #target_main .zajezd_wrapper > segment.parameters span.cena_osoba { color:var(--pink); font-size:1.5rem; line-height:1.2em; } #target_main .zajezd_wrapper > segment.parameters span.cena_osoba:before { font-family:'roboto_slab'; font-size:1.5rem; line-height:1.2em; font-weight:bold; color:var(--black); } #target_main .zajezd_wrapper > segment.parameters a.button.cta { width:calc(100% - 2rem); } #target_main .zajezd_wrapper > segment.parameters small { display:block; margin-top:0.5rem; text-align:center; } #target_main .zajezd_wrapper > segment.harmonogram { display:block; padding:3vw; width:94vw; margin:0 -3vw; background:var(--white); } #target_main .zajezd_wrapper > segment.harmonogram > ul { } #target_main .zajezd_wrapper > segment.harmonogram > ul > li { display:block; white-space:nowrap; position:relative; margin-bottom:3vw; padding-left:0; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li:before { content:''; display:block; position:absolute; right:0; top:0; width:50.7rem; width:100%; border-top:1px solid var(--blue1); background:none; border-radius:0; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > a { display:inline-block; width:22.5rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > a > img { width:100%; display:block; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div { display:inline-block; margin-left:2rem; padding:1rem 1.7rem 0 0; width:30rem; white-space:normal; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div + div { padding:1rem; width:15rem; /*background:var(--light2);*/ line-height:2rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div > span { font-weight:bold; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div > span[data-label] { padding-left:7rem; position:relative; display:block; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div > span[data-label]:before { font-weight:normal; display:block; position:absolute; left:0; top:0; width:6.5rem; content:attr(data-label); font-weight:normal; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div > p { margin-bottom:0; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div > h3 { margin:0.5rem 0; } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-up { display:block; margin:0 auto; text-align:center; text-decoration:none; } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-up:before { display:block; font-size:3rem; line-height:2rem; color:var(--blue2); } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-left, #target_main .zajezd_wrapper > segment.harmonogram > a.icon-right { display:block; position:absolute; right:50%; margin:2rem 5rem 0; text-decoration:none; text-align:right; } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-right { left:50%; right:auto; text-align:left; } #target_main .zajezd_wrapper > .proc_koupit { display:block; padding-top:3rem; } #target_main .zajezd_wrapper > .proc_koupit > h2 { text-align:center; max-width:32rem; margin-left:auto; margin-right:auto; margin-bottom:4rem; } #target_main .zajezd_wrapper > .proc_koupit > div { display:inline-block; width:22rem; } #target_main .zajezd_wrapper > .proc_koupit > div + div { margin-left:4rem; } #target_main .zajezd_wrapper > .proc_koupit > div > h4 { border-top:1px solid var(--line); padding-top:1rem; } #target_main .zajezd_wrapper > .proc_koupit > div > p { font-weight:100; } #target_main .poradajici_CK { display:block; text-align:center; padding-top:3rem; } #target_main .poradajici_CK > img { display:block; max-width:12rem; max-height:6rem; margin:0 auto 1rem; /*filter:saturate(0);*/ } #target_main .poradajici_CK > .nazor { padding-top:3rem; padding-bottom:0; text-align:left; } #target_main .banner.blog { background-position:66% 100%; } #target_main .blog .banner.blog { background-position:50% 0%; background-size:auto 100%; } /*#target_main .blog.image_top_right .banner.blog { background-position:100% 0%; background-size:cover; }*/ #target_main .banner.blog > div > h3 { width:43.4rem; max-width:100%; } #target_main .blog_list { border-top:0.5rem solid var(--white); } #target_main .blog_thumb { display:inline-block; position:relative; width:calc(50% - 0.25rem); height:0; padding-bottom:calc(33.333% - 0.1666rem); margin-bottom:0.5rem; overflow:hidden; } #target_main .blog_thumb:nth-child(2n) { margin-left:0.5rem; margin-right:-1rem; } #target_main .blog_thumb > span, #target_main .blog_thumb > strong { display:block; position:absolute; left:10%; right:10%; bottom:60%; text-align:center; color:var(--white); z-index:3;} #target_main .blog_thumb > strong { bottom:auto; top:50%; font-size:2rem; font-family:'roboto_slab'; line-height:1.2em; } #target_main .blog_thumb > strong:before { position:absolute; top:100%; left:50%; width:2rem; text-align:center; margin-left:-1rem; line-height:2rem; margin-top:1rem; } #target_main .blog_thumb > img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 3s; } #target_main .blog_thumb:hover > img { left:-5%; top:-5%; width:110%; height:110%; transition:all 1s;} #target_main .blog_thumb.skryty { background:#000; } #target_main .blog_thumb.skryty > img { opacity:0.33; } #target_main .blog_thumb.skryty > strong { color:#666; } #target_main .blog hr { display:block; max-width:30rem; margin:2rem auto; border-width:2px; } #target_main .blog h2 > a, #target_main .blog h3 > a, #target_main .blog h4 > a { text-decoration:none; color:inherit; } #target_main .blog h2 > a:hover, #target_main .blog h3 > a:hover, #target_main .blog h4 > a:hover { color:var(--orange); } #target_main .blog ul { margin-bottom:2rem; } #target_main .blog p { font-size:1.25rem; line-height:1.5em; } #target_main form.front input[type="checkbox"] { display:none; } #target_main form.front input[type="checkbox"] + label { display:block; margin-left:8.25rem; width:calc(100% - 17.5rem); margin-bottom:2rem; padding-top:0.25rem; padding-left:1.75rem; } #target_main form.front input[type="checkbox"] + label:before, #target_main form.front input[type="checkbox"] + label:after { font-size:2rem; } #target_main form#form_kontakt { max-width:40rem; } #target_main form#form_kontakt h4 { color:var(--brown1); } #target_main form#form_kontakt label { position:relative; z-index:2; padding-left:1rem; margin:0 0 -1px 0; } #target_main form#form_kontakt input:not([type="submit"]), #target_main form#form_kontakt textarea { margin:0; padding-left:9rem; margin:0 0 -1px -9rem; width:calc(100% - 10rem - 2px); border:1px solid var(--brown1); } #target_main form#form_kontakt textarea { padding:0.9rem 1rem; width:calc(100% - 2rem - 2px); margin-left:0; min-height:3.6rem; line-height:1.2rem; margin-bottom:0.5rem; } #target_main form#form_kontakt input[type="checkbox"] + label { padding-left:2rem; width:auto; margin-bottom:2rem; } @media (max-width:799px){ html { font-size:1.875vw; } #body .wrapper { width:calc(100vw - 8rem); } a[name]:empty { margin-top:-6rem; } /* #target_header nav { position:absolute; top:4.5rem; float:none; left:0; right:0; display:flex; justify-content:space-evenly; } #target_header nav > a { height:2.5rem; line-height:2.5rem; display:block; } #body:not([data-path="admin"]) #target_header nav { display:none; } */ #body .headline > a { display:none; } #body .headline a.logo { width:3rem; display:block; } #body .headline nav > a { padding:0 1.25rem; padding:0 0.75rem; } #body .headline nav { margin-left:0; } #target_content > nav { height:7.5rem; } #target_content > nav > span { width:calc(100% - 10rem); margin-bottom:1rem; text-align:left; } #target_content > nav:before { content:' '; display:block; position:absolute; left:0; top:4rem; right:0; border-bottom:1px solid var(--blue2); } #ostrovy[data-ostrov=""] + #target_content > nav { height:4rem; } #ostrovy[data-ostrov=""] + #target_content > nav > span { width:auto; } #target_footer > .wrapper > p { float:left; max-width:calc(50vw - 3rem); margin:1rem 0 1rem; } #target_footer > .wrapper > p > a { display:block; margin:0 !important; padding:0.5rem 0; } #target_footer > .wrapper > p > a:before { width:1em; text-align:center; } #target_footer > .wrapper > p.fr { text-align:right; } #target_main .banner > div > h1 { font-size:4rem; } #target_main .banner > div > h3 { font-size:1.333rem; } #target_main .homepage_first > .wrapper:not(.admin_wrapper) { width:calc(100vw - 8rem); } #target_main .konzultace_wrapper > img { left:auto; right:3.2rem; margin-left:0; } #target_main .zajezd_wrapper > segment.description { float:none; width:100%; max-width:100%; } #target_main .zajezd_wrapper > segment.description .gallery > a { width:calc(25% - 0.63vw * 3 / 4); height:calc(16.66% - 0.42vw * 3 / 4); } #target_main .zajezd_wrapper > segment.description .gallery > a:first-child { width:100%; height:66.66%; } #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(2), #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(3) { width:calc(50% - 0.315vw); height:calc(33.33% - 0.315vw / 3 * 2); margin-right:-1px; } #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(2), #target_main .zajezd_wrapper > segment.description .gallery > a:nth-child(4) { margin-left:0; margin-right:0; } #target_main .zajezd_wrapper > segment.description .gallery[data-label]:after { display:none; } #target_main .zajezd_wrapper > segment.parameters { float:none; width:100%; display:flex; flex-wrap:wrap; background:transparent; padding:0; margin-top:2rem; } #target_main .zajezd_wrapper > segment.parameters > h2 { display:block; width:100%; margin:1rem 0; } #target_main .zajezd_wrapper > segment.parameters > div { width:calc(50% - 3rem); float:left; background:var(--white); padding:1rem; } #target_main .zajezd_wrapper > segment.parameters > div + div { margin-left:2rem; } #target_main .zajezd_wrapper > segment.parameters > div > span.cena_osoba:before { font-size:1.25rem; width:10rem; top:0.4rem; } #target_main .zajezd_wrapper > segment.parameters > div > hr:last-child { display:none; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li { clear:both; min-height:18.5rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > a:not(:empty) { display:block; width:22.5rem; height:15rem; position:absolute; left:0; top:1.5rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div { width:calc(100% - 24.5rem); float:right; margin-bottom:1.5rem; padding-right:0; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div + div { width:22.5rem; float:none; margin:18.5rem 0 -1.5rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div + div:empty { display:none; min-height:18.5rem; } #target_main form.full h3#zajezd_cena { width:11.4rem; } #target_main aside.konzultace { position:relative; top:auto; float:none; padding:2rem 26rem 2rem 2rem; margin:2rem; min-height:31rem; } #target_main aside.konzultace > img { display:none; } #target_main aside.konzultace > form { display:block; position:absolute; top:2rem; right:2rem; width:21rem; } #target_main aside.konzultace > form small { text-align:center; } #target_main aside.konzultace .button.cta { width:19rem; } #target_main aside.konzultace > form + hr + p { margin-top:1rem; } #target_main aside.konzultace + .wrapper { width:45.6rem; padding-right:0; } #target_main .banner.konzultace > div > h3 { max-width:34rem; } #target_main aside.konzultace > ul { padding-left:0; } #target_main aside.konzultace > ul > li { font-size:0.8rem; line-height:1rem; margin-bottom:0.25rem; } #target_main aside.konzultace > ul > li:before { top:0.3rem; } /* #target_main aside.konzultace > ul { width:47rem; padding-left:0; } #target_main aside.konzultace > ul > li { display:inline-block; width:20.5rem; } #target_main aside.konzultace > ul > li:nth-child(2n) { width:24rem; } */ #target_main aside.konzultace hr { display:none; } .medailonek > img { width:15rem; height:15rem; } .medailonek > figcaption { margin-left:2rem; } #body .trosecnik > article { width:calc(50% - 1rem); } #body .trosecnik > article:nth-child(3n-1) { margin-left:2rem; } #body .trosecnik > article:nth-child(2n) { margin-left:0rem; } #target_main .boxes_wrapper > div a[name]:empty { margin-top:-12rem; } #target_main .zajezdy_wrapper { width:calc(100% - 4rem); padding-left:2rem; padding-right:2rem; } #target_main .zajezdy_wrapper > div { width:calc(100% + 1rem); } #target_main .zajezdy_wrapper > div > .zajezd_thumb { margin-right:1rem; margin-bottom:1rem; } #target_main .zajezdy_wrapper.full { width:calc(100% - 2rem); } #target_main .zajezdy_wrapper.full > a.zajezd_thumb { margin-right:1.333rem; } #target_main div.nazor > div { max-width:31rem; } /* #target_main .zajezd_wrapper > .proc_koupit { width:calc(100vw - 4rem); } */ #target_main .zajezd_wrapper > .proc_koupit > div { width:auto; display:block; margin:0 0 2rem; } #target_main .zajezd_wrapper > .proc_koupit > div + div { margin-left:0; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset { display:block; margin-bottom:1rem; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset + fieldset { margin-left:0; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label { margin-right:3rem; } #target_main .blog_thumb > strong { top:40%; font-size:1.666rem; } } @media (max-width:499px){ html { font-size:3.75vw; } #body .headline a.logo { width:14rem; } #body #target_header.headline { height:4.5rem; } #body #target_header.headline a.logo { margin-left:0; padding:1rem; } #body #target_header.headline > a#menu { display:block; position:absolute; right:0; top:0rem; width:4.5rem; height:4.5rem; margin:0; padding:0; z-index:20; cursor:pointer; } #body #target_header.headline > a#menu > span { display:block; width:2.5rem; height:0.15rem; position:absolute; top:50%; left:50%; transform:translateX(-50%); background:var(--black); transition:0.3s opacity 0.2s; } #body #target_header.headline > a#menu:before, #body #target_header.headline > a#menu:after { content:' '; position:absolute; left:1rem; top:1.3rem; width:2.5rem; height:auto; border-bottom:0.15rem solid var(--black); transition:transform 0.3s, 0.3s top 0.2s, border-color 0.5s; } #body #target_header.headline > a#menu:after { top:3.1rem; } #body #target_header.headline > a#menu.show:before, #body #target_header.headline > a#menu.show:after { transform:rotate(-45deg); top:2.25rem; transition:0.3s transform 0.2s, top 0.3s, border-color 0.5s; } #body #target_header.headline > a#menu.show:after { transform:rotate(45deg); } #body #target_header.headline > a#menu.show > span { opacity:0; transition:0.25s opacity 0.01s; } #body #target_header.headline nav { position:absolute; top:4.5rem; right:0; z-index:1000; background:var(--light); overflow:hidden; } #body #target_header.headline nav > a { display:block; height:0; padding:0 1.5rem; line-height:3.2rem; color:var(--black); transition:height 0.3s; } #body #target_header.headline > a#menu.show + nav > a { height:3.2rem; } #target_main #ostrovy { height:calc(100vh - 4rem); max-height:none; } #target_main #ostrovy > a { width:64vw; height:10vh; } #target_main #ostrovy > a > svg { font-size:1rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] { height:50vh; width:70vw; } #target_main #ostrovy > a[data-order="0"] > img, #target_main #ostrovy > a[data-order="0"] > span { transform:scale(1.5); } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:before { font-size:0.6rem; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"][data-ostrov="C"] { height:50vh; } #target_main #ostrovy > a > span[data-ostrov="Ct"] { bottom:20%; } #target_main #ostrovy[data-ostrov=""] > a[data-order="0"] { left:50%; top:80%; } #target_main #ostrovy[data-ostrov=""] > a[data-order="1"] { left:50%; top:60%; } #target_main #ostrovy[data-ostrov=""] > a[data-order="2"] { left:50%; top:40%; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="1"], #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="2"] { top:32%; } #target_main #ostrovy[data-ostrov=""] > a > svg { transform: scale(100%); } #target_main #ostrovy > a[data-order="0"] > svg { bottom:-3.5em; } #target_main #ostrovy > a > span[data-ostrov="At"] { left:63%; } #target_main #ostrovy > a > span[data-ostrov="Aj"] { left:37%; } #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov]:hover:before, #target_main #ostrovy:not([data-ostrov=""]) > a[data-order="0"] > span[data-ostrov].selected:before { font-size:0.7rem; } #target_main .block_wrapper { padding:2rem 1.2rem; width:auto; } #target_content > nav { height:6.2rem; } #target_content > nav > a { line-height:1.2em; height:1.2em; padding:0.5rem 1rem; } #target_content > nav > a:last-child { margin-right:0; } #target_content > nav > a.home { margin-left:0; height:2rem; padding:1rem;} #target_content > nav > span { width:calc(100% - 6rem); height:4rem; margin:0; } #target_content > nav > span > a, #target_content > nav > span > span { font-size:1rem; width:min-content; line-height:1.2rem; height:auto; vertical-align:middle; position:relative; } #target_content > nav > span > a { margin-right:1.5rem; } #target_content > nav > span > a:after { position:absolute; right:-1.5rem; top:50%; margin-top:-0.6rem; } #body .wrapper { width:calc(100vw - 2rem); padding-left:1rem; padding-right:1rem; } #target_main div.nazor { padding:2rem 0 8rem; background-position:right 6rem bottom 2rem; max-width:calc(100% - 2rem); background-size: auto 5rem; } #target_main div.nazor > div:before { left:auto; right:13rem; top:calc(100% + 0.5rem); transform:rotate(90deg) scaleX(-1); } #target_main .zajezdy_wrapper { width:calc(100% - 2rem); padding-left:1rem; padding-right:1rem; } #target_main .zajezd_thumb { width:24.666rem; } #target_main .zajezd_thumb > img { width:24.666rem; height:18.5rem; } #target_main .zajezd_thumb > mark { bottom:0.6rem; } #target_main .boxes_wrapper > h2 { margin-left:0; text-align:center; } #target_main .boxes_wrapper > div { padding-left:1.5rem; } #target_main .boxes_wrapper > div > h2 { font-size:1.5rem; } #target_main .boxes_wrapper > div:before { position:static; top:auto; font-size:5rem; line-height:1em; text-align:center; margin:0 0 2rem; } #target_main .boxes_wrapper > div > .button { display:block; margin:0 auto; } #target_footer .headline.black a.logo { display:block; float:none; margin-left:0; } #target_footer .headline nav > a { padding-left:1rem; padding-right:1rem; } #target_footer .headline.black > div { position:absolute; top:0; right:0; } #target_footer .headline.black > div > a { display:inline-block; padding:0; margin-right:1rem; } #target_main .banner { max-height:none; } #target_main .banner > div > h1 { font-size:2.2rem; } #target_main .banner > div > h3 { font-size:1.2rem; max-width:100%; } #target_main .zajezdy_wrapper.full { padding-left:1rem; padding-right:1rem; } #target_main div.loga { padding-left:1rem; padding-right:1rem; } #target_main .banner.konzultace > div > h3 { width:18rem; } #target_main aside.konzultace { margin:1rem; padding:1rem; width:22.666rem; } #target_main aside.konzultace > form { position:relative; top:auto; right:auto; width:calc(22.66rem - 2px); } #target_main aside.konzultace .button.cta { width:20.4rem; } #target_main aside.konzultace + .wrapper { width:24.666rem; padding:1rem; } #target_main form.full input:not([type="submit"]), #target_main form.full textarea, #target_main form.full select { width:calc(100% - 11rem); margin-right:0; } #target_main form.full select { width:calc(100% - 12rem); } #target_main form.front input[type="checkbox"] + label { width:calc(100% - 10.5rem); } #target_main .blog_thumb, #target_main .blog_thumb:nth-child(2n) { width:24.666rem; height:18.5rem; padding-bottom:0; margin:1rem 1rem 0; } #target_main .blog_thumb > strong { top:calc(50% - 1.5rem); transform:translateY(-50%); } #target_main .blog_thumb:last-child { margin-bottom:2rem; } #body .trosecnik > article, #body .trosecnik > article:nth-child(3n-1){ width:auto; display:block; margin-left:0; } #target_main .zajezd_wrapper > segment.description h4 { margin-top:1rem; margin-bottom:0.5rem; } #target_main .zajezd_wrapper > segment.parameters > div { width:100%; } #target_main .zajezd_wrapper > segment.parameters > div + div { margin-left:0; margin-top:2rem; } #target_main .zajezd_wrapper > segment.description p.zodpovednost br { display:none; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > a:not(:empty) { position:static; width:25rem; height:18.8rem; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div { display:block; width:auto; float:none; margin-left:0; } #target_main .zajezd_wrapper > segment.harmonogram > ul > li > div + div { margin:0; } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-left, #target_main .zajezd_wrapper > segment.harmonogram > a.icon-right { width:20%; margin:0.8rem 0 0; left:1rem; text-align:left; } #target_main .zajezd_wrapper > segment.harmonogram > a.icon-right { width:33%; left:auto; right:1rem; text-align:right; } #target_main form#form_zajezd input.button.cta { margin-bottom:2rem; } #target_main .zajezdy_wrapper > nav { float:none; margin-bottom:2rem; } .medailonek > figcaption { width:24.666rem; margin-left:0; } #target_cook > a.cook_min, #target_cook > a.cook_set { float:none; display:inline-block; } #target_cook > a.cook_max { float:none; margin-top:1.5rem; margin-left:auto !important; margin-right:auto; } #target_main .zajezdy_wrapper #zajezdy_filtr fieldset input + label { margin-right:0.75rem; padding-left:1.25rem; } #target_main .zajezd_wrapper > .proc_koupit { padding:3rem 0; width:auto; } #target_main form#form_zajezd input.button.cta { margin-right:auto; } #target_main form#form_zajezd input[type="number"] { width:3.5rem; } #target_main form.full h3#zajezd_cena { width:9.4rem; margin-right:0; } #target_main form.front input[type="checkbox"] + label { width:auto; margin-left:0; } #target_main form#form_zajezd input.button.cta } @media (min-width:1280px){ html { font-size:16px; } #target_main .wrapper:not(.admin_wrapper) { width:832px; } #target_main .wrapper.proc_koupit { width:74rem; } #target_main .banner > div { width:832px; } #target_main .block_wrapper.text_wrapper { width:832px; } #target_main aside.konzultace { margin-right:calc(50vw - 580px); } #body .wrapper.trosecnik, #target_main .wrapper.block_wrapper, #target_main .wrapper.loga, #target_main .wrapper.zajezdy_wrapper { width:1180px; padding-left:calc(50vw - 590px); padding-right:calc(50vw - 590px); } } @media (min-aspect-ratio:5/4){ #target_main .banner > div > h1 { font-size:12.5vh; font-size:10vh; } #target_main .banner > div > h3 { font-size:3.125vh; } #target_main .blog .banner.blog { background-size:100% auto; } }