/* Theme Name: Nextbikeczech.com Theme URI: Author: Marek Klusák Author URI: https://www.mklusak.cz Description: WordPress theme Version: 1.0 License: GNU General Public License License URI: Tags: */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} /******************************************************************************/ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } *:last-child { margin-bottom: 0 !important; } /* =Structure ----------------------------------------------- */ body { line-height: 1.5; font-family: 'Arial', sans-serif; font-size: 15px; font-weight: 400; margin: 0; padding: 0; background: #fff; color: #5f6671; position: relative; } body { min-height: 100vh } @media (min-width: 960px) { body { } } p { margin: 0 0 20px; } @media (min-width: 960px) { p { margin: 0 0 30px; } } b, strong { font-weight: 700; } a { text-decoration: underline; color: #0e1a50; text-decoration-skip: ink; transition: all .25s ease-in-out; } a:hover { text-decoration: none; color: #000; } a[href^="tel"] { text-decoration: none; color: inherit; } a.off { position: absolute; left: 0; top: -99999px; } a.off.focus:focus { left: 10px; top: 10px; z-index: 1000; background: #000; color: #fff; padding: 5px; } @media (max-width: 959px) { .onlydesktop { display: none; } } @media (min-width: 960px) { .onlymobile { display: none; } } .slick-slide:focus { outline: none; } .btn { display: inline-block; padding: 10px 18px 8px; font-size: 14px; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; } .btn { line-height: 1.3; text-decoration: none; text-transform: uppercase; } .btn, .btn span { transition: all .2s ease-in-out; } .btn { border: 0; } .btn { border-radius: 500px; } .btn { background: #0046d7; color: #fff; border: 2px solid #fff; } .btn:hover { background-color: #5aa5ff; color: #fff; border-color: #fff; } .btn--hov-border:hover { border-color: #fff } .btn--bike { background-image: url(img/bike-white.svg); background-position: left 15px center; background-repeat: no-repeat; background-size: 25px 14px; } .btn--bike { padding-left: 50px; } .btn--bike:hover { animation: animatedBackground .7s cubic-bezier(0.6, -0.28, 0.74, 0.05); border-color: #fff; } @keyframes animatedBackground { 0% { background-position: left 15px center; } 40% { background-position: right -50px center; } 50% { background-position: right -50px bottom -50px ; } 60% { background-position: left -50px bottom -50px ; } 70% { background-position: left -50px center; } 100% { background-position: left 15px center; } } .btn--white { background-color: transparent; color: #fff; border: 2px solid #ffffff; } .btn--white:hover { background-color: rgba(255,255,255,.2); color: #fff; border-color: #fff; } .btn--m0 { margin: 0; } @media (min-width: 960px) { .btn { padding: 15px 25px 13px; font-size: 15px } .btn--bike { padding-left: 75px; background-size: 34px 20px; background-position: left 25px center; } @keyframes animatedBackground { 0% { background-position: left 25px center; } 40% { background-position: right -50px center; } 50% { background-position: right -50px bottom -50px ; } 60% { background-position: left -50px bottom -50px ; } 70% { background-position: left -50px center; } 100% { background-position: left 25px center; } } } .small-btn { margin-left: 10px; padding: 3px 7px; border-radius: 20px; background-color: #0e1a50; color: #fff; font-size: 12px; font-weight: normal; text-decoration:none; } h1, .h1, h2, h3, h4, h5, h6 { font-family: 'futura-pt-bold', sans-serif; font-weight: 700; color: #0e1a50; /*text-transform: uppercase;*/ } h1, .h1, h2 { line-height: 1.175; } h3, h4, h5, h6 { line-height: 1.45; } h1, .h1 { font-size: 24px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5, h6 { font-size: 16px; } h1, .h1, h2 { margin: 0 0 20px; } h3, h4, h5, h6 { margin: 0 0 10px; } @media (min-width: 768px) { h1, .h1, h2 { font-size: 30px;} h3 { font-size: 18px; } h4 { font-size: 16px; } } @media (min-width: 960px) { h1, .h1, h2 { font-size: 32px; line-height: 1.25; } h3 { font-size: 18px } h4 { font-size: 16px } h5 { font-size: 15px } h6 { font-size: 15px } h1, .h1, h2, h3, h4 { margin-bottom: 25px; } .gallery + h2, .gallery + h3, .gallery + h4 { margin-top: 30px; } } @media (min-width: 1200px) { h1, .h1, h2 { font-size: 38px; } } ul, ol { margin: 0 0 20px; } li { margin: 10px 4px 10px 35px } ul { list-style-type: square; } ul li::marker { color: #343a45; } ol li::marker { color: #343a45; } @media (min-width: 960px) { ul, ol { margin-bottom: 30px; } } .embed-media { margin-bottom: 30px; } .center { text-align: center; } hr { clear: both; border: 0; height: 1px; background: #343a45; max-width: 90%; margin: 30px auto; } blockquote { margin: 1.5em 0; font-size: 18px; color: #ababab; } blockquote p { margin: 0 0 1.5em; } blockquote *:last-child { margin: 0; } table { margin: 10px auto 20px; border: 1px solid #B2C2D6; } table th, table td { padding: 5px; text-align: left; vertical-align: middle; } table th { background: #F1EAD8;} table td { border-bottom: 1px solid #B2C2D6;} @media (min-width: 960px) { td, th { padding: 8px 10px; } } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea, select { width: 100%; height: 40px; margin: 0; padding: 5px 15px; font-size: inherit; font-family: 'Arial', sans-serif; color: #000; border: 1px solid #E5E3E3; background: #fff; } textarea { height: 125px; padding: 10px 15px; } select { width: auto; } select option:disabled { font-style: italic; color: silver; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea { } input[type=submit], button { width: auto; white-space: normal; cursor: pointer; -webkit-appearance: none; font-family: 'Arial', sans-serif; } input[type=submit]:hover { } @media (min-width: 768px) { input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"],select { height: 40px; } textarea { height: 175px; padding: 15px 15px; } } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: gray; font-size: 15px; font-family: 'Arial', sans-serif; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: gray; opacity: 1; font-size: 15px; font-family: 'Arial', sans-serif; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: gray; opacity: 1; font-size: 15px; font-family: 'Arial', sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: gray; font-size: 15px; font-family: 'Arial', sans-serif; } :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: gray; font-size: 15px; font-family: 'Arial', sans-serif; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =WordPress Core -------------------------------------------------------------- */ img { border: 0; max-width: 100%; height: auto; } img.alignnone { margin: 0;} .aligncenter { display: block; margin: auto ;} img.alignright, img.alignleft, img.aligncenter { margin: auto; } @media (min-width: 500px) { img.alignright { float: right; margin: 5px 0 20px 30px !important; } img.alignleft { float: left; margin: 5px 30px 20px 0 !important; } } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption.aligncenter { margin: 5px auto 20px;} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} img.wp-smiley { vertical-align: middle; border: 0 !important;} .gallery { margin: 0 auto 30px; } .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.333333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 15%; } .gallery .gallery-item img { display: block; max-width: 96%; margin: auto; height: auto; box-shadow: 0 0 5px #9a9a9a; } .gallery .gallery-caption { margin-left: 0; } #media-query-breakpoint { font-family: '360'; } @media (min-width: 500px) { #media-query-breakpoint { font-family: '500'; } } @media (min-width: 600px) { #media-query-breakpoint { font-family: '600'; } } @media (min-width: 768px) { #media-query-breakpoint { font-family: '768'; } } @media (min-width: 960px) { #media-query-breakpoint { font-family: '960'; } } @media (min-width: 1100px) { #media-query-breakpoint { font-family: '1100'; } } @media (min-width: 1200px) { #media-query-breakpoint { font-family: '1200'; } } @media (min-width: 1400px) { #media-query-breakpoint { font-family: '1400'; } } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 */ .clear { clear: both } .clearfix:before, .cf:before, .clearfix:after, .cf:after { content: " "; display: table; } .clearfix:after, .cf:after { clear: both; } .strankovani { } .strankovani .dalsi { float: right; } .strankovani .predchozi { float: left; } .pagination { clear: both; padding: 40px 0; text-align: center; font-family: 'futura-pt-bold', sans-serif; } .pagination .page-numbers { display: inline-block; padding: 15px; margin: 0 4px; line-height: 1; font-size: 18px; } .pagination .page-numbers { background-color: #F8F9FA; border-radius: 8px; } .pagination a.page-numbers { color: #5f6671; text-decoration: none; } .pagination a.page-numbers:hover, .pagination .page-numbers.current { color: #fff; background-color: #0046D7; } @media (min-width: 960px) { .pagination .page-numbers { font-size: 22px; } } /* Stylovani radii a checkoxu - https://kyusuf.com/post/completely-css-custom-checkbox-radio-btns-and-select-boxes */ .control { display: block; position: relative; padding-left: 30px; cursor: pointer; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 20px; height: 20px; background-color: #cce9f8; border: 1px solid #cce9f8; } .control--radio .control__indicator { } /* Hover and focus states */ .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { } /* Checked state */ .control input:checked ~ .control__indicator { border-color: #005584; background-color: #005584; background-image: url(img/check.png); background-position: center center; background-repeat: no-repeat; background-size: 14px 10px; } .control--radio input:checked ~ .control__indicator { } /* Disabled state */ .control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #e6e6e6;} #cookie-notice { } #cn-notice-text a { color: #fff; } #cn-accept-cookie { display: inline-block; padding: 2px 6px; background-color: #fff; color: #000; text-decoration: none; font-weight: bold; border-radius: 3px; } /* ad88888ba 888888888888 88888888ba 88 88 88 a8P 888888888888 d8" "8b 88 88 "8b 88 88 88 ,88' 88 Y8, 88 88 ,8P 88 88 88 ,88" 88 `Y8aaaaa, 88 88aaaaaa8P' 88 88 88,d88' 88 `"""""8b, 88 88""""88' 88 88 8888"88, 88 `8b 88 88 `8b 88 88 88P Y8b 88 Y8a a8P 88 88 `8b Y8a. .a8P 88 "88, 88 888 "Y88888P" 88 88 `8b `"Y8888Y"' 88 Y8b 88 888 */ .web { display: flex; flex-direction: column; align-items: center; height: 100%; min-height: 100vh; } .web { position: relative; } .main { flex: 1 0 auto; position: relative; } .main { width: 100%; } .main { line-height: 1.9; } .in { width: 94%; max-width: 1240px; margin: auto; } @media (min-width: 960px) { .in { width: 96% } } /* 88 88 88888888888 db 88888888ba, 88888888888 88888888ba 88 88 88 d88b 88 `"8b 88 88 "8b 88 88 88 d8'`8b 88 `8b 88 88 ,8P 88aaaaaaaa88 88aaaaa d8' `8b 88 88 88aaaaa 88aaaaaa8P' 88""""""""88 88""""" d8YaaaaY8b 88 88 88""""" 88""""88' 88 88 88 d8""""""""8b 88 8P 88 88 `8b 88 88 88 d8' `8b 88 .a8P 88 88 `8b 88 88 88888888888 d8' `8b 88888888Y"' 88888888888 88 `8b */ .header { position: relative; width: 100%; background-color: #0046D7; transition: background-color .2s ease-in-out; } .scrolled .header { background-color: #0046D7 !important; } .header { font-family: 'futura-pt-bold', sans-serif; font-weight: 700; color: #fff; } .header a { color: #fff; } .header { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; } body { padding-top: 60px; } @media (min-width: 960px) { body { padding-top: 66px; } } @media (min-width: 1100px) { body { padding-top: 77px; } } @media (min-width: 1200px) { body { padding-top: 108px; } } @media (min-width: 1400px) { body { padding-top: 124px; } } body.page-template-page-home-page { padding-top: 0 !important; } body.page-template-page-home-page .header { background-color: transparent; } body.single-mesto { padding-top: 0 !important; } body.single-mesto .header { background-color: transparent; } /* main */ .header__in { display: flex; align-items: center; justify-content: space-between; } .header__in { padding: 10px; } .header-logo { margin: 0 auto 0 0; flex: 0 0 auto; } .header-logo { width: 97px; height: 15px; } .header-logo__img { width: 97px; height: 15px; } .menu-toggle { flex-shrink: 0; position: relative; z-index: 10; display: block; width: 40px; height: 40px; margin-left: 50px; } .menu-toggle { } .menu-toggle span { position: relative; left: 9px; top: 19px; display: block; background-color: #fff; } .menu-toggle span:after, .menu-toggle span:before { content: ""; position: absolute; left: 0; background-color: #fff; } .menu-toggle span:before { top: -9px; } .menu-toggle span:after{ top: 9px; } .menu-toggle span, .menu-toggle span:after, .menu-toggle span:before { width: 22px; height: 2px; transition: all 0.3s; backface-visibility: hidden; } .menu-toggle.on span { transform: translateX(-1px); background-color: transparent; } .menu-toggle.on span:before { width: 25px; transform: rotate(45deg) translate( 6px, 7px); } .menu-toggle.on span:after { width: 25px; transform: rotate(-45deg) translate( 6px, -7px); } .menu-toggle:before { content: 'Menu'; position: absolute; right: 40px; top: 0; height: 40px; width: 50px; text-align: right; } .menu-toggle:before { display: flex; align-items: center; justify-content: flex-end; } .menu-toggle:before { font-size: 15px; text-transform: uppercase; line-height: 40px; } .menu-toggle:before { color: #fff; font-family: 'futura-pt-bold', sans-serif; } .header-nav > .menu { margin-bottom: 20px; } .header-kapka { margin-bottom: 20px; display: block; width: auto; } .header-lang { margin-bottom: 20px; display: flex; align-items: center; } .header-lang { text-decoration: none; text-transform: uppercase; } .header-lang svg { margin-right: 8px; display: block; width: 24px; height: 24px; } .header-lang:hover { text-decoration: underline; } .header-btn { margin-bottom: 20px; display: block; width: max-content; } .header-btn--log:hover { border-color: #fff; } @media (min-width: 768px) { .header__in { padding: 10px; } } @media (min-width: 960px) { .header__in { margin: auto; max-width: 1600px; justify-content: flex-start; padding: 15px 10px; } .header-logo { margin-right: auto; } .header-logo { width: 161px; height: 24px; } .header-logo__img { width: 161px; height: 24px; } .menu-toggle { display: none; } .header-nav { display: flex !important; align-items: center; justify-content: flex-end; } .header-nav > .menu { margin: 0 10px 0 0; } .header-kapka { margin: 0 20px 0 0; width: 82px; height: 29px; } .header-lang { margin: 0 10px 0 0; } .header-lang span { display: none; } .header-btn { margin: 0 10px 0 0; padding: 8px 15px; font-size: 13px; } .header-btn--log { margin-right: 0 } } @media (min-width: 1100px) { .header__in { padding: 20px 15px; } } @media (min-width: 1200px) { .header__in { padding: 35px 15px; transition: padding .2s ease-in-out; } .scrolled .header__in { padding: 15px !important; } .header-logo { width: 194px; height: 29px; } .header-logo__img { width: 194px; height: 29px; } } @media (min-width: 1400px) { .header__in { padding: 40px 15px; } .header-kapka { margin-right: 25px } .header-lang { margin-right: 45px } .header-lang span { display: inline } .header-btn { padding: 11px 25px; font-size: 14px; } .header-btn--reg { margin-right: 20px } } /* registrace */ #registrace-popup { max-width: 800px; background-color: #0046D7; text-align: center; } #registrace-popup * { color: #fff !important; } /* 888b 88 db 8b d8 8888b 88 d88b `8b d8' 88 `8b 88 d8'`8b `8b d8' 88 `8b 88 d8' `8b `8b d8' 88 `8b 88 d8YaaaaY8b `8b d8' 88 `8b 88 d8""""""""8b `8b d8' 88 `8888 d8' `8b `888' 88 `888 d8' `8b `8' */ .header-nav ul { list-style: none; } .header-nav ul { margin: 0; } .header-nav li { margin: 0; } .header-nav .menu a { display: block; padding: 6px 10px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; } .header-nav .menu a { font-family: 'futura-pt-bold', sans-serif; color: #fff; } /* .header-nav { background-color: #0046D7; } */ @media (max-width: 959px) { .header-nav { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; } .header-nav { padding: 10px 10px 20px 10px; background-color: #0046D7; } .header-nav { max-height: 90vh; overflow-y: auto; } .header-nav .menu { } .header-nav .menu a { display: inline-block; } .header-nav .sub-menu { display: none; } .header-nav .menu-item-has-children { position: relative; } .header-nav .sub-menu-toggle { vertical-align: middle; display: inline-block; width: 30px; height: 25px; background: url(img/arr-d.svg) center center no-repeat; background-size: 15px auto; } .header-nav .sub-menu-toggle { position: relative; top: -2px; } .header-nav .sub-menu-toggle { transition: all .25s ease-in-out; } .header-nav .sub-menu-toggle.up { transform: rotate(-180deg); } .header-nav .menu li li a { padding: 8px 8px 8px 30px; font-size: 13px; } } @media (min-width: 960px) { .header-nav { margin: 0; } .header-nav ul { margin: 0; } .header-nav .menu { margin: 0 10px 0 0; display: flex; justify-content: flex-start; } .header-nav .menu { padding-right: 5px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .header-nav .menu > li { } .header-nav .menu > li > a { padding: 8px 4px; font-size: 13px; line-height: 1; } .header-nav .menu > li > a:hover, .header-nav .menu > li:hover > a, .header-nav .menu > li.current-menu-item > a { color: #99caff; } .header-nav .menu > li > a { position: relative; } .header-nav .menu > li > a { position: relative } .header-nav .menu > li > a:before { content: ''; display: block; width: 11px; height: 7px; background: url(img/nav-kridlo.svg) 0 0 / contain no-repeat; } .header-nav .menu > li > a:before { position: absolute; top: -5px; left: 50%; transform: translateX(-50%); z-index: 1; } .header-nav .menu > li > a:before { opacity: 0; transition: all .2s ease-in-out; } .header-nav .menu > li > a:hover:before, .header-nav .menu > li:hover > a:before, .header-nav .menu > li.current-menu-item > a:before { opacity: 1; } /* SUBMENU */ .header-nav .sub-menu { display: none !important; } .header-nav .sub-menu-toggle { display: none !important; } .header-nav .menu > li { position: relative; } .header-nav .menu > li > .sub-menu { display: block !important; visibility: hidden; opacity: 0; } .header-nav .menu > li > .sub-menu { position: absolute; left: 50%; top: 115%; z-index: 10; width: 225px; transform: translateX(-50%); transition: all .1s ease-in-out; } .header-nav .menu > li > .sub-menu { box-shadow: 0 0 65px rgb(0 0 0 / 16%); } .header-nav .menu > li:hover > .sub-menu, .header-nav .menu > li > a:focus > .sub-menu, .header-nav .menu > li:focus-within > .sub-menu { display: block !important; z-index: 20; top: 100%; visibility: visible; opacity: 1; } .header-nav .menu > li > .sub-menu { border-radius: 0 0 8px 8px; padding-top: 5px; overflow: hidden;; } .header-nav .menu > li > .sub-menu > li:first-child > a { border-radius: 8px 8px 0 0; } /* .header-nav .menu > li > .sub-menu:before { content: ''; width: 0; height: 0; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 1; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #db1f28 transparent; } */ .header-nav .menu .sub-menu li { text-align: center; } .header-nav .menu .sub-menu li a { display: block; padding: 12px 10px; color: #0046d7; font-size: 13px; background-color: #fff; } .header-nav .menu .sub-menu li a:hover { text-decoration: underline; } .header-nav .menu .sub-menu li:first-child > a { padding-top: 18px } .header-nav .menu .sub-menu li:last-child > a { padding-bottom: 18px } .header-nav .menu .sub-menu .sub-menu { margin-left: 20px; } } @media (min-width: 1100px) { .header-nav .menu > li > a { padding: 12px 8px; } .header-nav .menu > li > a:before { width: 22px; height: 15px; top: -10px; } } @media (min-width: 1200px) { .header-nav .menu { padding-right: 10px; margin-right: 20px; } .header-nav .menu > li > a { padding: 12px 10px; font-size: 14px; } } @media (min-width: 1400px) { .header-nav .menu { padding-right: 20px; margin-right: 30px; } .header-nav .menu > li > a { padding: 12px 12px; } } @media (min-width: 1600px) { .header-nav .menu > li > a { padding: 12px 15px; } } /* 88888888888 ,ad8888ba, ,ad8888ba, 888888888888 88888888888 88888888ba 88 d8"' `"8b d8"' `"8b 88 88 88 "8b 88 d8' `8b d8' `8b 88 88 88 ,8P 88aaaaa 88 88 88 88 88 88aaaaa 88aaaaaa8P' 88""""" 88 88 88 88 88 88""""" 88""""88' 88 Y8, ,8P Y8, ,8P 88 88 88 `8b 88 Y8a. .a8P Y8a. .a8P 88 88 88 `8b 88 `"Y8888Y"' `"Y8888Y"' 88 88888888888 88 `8b */ .footer { width: 100%; background: #f8f9fa; } .footer-partneri {} .footer-partneri__in { padding: 40px 0; } .footer-partneri h3 { color: #5f6671; text-transform: uppercase; } .footer-cols { background-color: #0046D7; color: #fff; } .footer-cols__in { max-width: 1600px; padding: 40px 0; } .footer-cols a { color: #fff; } .footer-col { margin: 0 auto 30px; max-width: 400px; text-align: center; } @media (min-width: 600px) { .footer-cols__in { display: flex; justify-content: center; flex-wrap: wrap; } .footer-col { width: 47%; margin: 0 auto; max-width: none; } .footer-col--1 { width: 100%; margin-bottom: 50px } .footer-col--2 { margin-bottom: 50px } .footer-col--3 { margin-bottom: 50px } } @media (min-width: 960px) { .footer-cols { background: transparent url(img/footer.svg) bottom center / cover no-repeat; } .footer-cols__in { padding: 120px 0 60px; justify-content: space-between } .footer-col { width: 23%; margin: 0; text-align: left } .footer-col--1 { margin-bottom: 50px; width: 100%; text-align: center } } @media (min-width: 1400px) { .footer-col { width: 20%; } .footer-col--1 { margin: 0; display: flex; align-items: center; justify-content: left; } } /* 88888888ba db 88888888ba 888888888888 888b 88 88888888888 88888888ba 88 88 "8b d88b 88 "8b 88 8888b 88 88 88 "8b 88 88 ,8P d8'`8b 88 ,8P 88 88 `8b 88 88 88 ,8P 88 88aaaaaa8P' d8' `8b 88aaaaaa8P' 88 88 `8b 88 88aaaaa 88aaaaaa8P' 88 88""""""' d8YaaaaY8b 88""""88' 88 88 `8b 88 88""""" 88""""88' 88 88 d8""""""""8b 88 `8b 88 88 `8b 88 88 88 `8b 88 88 d8' `8b 88 `8b 88 88 `8888 88 88 `8b 88 88 d8' `8b 88 `8b 88 88 `888 88888888888 88 `8b 88 */ .partnerska-loga { display: flex; justify-content: center; flex-wrap: wrap; } .partnerske-logo { margin: 10px; display: block; text-decoration: none; } .partnerske-logo img { display: block; margin: 0; max-height: 40px; width: auto; } @media (min-width: 768px) { .partnerske-logo { margin: 10px 20px; } .partnerske-logo img { max-height: 50px } } @media (min-width: 960px) { .footer-partneri__in { padding: 50px 0; } .partnerske-logo { margin: 20px; } .partnerske-logo img { max-height: 100px } } @media (min-width: 1200px) { .partnerske-logo { margin: 20px 40px; } } /* 88888888ba db ,ad8888ba, 88888888888 88 "8b d88b d8"' `"8b 88 88 ,8P d8'`8b d8' 88 88aaaaaa8P' d8' `8b 88 88aaaaa 88""""""' d8YaaaaY8b 88 88888 88""""" 88 d8""""""""8b Y8, 88 88 88 d8' `8b Y8a. .a88 88 88 d8' `8b `"Y88888P" 88888888888 */ .page-title { } .page-title__in { padding: 30px 0; text-align: center; } .page-content {} .page-content__in { min-height: 500px; padding: 0 0 50px; } @media (min-width: 960px) { .page-title__in { padding: 40px 0 40px } .page-content__in { padding: 0 0 60px; } } @media (min-width: 1200px) { .page-title__in { padding: 50px 0 40px } } /* 88 88 88888888ba 88 88 88 "8b 88 88 88 ,8P 88aaaaaaaa88 88aaaaaa8P' 88""""""""88 88""""""' 88 88 88 88 88 88 88 88 88 */ .hp-promo { background-color: #0046D7; } .hp-promo__in { padding: 50px 0; } @media (min-width: 960px) { .hp-promo { background: #fff url(img/hp-promo.svg) bottom center / cover no-repeat; } .hp-promo__in { padding: 0; } } .hp-promo__slideshow { padding: 40px 0; } .hp-promo__slideshow .arr { display: none !important; } .promo-slideshow { max-width: 500px; margin: auto; } .promo-slide { display: none; } .promo-slide:first-child { display: block; } .promo-slide__in { padding: 0 15px; } .promo-slide__content { margin-bottom: 20px; } .promo-slide__title { color: #fff; text-transform: uppercase; line-height: 1.4; } .promo-slide__text { color: #fff; line-height: 1.4; font-size: 13px; } .promo-slide__btn { margin-top: 20px; } .promo-slide__title, .promo-slide__text, .promo-slide__btn { text-align: center; } .promo-slide__media { position: relative; } .promo-slide__img { display: block; margin: auto; border-radius: 8px; } .promo-slide__play { display: block; width: 50px; height: 51px; background: url(img/play.png) center center / 50px 51px no-repeat; } .promo-slide__play { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); } .promo-slide__play:hover { transform: translate(-50%,-50%) rotate(360deg); } @media (min-width: 500px) { .hp-promo__slideshow { padding: 50px 0; } .promo-slide__title { font-size: 30px } .promo-slide__text { font-size: 15px } .promo-slide__btn { margin-top: 30px } } @media (min-width: 768px) { .promo-slide__title { font-size: 40px } } @media (min-width: 960px) { .hp-promo__slideshow { padding: 120px 0 60px; } .promo-slideshow { max-width: none; } .promo-slide__in { display: flex; justify-content: space-between; align-items: center; } .promo-slide__content { width: 47%; margin: 0; } .promo-slide__media { width: 51%; } .promo-slide--obrazek-text .promo-slide__content { order: 2 } .promo-slide--obrazek-text .promo-slide__media { order: 1 } .promo-slide__title, .promo-slide__text, .promo-slide__btn { text-align: left; } .promo-slide__title { margin-bottom: 10px; font-size: 50px; line-height: 1.25 } .promo-slide__text { line-height: 1.7 } .promo-slide__btn { margin-top: 30px } } @media (min-width: 1200px) { .promo-slide__content { width: 40%; margin: 0; } .promo-slide__media { width: 55%; } } @media (min-width: 1400px) { .hp-promo__slideshow { position: relative } .hp-promo__slideshow .arr { display: block !important; width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); } .hp-promo__slideshow .arr:hover { opacity: .6; } .hp-promo__slideshow .arr-prev { left: -70px } .hp-promo__slideshow .arr-next { right: -70px } } @media (min-width: 1600px) { .hp-promo__slideshow .arr-prev { left: -100px; } .hp-promo__slideshow .arr-next { right: -100px; } } @media (min-width: 1700px) { .hp-promo__slideshow .arr-prev { left: -150px; } .hp-promo__slideshow .arr-next { right: -150px; } } .promo-counters { max-width: 400px; margin: auto; } .promo-counters { background: #fff; color: #124b98; font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; line-height: 1.5; } .promo-counters { padding: 30px 20px; border-radius: 6px; } .promo-counter { margin-bottom: 15px; text-align: center; } .promo-counter__symbol { margin-bottom: 5px; height: 30px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .promo-counter--1 .promo-counter__symbol { background-image: url(img/counter-bike.svg); } .promo-counter--2 .promo-counter__symbol { background-image: url(img/counter-tree.svg); } .promo-counter--3 .promo-counter__symbol { background-image: url(img/counter-co2.svg); } .promo-counter--4 .promo-counter__symbol { background-image: url(img/counter-feet.svg); } .promo-counter-rovnitko { display: none; } @media (min-width: 768px) { .promo-counters { max-width: none; display: flex; justify-content: center; flex-wrap: wrap; } .promo-counter { width: 48%; margin: 0 auto; } .promo-counter--1, .promo-counter--2 { margin-bottom: 25px } } @media (min-width: 960px) { .promo-counters { position: relative; align-items: center; padding: 0; } .promo-counters { box-shadow: 0 0 65px rgba(0, 0, 0, 0.16); } .promo-counter { width: 23%; padding: 20px 30px; } .promo-counter-rovnitko { display: block; color: #a0abba; font-size: 30px; line-height: 11px; text-align: center; } .promo-counter--1, .promo-counter--2 { margin-bottom: 0 } .promo-counter__symbol { margin-bottom: 12px; height: 40px } } @media (min-width: 1200px) { .promo-counters { flex-wrap: nowrap; padding: 0 30px } .promo-counter { display: flex; align-items: center; padding: 20px 0px; text-align: left; } .promo-counter { flex: 0 0 auto; width: auto; margin: 0; } .promo-counter--1 { width: 160px } .promo-counter--2 { width: 180px } .promo-counter--3 { width: 215px } .promo-counter--4 { width: 240px } .promo-counter-rovnitko { flex: 1 1 auto; } .lang-en .promo-counter--1 { width: 160px } .lang-en .promo-counter--2 { width: 200px } .lang-en .promo-counter--3 { width: 155px } .lang-en .promo-counter--4 { width: 240px } .promo-counter__symbol { margin: 0 10px 0 0; flex: 0 0 auto; } .promo-counter__text { } .promo-counter--1 .promo-counter__symbol { width: 53px; height: 30px; } .promo-counter--2 .promo-counter__symbol { width: 32px; height: 41px; } .promo-counter--3 .promo-counter__symbol { width: 43px; height: 43px; } .promo-counter--4 .promo-counter__symbol { width: 35px; height: 46px; } .promo-counter--3 .promo-counter__text { min-width: 135px; } } .hp-sekce__in { padding: 40px 0; } @media (min-width: 768px) { .hp-sekce__in { padding: 70px 0; } .hp-sekce__in > h2 { margin-bottom: 40px } } @media (min-width: 960px) { .hp-sekce__in { padding: 80px 0 70px; } .hp-sekce__in > h2 { margin-bottom: 50px } } .hp-jak-to-funguje { background-color: #fff; } /* I v detailu mesta! */ .jak { margin: 0 auto 30px; max-width: 400px; } .jak { padding: 20px; border: 1px solid #ecf1f4; box-shadow: 0 10px 15px rgba(160, 171, 186, 0.1); border-radius: 8px; } .jak__top { margin-bottom: 10px; display: flex; align-items: center; } .jak__cislo { margin-right: 10px; } .jak__cislo { font-size: 55px; line-height: 55px; color: #ecf1f4; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; } .jak__nadpis { margin: 0; line-height: 1.3; } .jak__text { margin-bottom: 15px; } .jak__text p { line-height: 1.4; } .jak--2 .jak__btns a:first-child { margin-right: 10px; } .jak-img-link { text-decoration: none; } .jak-txt-link, .jak-video-link { font-family: 'futura-pt-bold', sans-serif; font-weight: bold; color: #0046d7; font-size: 13px; text-transform: uppercase; } .jak-txt-link, .jak-video-link { text-underline-offset: 5px; text-decoration-thickness: .2em; } .jak-video-link { padding-left: 25px; background: url(img/play-small.svg) left center / 17px 17px no-repeat; } @media (min-width: 768px) { .jak-to-funguje-wrapper { margin: -30px auto 0; max-width: 780px; display: flex; justify-content: space-between; flex-wrap: wrap } .jak { margin: 30px 0 0; width: 48%; } } @media (min-width: 960px) { .jak-to-funguje-wrapper { margin-top: -40px; max-width: 900px; } .jak { margin-top: 40px; max-width: none; padding: 30px; } .jak__top { margin-bottom: 20px } .jak__cislo { margin-right: 15px } .jak__text { margin-bottom: 25px } } @media (min-width: 1200px) { .jak-to-funguje-wrapper { margin-top: -50px; max-width: none; flex-wrap: nowrap; } .jak { margin: 50px 0 0; width: 23.5%; } .jak { display: flex; flex-direction: column; } .jak__text { flex-grow: 1; } .jak .jak__btns { min-height: 36px } .jak--2 .jak__btns { display: flex } .jak--2 .jak__btns a { line-height: 1 } /* .jak { padding-left: 180px } .jak--1 { background: #fff url(img/jak-1.jpg) left top 40px / 113px 167px no-repeat; } .jak--2 { background: #fff url(img/jak-2.jpg) left top 37px / 110px 179px no-repeat; } .jak--3 { background: #fff url(img/jak-3.jpg) left top 50px / 126px 144px no-repeat; } .jak--4 { background: #fff url(img/jak-4.jpg) left 30px center / 123px 130px no-repeat; } */ } .hp-proc {background-color: #f8f9fa; } .proc-top { margin-bottom: 10px; padding: 10px; text-align: center; } .proc-top { border-radius: 8px; background-color: #ffffff; border: 1px solid #ecf1f4; box-shadow: 0 0 10px rgba(160, 171, 186, 0.1); } .proc-top { line-height: 1.2; } .proc-top a { display: inline-block; padding: 4px; } .proc-top a { font-family: 'futura-pt-bold', sans-serif; font-weight: bold; color: #5f6671; text-transform: uppercase; text-decoration: none; } .proc-top a:hover, .proc-top .active { color: #124b98; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: .2em; } @media (min-width: 768px) { .proc-top { margin-bottom: 40px; padding: 12px 15px } .proc-top a { padding: 4px 6px } } @media (min-width: 1200px) { .proc-top { margin-bottom: 50px; display: flex; justify-content: space-evenly; } .proc-top a { padding: 15px 6px } } .proc-slider {} .proc-slide { display: none; } .proc-slide:first-child { display: block; } .proc-slide__text { line-height: 1.6; } .proc-slider-wrapper { position: relative; } .proc-slider-wrapper .arr { width: 30px; height: 30px; } .proc-slider-wrapper .arr { position: absolute; top: -30px; } .proc-slider-wrapper .arr-prev { left: 42%; } .proc-slider-wrapper .arr-next { right: 42%; } .proc-slider-wrapper .arr svg { margin: 0; display: block; width: 30px; height: 30px; } .proc-slider-wrapper .arr:hover { opacity: 0.6; } @media (max-width: 767px) { .proc-slider-wrapper { margin: 50px -10px 0; } .proc-slide-in { margin: 10px !important; padding: 20px; border-radius: 8px; background-color: #ffffff; border: 1px solid #ecf1f4; box-shadow: 0 0 10px rgba(160, 171, 186, 0.1); } .proc-slide__img { display: none } } @media (min-width: 768px) { .proc-slider-wrapper { margin: 0 -10px; padding: 0 60px; } .proc-slider-wrapper .arr { width: 50px; height: 50px; top: 50%; transform: translateY(-50%); } .proc-slider-wrapper .arr svg { width: 50px; height: 50px; } .proc-slider-wrapper .arr-prev { left: 0; } .proc-slider-wrapper .arr-next { right: 0; } .proc-slide-in { display: flex; justify-content: space-between; align-items: center } .proc-slide__img { display: block; width: 50%; padding-bottom: 35%; } .proc-slide__img { background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 8px } .proc-slide__text { width: 45%; } } @media (min-width: 960px) { .proc-slide__img { margin-left: 20px; width: 57%; padding-bottom: 42%; } .proc-slide__text { margin: 0 5% 0 8%; width: 30%; } } @media (min-width: 1400px) { .proc-slider-wrapper { padding: 0 } .proc-slider-wrapper .arr-prev { left: -50px; } .proc-slider-wrapper .arr-next { right: -50px; } .proc-slide__img { width: 690px; height: 480px; padding-bottom: 0 } .proc-slide__img { } } @media (min-width: 1600px) { .proc-slider-wrapper .arr-prev { left: -150px; } .proc-slider-wrapper .arr-next { right: -150px; } } .hp-kolik { background-color: #fff; } .hp-kolik__in { max-width: 1600px; } .tarify { margin-bottom: 40px; } .tarif { max-width: 320px; margin: 0 auto 20px; text-align: center; } .tarif { border-radius: 8px; box-shadow: 0 10px 15px rgba(160, 171, 186, 0.1); border: 1px solid #ecf1f4; background-color: #ffffff; } .tarif-in { display: block; text-decoration: none; padding: 30px 20px; } .tarif__symbol { margin-bottom: 20px; } .tarif__symbol svg, .tarif__symbol img { max-height: 50px; } .tarif__nazev { margin-bottom: 15px; } .tarif__popis { min-height: 80px; line-height: 1.4; color: #5f6671; } .tarif__nad-cenou { color: #0046d7; } .tarif__cena { color: #0046d7; font-family: 'futura-pt-bold', sans-serif; font-weight: bold; font-size: 30px; line-height: 1; } .tarif--litacka .tarif__symbol svg { height: 30px } .tarif--zvyrazneny { margin: 40px auto; position: relative } .tarif--zvyrazneny .tarif-in { position: relative } .tarif--zvyrazneny:before { } .tarif--zvyrazneny:before { content: ''; display: block; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; } .tarif--zvyrazneny:before { box-shadow: 0 0 20px rgba(18, 75, 152, 0.4); border-radius: 8px; } .tarif--zvyrazneny:before { background: #0e1a50 url(img/blue-bike.svg) bottom right 30px no-repeat;} .tarif--zvyrazneny { color: #fff; } .tarif--zvyrazneny .tarif__nazev { color: #fff; } .tarif--zvyrazneny .tarif__popis { color: #fff; } .tarif--zvyrazneny .tarif__nad-cenou { color: #fff; } .tarif--zvyrazneny .tarif__cena { color: #fff; } @media (min-width: 768px) { .tarify { margin: -30px auto 0; max-width: 710px; display: flex; justify-content: center; flex-wrap: wrap; } .tarif { margin: 30px auto 0; width: 320px; } .tarif--litacka .tarif__symbol { height: 60px; padding-top: 15px } } @media (min-width: 960px) { .tarify { margin-bottom: 70px; max-width: 900px; } .tarif { margin: 30px 10px 0; min-width: 270px; } } @media (min-width: 1200px) { .hp-kolik__in > h2 { margin-bottom: 70px; } .tarify { margin-top: 0; flex-wrap: nowrap; max-width: none; } .tarify { border: 1px solid #ecf1f4; border-radius: 8px; background-color: #fff; box-shadow: 0 10px 15px rgba(160, 171, 186, 0.1); } .tarify--1 { max-width: 320px } .tarify--2 { max-width: 640px } .tarify--3 { max-width: 960px } .tarif { flex-grow: 1; margin: 0; min-width: 0; border-radius: 0; box-shadow: none; border: 0; border-right: 1px solid #ecf1f4; background-color: transparent;; } .tarif:last-child { border-right: 0; } .tarif-in { } .tarif__symbol { margin-bottom: 20px; height: 63px; } .tarif__symbol svg { max-height: none; display: block; margin: 0 auto; } .tarif--jednorazovy .tarif__symbol { padding-top: 1px } .tarif--jednorazovy .tarif__symbol svg { width: 40px; height: 60px; } .tarif--mesicni .tarif__symbol svg { width: 63px; height: 63px; } .tarif--rocni .tarif__symbol svg { width: 64px; height: 63px; } .tarif--studentsky .tarif__symbol { padding-top: 11px; } .tarif--studentsky .tarif__symbol svg { width: 100px; height: 41px; } .tarif--multisport .tarif__symbol { padding-top: 18px;} .tarif--multisport .tarif__symbol svg { width: 129px; height: 27px; } .tarif--litacka .tarif__symbol { height: 63px !important; padding-top: 20px } .tarif--litacka .tarif__symbol svg { width: 138px; height: 30px; } .tarif__popis { min-height: 70px; } .tarif--zvyrazneny:before { top: -20px; right: -20px; bottom: -20px; left: -20px; } } .hp-kolik__btn { text-align: center; } .hp-news { background-color: #fff; } /* 888b 88 88888888888 I8, 8 ,8I ad88888ba 8888b 88 88 `8b d8b d8' d8" "8b 88 `8b 88 88 "8, ,8"8, ,8" Y8, 88 `8b 88 88aaaaa Y8 8P Y8 8P `Y8aaaaa, 88 `8b 88 88""""" `8b d8' `8b d8' `"""""8b, 88 `8b 88 88 `8a a8' `8a a8' `8b 88 `8888 88 `8a8' `8a8' Y8a a8P 88 `888 88888888888 `8' `8' "Y88888P" */ .posts-wrapper {} .post-item, .post-item * { transition: all .25s ease-in-out; } .post-item { margin: 0 auto 30px !important; max-width: 375px; border-radius: 8px 8px 0 0; } .post-item__link { display: block; text-decoration: none; } .post-item__img-wrapper { position: relative; } .post-item__img-wrapper img { display: block; margin: 0; border-radius: 8px; box-shadow: 0 10px 15px rgba(160, 171, 186, 0.1); } .post-item__img-wrapper img { width: 375px; height: 210px; object-fit: cover; object-position: center center; } .post-item__content { padding: 15px 15px 20px 0; } .post-item__title { margin-bottom: 5px; } .post-item__meta { color: #5f6671;; } .post-item__meta svg { margin-left: 10px; margin-right: 10px; } .post-item:hover { background-color: #124b98; border-radius: 8px; } .post-item:hover .post-item__img-wrapper img { } .post-item:hover .post-item__content { padding-left: 20px; border-radius: 0 0 8px 8px;} .post-item:hover .post-item__title { color: #fff; } .post-item:hover .post-item__meta { color: #fff; } .post-item:hover .post-item__meta svg path { fill: #fff } @media (min-width: 768px) { .posts-wrapper { max-width: 780px; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; } .post-item { width: 48%; margin: 0 0 30px !important; } } @media (min-width: 768px) and (max-width: 1099px) { .post-item:nth-child(2n+1) { margin-right: auto !important; } } @media (min-width: 1100px) { .posts-wrapper { max-width: none; } .posts-wrapper--2 { max-width: 780px; } .post-item { width: 31%; margin-right: 3.5% !important; } .post-item:nth-child(3n+3) { margin-right: 0 !important; } .posts-wrapper--2 .post-item { width: 47%; margin: 0 auto !important; } } .page-title--aktualita { } .page-title--aktualita .page-title__back { color: #0046d7; font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; font-size: 13px; } @media (min-width: 1200px) { .page-title--aktualita .page-title__in { display: flex; justify-content: space-between; align-items: center } .page-title--aktualita .page-title__h1 { margin: 0; text-align: left } .page-title--aktualita .page-title__back { margin-left: 150px; min-width: 150px; text-align: right } } .posts-cats { margin-bottom: 40px; } .posts-cats__list { margin: 0; list-style: none; text-align: center; } .posts-cats__list li { display: inline-block; margin: 1px 3px; padding: 0; line-height: 1.3; } .posts-cats__list a { font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; text-decoration: none; } .posts-cats__list a { display: inline-block; padding: 8px 15px 6px; background-color: #0046D7; color: #fff; border-radius: 500px; } .posts-cats__list a { border: 2px solid #0046D7; } .posts-cats__list li.current-cat a { background-color: #fff; color: #0046D7; } .aktualita-img { margin-bottom: 20px; text-align: center; } .aktualita-meta { margin-bottom: 20px; } .aktualita-meta a { text-decoration: none; color: inherit; } .aktualita-meta a:hover { text-decoration: underline; } .aktualita-meta svg { margin-left: 10px; margin-right: 10px; } .aktualita-text { margin-bottom: 50px; } @media (min-width: 1200px) { .aktualita-img { margin-bottom: 25px } .aktualita-meta { margin-bottom: 25px } .aktualita-text { margin-bottom: 80px; } .aktualita-bottom h2 { margin-bottom: 40px } } /* 88888888ba, 88888888888 ad88888ba db 888888888888 88888888888 88888888ba ,ad8888ba, 88 `"8b 88 d8" "8b d88b 88 88 88 "8b d8"' `"8b 88 `8b 88 Y8, d8'`8b 88 88 88 ,8P d8' `8b 88 88 88aaaaa `Y8aaaaa, d8' `8b 88 88aaaaa 88aaaaaa8P' 88 88 88 88 88""""" `"""""8b, d8YaaaaY8b 88 88""""" 88""""88' 88 88 88 8P 88 `8b d8""""""""8b 88 88 88 `8b Y8, ,8P 88 .a8P 88 Y8a a8P d8' `8b 88 88 88 `8b Y8a. .a8P 88888888Y"' 88888888888 "Y88888P" d8' `8b 88 88888888888 88 `8b `"Y8888Y"' */ .desatero__text { margin-bottom: 30px; } @media (min-width: 768px) { .desatero__text { margin-bottom: 50px; } } .desatero-bod { margin-bottom: 30px; position: relative; } .desatero-bod__nadpis { display: flex; justify-content: flex-start; align-items: center; } .desatero-bod__nadpis__cislo { flex: 0 0 auto; margin-right: 20px; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; } .desatero-bod__nadpis__cislo { background-color: #0e1a50; color: #fff; border-radius: 50%; } .desatero-bod__list { margin-left: 55px; list-style: none; } .desatero-bod__list li { margin: 0 0 10px; padding-left: 30px; background: url(img/kridlo-sede.svg) left top 6px / 18px 13px no-repeat; } .desatero-bod__ilustrace { height: 150px; background-position: center center; background-size: auto 90%; background-repeat: no-repeat; } @media (min-width: 768px) { .desatero-bod { min-height: 150px; padding-left: 240px } .desatero-bod__ilustrace { position: absolute; top: 10%; bottom: 10%; left: 0; height: 80%; width: 200px; background-size: contain } } @media (min-width: 960px) { .desatero-bod { margin-bottom: 40px; } } @media (min-width: 1200px) { .desatero-bod { min-height: 170px } } @media (min-width: 1300px) { .desatero__body { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start } .desatero-bod { width: 47%; margin-bottom: 50px; padding-left: 200px } .desatero-bod__ilustrace { background-position: top center; } } /* 88888888888 db ,ad8888ba, 88 d88b d8"' `"8b 88 d8'`8b d8' `8b 88aaaaa d8' `8b 88 88 88""""" d8YaaaaY8b 88 88 88 d8""""""""8b Y8, "88,,8P 88 d8' `8b Y8a. Y88P 88 d8' `8b `"Y8888Y"Y8a */ .faqs-cols {} .faqs-nadpis { margin-bottom: 12px; padding: 20px; } .faqs-cols { margin-bottom: 12px; } .faq-col { margin-bottom: 12px; } @media (min-width: 960px) { .faqs-cols { display: flex; justify-content: flex-start; } .faq-col { width: 50%; margin-bottom: 0 } .faq-col:first-child { margin-right: 12px } .faqs-nadpis { font-size: 28px } } @media (min-width: 1200px) { } .faq { margin-bottom: 12px; padding: 20px; background-color: #f8f9fa; border-radius: 10px; } .faq__otazka { margin-bottom: 0; } .faq__otazka__link { position: relative; display: block; padding-right: 35px; text-decoration: none; } .faq__otazka__link:after { content: ''; display: block; width: 20px; height: 20px; background: url(img/arr-d2.svg) 0 0 / 20px 20px no-repeat; } .faq__otazka__link:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .faq__otazka__link:after { transition: all .2s ease-in-out; } .faq.active .faq__otazka__link:after { transform: translateY(-50%) rotate(180deg); } .faq__odpoved { display: none; padding-top: 15px; } .faq__odpoved p { margin-bottom: 15px; } @media (min-width: 960px) { .faq { padding: 25px } .faq__odpoved p { margin-bottom: 15px; } } /* 88b d88 88888888888 ad88888ba 888888888888 db 888b d888 88 d8" "8b 88 d88b 88`8b d8'88 88 Y8, 88 d8'`8b 88 `8b d8' 88 88aaaaa `Y8aaaaa, 88 d8' `8b 88 `8b d8' 88 88""""" `"""""8b, 88 d8YaaaaY8b 88 `8b d8' 88 88 `8b 88 d8""""""""8b 88 `888' 88 88 Y8a a8P 88 d8' `8b 88 `8' 88 88888888888 "Y88888P" 88 d8' `8b */ .mapa-mest { display: none; margin-bottom: 40px; } .mesta-text { margin-bottom: 40px; } @media (min-width: 960px) { .mapa-mest { display: block } } .mapa-mest__in { padding: 40px; background-color: #f8f9fa; border-radius: 10px; } .mapa-mest-wrapper { position: relative; width: 794px; height: 453px; margin: auto; } .mapa-mest-img { display: block; margin: 0; } @media (min-width: 1300px) { .mapa-mest-wrapper { width: 1160px; height: 662px; } .mapa-mest-img { width: 1160px; height: 662px; } } .mesto-spendlik { display: block; width: 24px; height: 31px; position: absolute !important; } .mesto-spendlik__pin { cursor: pointer; } .mesto-spendlik__pin svg { display: block; } .mesto-spendlik__pin svg path { transition: all .2s ease-in-out; } .mesto-spendlik__pin:hover svg path { fill: #0e1a50 } .mesto-spendlik, .mesto-spendlik__pin { clip-path: polygon( 12px 0, 15px 1px, 18px 2px, 20px 4px, 24px 8px, 24px 15px, 22px 24px, 12px 33px, 2px 24px, 0 15px, 0 8px, 4px 4px, 6px 2px, 9px 1px ); } /* .mesto-spendlik { display: block; width: 50px; height: 50px; position: absolute !important; } .mesto-spendlik__pin { width: 50px; height: 50px; border-radius: 50px; } .mesto-spendlik__pin { cursor: pointer; border: 2px solid #0046D7; } .mesto-spendlik__pin { background: #fff url(img/bike.svg) top 7px center / 18px auto no-repeat; } .mesto-spendlik__pin__jmeno { margin-top: 28px; padding: 0 2px; } .mesto-spendlik__pin__jmeno { transform: translateY(-50%); } .mesto-spendlik__pin__jmeno { font-size: 7px; line-height: 1.2; text-align: center; color: #0046D7; text-transform: uppercase; font-weight: bold; } .mesto-spendlik__pin__jmeno { overflow-wrap: break-word; } .mesto-spendlik__pin, .mesto-spendlik__pin__jmeno { transition: all .2s ease-in-out; } .mesto-spendlik__pin:hover { background-color: #0046D7; background-image: url(img/bike-white.svg); } .mesto-spendlik__pin:hover .mesto-spendlik__pin__jmeno { color: #fff; } .mesto-spendlik, .mesto-spendlik__pin { clip-path: circle(50% at 50% 50%); } */ .mesto-spendlik.active { clip-path: none; } .mesto-spendlik__info { display: none; opacity: 0; transition: opacity .25s ease-in-out; } .mesto-spendlik.active .mesto-spendlik__info { display: block; opacity: 1; } .mesto-spendlik__info { width: 220px; position: absolute; top: 50px; left: -98px; z-index: 10; } /* 220 / 2 - 24 / 2 */ .mesto-spendlik__info { padding: 15px; text-align: center; background-color: #fff; box-shadow: 0 0 21px rgba(0, 0, 0, 0.1); border-radius: 10px; } .mesto-spendlik__close { display: block; position: absolute; top: 20px; right: 20px; z-index: 1; width: 25px; height: 25px; border-radius: 25px; } .mesto-spendlik__close { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .25); text-decoration: none; line-height: 25px; font-size: 15px; color: gray;} .mesto-spendlik__img-link { display: block; } .mesto-spendlik__img { display: block; margin: 0; border-radius: 7px; } .mesto-spendlik__title { margin: 0; } .mesto-spendlik__title-link { display: block; padding: 15px 0; text-decoration: none; color: #0046d7; } .mesto-spendlik__btns .btn { width: 100%; margin: 3px; } .mesto-spendlik__info:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 11px; margin-left: -11px; } .mesta-wrapper { margin-top: -20px; } .mesto-item { margin: 20px auto 0; max-width: 375px; } .mesto-item__img-wrapper { position: relative; } .mesto-item__img-link { display: block; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 15px rgba(160, 171, 186, 0.1); } .mesto-item__img { display: block; margin: 0; } .mesto-item__btns { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 5; text-align: center; } .mesto-item__btns { opacity: 0; transition: opacity .2s ease-in-out; } .mesto-item__btns .btn { margin: 0 10px; min-width: 130px; } .mesto-item:hover .mesto-item__btns { opacity: 1; } .mesto-item__title { margin: 0; text-transform: uppercase; } .mesto-item__title-link { display: block; padding: 10px; text-align: center; text-decoration: none; } @media (min-width: 768px) { .mesta-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap } .mesta-wrapper { max-width: 800px; margin: auto } .mesto-item { width: 48%; margin: 20px 0 0; } } @media (min-width: 960px) { .mesto-item__btns .btn { min-width: 150px; } } @media (min-width: 1200px) { .mesta-wrapper { max-width: none; margin-top: -30px; justify-content: flex-start } } @media (min-width: 1200px) { /* .mesto-item { width: 32%; max-width: none; margin: 30px 2% 0 0 !important; } .mesto-item:nth-child(3n+3) { margin-right: 0 !important; } */ .mesto-item { width: 24%; margin: 10px 1.333333% 0 0 !important; } .mesto-item:nth-child(4n+4) { margin-right: 0 !important; } .mesto-item__btns .btn { min-width: 0; padding: 10px 20px; } } @media (min-width: 1400px) { } .mesta-news__in { padding: 40px 0; } @media (min-width: 768px) { .mesta-news__in { padding: 70px 0; } .mesta-news__in > h2 { margin-bottom: 40px } } @media (min-width: 960px) { .mesta-news__in { padding: 100px 0 90px; } .mesta-news__in > h2 { margin-bottom: 50px } } /* 88b d88 88888888888 ad88888ba 888888888888 ,ad8888ba, 888b d888 88 d8" "8b 88 d8"' `"8b 88`8b d8'88 88 Y8, 88 d8' `8b 88 `8b d8' 88 88aaaaa `Y8aaaaa, 88 88 88 88 `8b d8' 88 88""""" `"""""8b, 88 88 88 88 `8b d8' 88 88 `8b 88 Y8, ,8P 88 `888' 88 88 Y8a a8P 88 Y8a. .a8P 88 `8' 88 88888888888 "Y88888P" 88 `"Y8888Y"' */ .mesto-promo { position: relative; background-color: #0046D7; background-position: center center; background-repeat: no-repeat; background-size: cover; } .mesto-promo:before { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .mesto-promo:before { background: url(img/mesto-prekryv.svg) bottom center / cover no-repeat; } .mesto-promo__in { padding: 100px 0 100px; } .mesto-promo__content { max-width: 600px; position: relative; z-index: 1; } .mesto-promo__content * { color: #fff; } .mesto-promo__h1 { font-size: 28px; text-transform: uppercase; line-height: 1.4; } .mesto-promo__text { margin-bottom: 30px; line-height: 1.4; font-size: 13px; } .mesto-promo__counters { position: relative; margin-top: 40px; } .mesto-counter { display: inline-block; min-width: 95px; margin: 0 4px; padding: 20px 5px; border-radius: 10px; background-color: rgba( 255, 255, 255, .3); text-align: center; } .mesto-counter__num { margin-bottom: 5px; color: #fff; font-family: 'futura-pt-bold'; font-size: 20px; line-height: 1.1; } .mesto-counter__label { color: #fff; } @media (min-width: 500px) { .mesto-promo__h1 { font-size: 30px } .mesto-promo__text { margin-bottom: 30px font-size: 15px } } @media (min-width: 768px) { .mesto-promo__in { width: 80%; padding: 150px 0 150px; } .mesto-promo__h1 { font-size: 40px } } @media (min-width: 960px) { .mesto-promo__h1 { font-size: 50px } .mesto-promo__text { margin-bottom: 40px; line-height: 1.7; font-size: 15px } } @media (min-width: 1200px) { .mesto-promo__in { width: 90%; display: flex; justify-content: space-between; padding: 220px 0 180px; } .mesto-promo__content { flex: 0 0 auto; width: 600px; margin-right: 50px } .mesto-promo__counters { flex: 1 1 auto; margin-top: 0 } .mesto-counter { margin: 0 16px 0 0; min-width: 120px; padding: 25px 5px } .mesto-counter__num { margin-bottom: 1px; font-size: 32px } .mesto-counter__label { font-size: 18px } } @media (min-width: 1400px) { .mesto-promo__content { margin-right: 100px } .mesto-counter { } } @media (min-width: 1600px) { .mesto-counter { min-width: 145px; padding: 30px 10px } .mesto-counter__num { margin-bottom: 0; font-size: 40px } .mesto-counter__label { font-size: 22px } } .mesto-sekce__in { padding: 40px 0; } @media (min-width: 768px) { .mesto-sekce__in { padding: 70px 0; } .mesto-sekce__in > h2 { margin-bottom: 40px } } @media (min-width: 960px) { /*.mesto-sekce__in { padding: 100px 0 90px; }*/ .mesto-sekce__in > h2 { margin-bottom: 50px } } .mesto-registrace { display: none; } .mesto-kolik__btn { text-align: center; } .mesto-kolik-ekolo__btn { text-align: center; } .mesto-partneri { background: #f8f9fa; } /* 88888888888 ,ad8888ba, 88888888ba 88b d88 88 d8"' `"8b 88 "8b 888b d888 88 d8' `8b 88 ,8P 88`8b d8'88 88aaaaa 88 88 88aaaaaa8P' 88 `8b d8' 88 88""""" 88 88 88""""88' 88 `8b d8' 88 88 Y8, ,8P 88 `8b 88 `8b d8' 88 88 Y8a. .a8P 88 `8b 88 `888' 88 88 `"Y8888Y"' 88 `8b 88 `8' 88 */ .contact-form { margin-bottom: 40px; } .contact-form__alert { display: none; padding-bottom: 20px; text-align: center; font-weight: bold; color: red; } .contact-form__alert .success { color: green; } .contact-form__popup { display: none; } .contact-form__popup__content { max-width: 700px !important; } .form-row { margin-bottom: 10px; } .form-item .label { color: #0046D7; font-family: 'futura-pt-bold', sans-serif; } .form-item .form-input { border: 1px solid #5f6671; background-color: #ffffff; border-radius: 7px; } .form-item textarea { display: block; } .form-item input[type="file"] { padding: 5px; } .form-row--submit { margin-top: 10px; text-align: center; } .form-item--privacy { margin-bottom: 0px; } .form-item--recaptcha { margin: 0 0 15px; font-size: 12px; color: #c1c1c1; line-height: 1.3; } .form-item--recaptcha a { color: inherit; } .form-item--submit { } .form-item--submit .btn { width: auto; } .form-rows-top { margin-bottom: 10px; } @media (min-width: 768px) { .contact-form__alert { padding-bottom: 30px; } .form-rows-top { display: flex; flex-wrap: wrap; justify-content: space-between; } .form-rows-top .form-row { width: 48%; margin-bottom: 15px } } @media (min-width: 1100px) { .contact-form { margin-bottom: 70px; } .form-rows-top { } .form-rows-top .form-row { } .form-row--submit { margin-top: 20px } .form-item--recaptcha { margin-bottom: 20px; } } .grecaptcha-badge { visibility: hidden; } /* ad88888ba 88 88 88888888ba, 88888888888 88888888ba 8b d8 d8" "8b 88 88 88 `"8b 88 88 "8b Y8, ,8P Y8, 88 88 88 `8b 88 88 ,8P Y8, ,8P `Y8aaaaa, 88 88 88 88 88aaaaa 88aaaaaa8P' "8aa8" `"""""8b, 88 88 88 88 88""""" 88""""88' `88' `8b 88 88 88 8P 88 88 `8b 88 Y8a a8P 88 88 88 .a8P 88 88 `8b 88 "Y88888P" 88888888888 88 88888888Y"' 88888888888 88 `8b 88 */ .slider-wrapper { margin: 50px 0; } .slider {} .slider__slide { display: none; } .slider__slide:first-child { display: block; } .slider__slide { background-position: center center; background-repeat: no-repeat; background-size: cover; } .slider__slide { border-radius: 15px; } .slider__slide__in { padding: 30px; } .slider__slide__content { } .slider__slide__title { text-transform: uppercase; } .slider__slide__text { margin-bottom: 20px; } .slider__slide__text a { color: inherit; } .slider__slide__btn { } .slider-wrapper { position: relative; padding: 0 40px; } .slider-wrapper .arr { display: block !important; width: 25px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); } .slider-wrapper .arr svg { width: 25px; height: 25px; } .slider-wrapper .arr:hover { opacity: .6; } .slider-wrapper .arr-prev { left: 0px } .slider-wrapper .arr-next { right: 0px } @media (min-width: 768px) { .slider__slide__in { padding: 50px; } .slider__slide__content { width: 50% } } @media (min-width: 1100px) { .slider-wrapper { margin: 70px 0; padding: 0 60px; } .slider__slide__in { padding: 90px 0 90px 50px; } .slider__slide__content { width: 40% } .slider__slide__text { margin-bottom: 40px; } .slider-wrapper .arr { width: 40px; height: 40px; } .slider-wrapper .arr svg { width: 40px; height: 40px; } } @media (min-width: 1200px) { .slider__slide__title { font-size: 44px } } @media (min-width: 1400px) { .slider-wrapper { padding: 0 } .slider-wrapper .arr-prev { left: -70px } .slider-wrapper .arr-next { right: -70px } .slider__slide__in { padding: 130px 0 130px 70px; } } /* 88888888ba 88 ,ad8888ba, 88 a8P 8b d8 88 "8b 88 d8"' `"8b 88 ,88' Y8, ,8P 88 ,8P 88 d8' `8b 88 ,88" Y8, ,8P 88aaaaaa8P' 88 88 88 88,d88' "8aa8" 88""""""8b, 88 88 88 8888"88, `88' 88 `8b 88 Y8, ,8P 88P Y8b 88 88 a8P 88 Y8a. .a8P 88 "88, 88 88888888P" 88888888888 `"Y8888Y"' 88 Y8b 88 */ .page-blocks { margin: 50px 0; } .page-block { margin-bottom: 40px; } .page-block__text { margin-bottom: 20px; padding: 30px; background-color: #F8F9FA; border-radius: 10px; } .page-block__title { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: center; } .page-block__title__num { margin-right: 20px; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center;} .page-block__title__num { background-color: #0e1a50; color: #fff; border-radius: 50%;} .page-block__text ul, .page-block__text ol { list-style: none } .page-block__text li { margin: 0 0 10px; padding-left: 30px; background: url(img/kridlo-sede.svg) left top 6px / 18px 13px no-repeat; } .page-block__foto {} .page-block__foto img { display: block; } @media (min-width: 768px) { .page-block { margin-bottom: 70px; } .page-block--text-foto { display: flex; justify-content: space-between; align-items: center } .page-block--text-foto .page-block__text { width: 49%; margin: 0; } .page-block--text-foto .page-block__foto { width: 49%; } .page-block--2 .page-block__text { order: 2; } .page-block--2 .page-block__foto { order: 1 } } @media (min-width: 960px) { .page-block__title { font-size: 26px } .page-block__title__num { width: 40px; height: 40px; line-height: 40px } }