*{padding:0; margin:0; position:relative;}

body{min-width:320px; min-height:100vh; display:flex; flex-direction:column; background:#222222; color:#ffffff; font-family: Verdana, sans-serif;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

svg{box-sizing:border-box;}

.site{width:100%; max-width:1000px; min-width:320px; margin:0 auto; box-sizing:border-box;}
.site>.inner{padding:0;}

.header{background:linear-gradient(#26FF93,#00DD6F); padding:20px 0; color:#222222; transition:0.2s}
.header .icon{width:50px; text-align:center;}
.header .icon svg{height:50px;}
.header a{color:#222222; display:block;}
.header .logo{width:50%; max-width:280px;}

.header.sticky{padding:5px 0; position:sticky; top:0px; z-index:10;}
.header.sticky .icon svg{height:40px;}
.header.sticky .logo svg{height:40px;}

.logo_line{display:flex; justify-content:space-between; align-items:center;}
.logo_line .center{margin-left:auto; margin-right:auto; text-align:center;}

.content{flex:1; padding:20px 0;}
.content h1.h1_site{display:none; text-align:center; font-size:0.8em;}
.content .breadmenu{color:#ffffff; display:flex; align-items:center; font-size:14px;}
.content .breadmenu a{color:#ffffff; border: 1px solid #fff; border-radius: 10px; padding: 5px 10px; opacity:0.6; transition:0.2s;}
.content .breadmenu a:last-child{border:0; padding-left:0;}
.content .breadmenu a:hover{opacity:1;}
.content .breadmenu span{padding:0 5px; text-align:center; opacity:0.6;}
.content .taxiMenu{margin-left:auto;}
.content .taxiMenu .icon{width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.content .taxiMenu .icon svg{width:100%; height:100%;}
.content .taxiMenu .toggleBox{visibility: hidden;}
.content .taxiMenu ul::before{width: 0; height: 0; content: ""; position: absolute; top: -10px; right:10px; border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid rgba(255,255,255,0.9);}
.content .taxiMenu ul{position:absolute; background:rgba(255,255,255,0.9); padding:10px 10px; list-style:none; z-index:5; right:0; top:55px;}
.content .taxiMenu ul li{margin:5px 0px; text-align:right; font-size:20px;}
.content .taxiMenu ul li a{white-space:nowrap; padding:5px 10px; display:block; border:1px solid transparent; border-radius:5px; transition:0.2s; color:#222;}
.content .taxiMenu ul li a:hover{background:rgba(255,255,255,0.5); border-color:#ffffff;}

.content #places_list{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px;}
.content #places_list .kraj-box{order:2;}
.content #places_list .kraj-box h3{padding:10px; background: linear-gradient(black, transparent);border-top: 2px solid #444;border-radius: 5px 5px 0 0; cursor:pointer;font-size: 0.9em; text-align:center;}
.content #places_list .kraj-box:hover h3{border-color:#555;}
.content #places_list .kraj-box.open{width:100%; order:1; margin-bottom:20px; border:1px solid #444; border-radius:5px;}
.content #places_list .kraj-box.open h3{font-size:1.4em; border-top: 2px solid #6ada7c}
.content #places_list .kraj-box ul{list-style:none; display:none; flex-wrap:wrap; gap:10px;}
.content #places_list .kraj-box.open ul{display:flex; justify-content:center; padding:10px;}
.content #places_list .kraj-box ul li a{display:block; border:1px solid #444; padding:5px 0px;color:#fff; transition:0.2s;}
.content #places_list .kraj-box ul li a:hover{border-color:#666; background:#444;}
.content #places_list .kraj-box ul li a:hover span.count{background:#6ada7c; text-shadow:1px 1px 2px #000;}
.content #places_list .kraj-box ul li a span{padding:5px 10px;}
.content #places_list .kraj-box ul li a span.count{background:#555; transition:0.2s;}

.content #places_map{text-align:center;margin:20px 0;}
.content #places_map svg{width:800px; max-width:100%; filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
.content #places_map svg g{color:#333; cursor:pointer; filter:drop-shadow(1px 0 0 #555) drop-shadow(-1px 0 0 #555) drop-shadow(0 1px 0 #555) drop-shadow(0 -1px 0 #555); transition:.2s;}
.content #places_map svg g:hover{color:#444;}
.content #places_map svg g text{fill:#999; text-anchor:middle; stroke:none; font-size:14px; font-weight:600; font-family:Arial,Helvetica,sans-serif; cursor:pointer; user-select:none; transition:.2s;}
.content #places_map svg g.open{color:#00DD6F;}
.content #places_map svg g.open:hover{color:#26FF93;}
.content #places_map svg g.open text{fill:#333;}

.content .profile{display:flex; flex-direction:column; align-items: center;}
.content .profile .nazev_box{margin:30px 0; text-align:center; display:flex; flex-direction:column-reverse;}
.content .profile .nazev_box h1{font-size:3.6em;}
.content .profile .nazev_box h2{font-size: 2.2em; font-weight:normal;}
.content .profile .phones{display:flex; flex-wrap:wrap; gap:30px; margin:50px 0; align-items:center; justify-content:space-around;}
.content .profile .phones a{text-decoration:none;}
.content .profile .phones a .button{display:flex; background:linear-gradient(#26FF93,#00DD6F); border:3px solid #ffffff; border-radius:15px; color:#222222; text-shadow: 1px 1px 4px white; align-items:center;}
.content .profile .phones a:hover .button{background:#26FF93;}
.content .profile .phones .button span{white-space: nowrap;}
.content .profile .phones .button svg{width:50px; max-height:50px; box-sizing:border-box; margin-right:15px;filter:drop-shadow( 1px 1px 3px #ffffff);}
.content .profile .phones .button.large{padding:10px 20px; font-size:52px; font-weight:bold;}
.content .profile .phones .button.large svg{width:60px;}

.content .profile .icons{display:flex; margin:30px 0; flex-wrap:wrap; align-items:end; justify-content:space-around;text-align:center;}
.content .profile .icons .iconBox{margin:15px 0px; flex: 1 0 33%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; font-size:24px;}
.content .profile .icons .icon svg{width:100%; max-width:100px; max-height:100px;}
.content .profile .icons .icon_text{padding:0 10px; font-weight:bold;}

.content .profile .provoz_cenik_box{min-width:80%;}

.content .profile .box{width:100%; margin:30px 0;}
.content .profile .box h3{padding:10px; text-align:center; font-size:25px;}
.content .profile .table{border: 3px solid #ffffff; border-radius: 15px;}
.content .profile .table .line{padding:10px 10px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;line-height: 1.5em;}
.content .profile .table .line .sazba{margin-left:auto;}
.content .profile .table .line:nth-child(odd){background:rgba(255,255,255,0.2);}
.content .profile .table .line:first-child{border-radius: 10px 10px 0 0;}
.content .profile .table .line:last-child{border-radius: 0 0 10px 10px;}

.content .profile .cenik_box, .content .profile .podstranka{}
.content .profile .pozn{padding-top:10px; font-size:14px;}
.content .profile .pozn ul{margin-left:20px;}
.content .profile .status_icon{margin-left:10px; cursor:default;}

.status_icon {width: 15px; height: 15px; margin: 10px; background: #6c6c6c; border-radius: 50%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);transform: scale(1);}
.status_icon.online {background: rgba(2, 222, 112, 1); box-shadow: 0 0 0 0 rgba(36, 253, 145, 1); animation: pulse-green 2s infinite;}

@keyframes pulse-green {
    0% {transform: scale(0.95); box-shadow: 0 0 0 0 rgba(36, 253, 145, 0.7);}
    70% {transform: scale(1); box-shadow: 0 0 0 10px rgba(36, 253, 145, 0);}
    100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(36, 253, 145, 0);}
}

.content .profile .button.back_to_town{font-size:1.1em; color: #222; background: linear-gradient(#26FF93,#00DD6F); padding:1em 2em; border-radius:10px; border:1px solid transparent; text-align: center;}
.content .profile .button.back_to_town span{font-weight: bold; white-space: nowrap; display:block;}
.content .profile .button.back_to_town:hover{border-color:#fff;}

.content .profile .podstranka h3{margin-bottom:20px;}
.content .profile .podstranka p,.content .profile .podstranka ul, .content .profile .podstranka ol{padding-bottom:10px;}
.content .profile .podstranka ul, .content .profile .podstranka ol{margin-left:20px;}
.content .profile .podstranka ul li, .content .profile .podstranka ol li{padding-bottom:10px;}
.content .profile .podstranka ul li:last-child, .content .profile .podstranka ol li:last-child{padding-bottom:0;}

.content .seznam-taxi{}
.content .seznam-taxi .mesto_box{padding:30px 0; text-align:center; }
.content .seznam-taxi .mesto_box h2,.content .seznam-taxi .mesto_box h1{font-size:42px;}
.content .seznam-taxi .mesto_box h2 span,.content .seznam-taxi .mesto_box h1 span{display:block; font-weight:normal; font-size:0.6em;}
.content .seznam-taxi .mesto_box .h3{font-size:1.4em;}
.content .seznam-taxi h3{font-size:1.6em;margin-top: 10px;}
.content .seznam-taxi .empty{text-align:center;}

.content .seznam-taxi .list_box2{}
.content .seznam-taxi .list_box2 a{display:block;}
.content .seznam-taxi .list_box2 .line{height:150px; display:flex; align-items: center; border:2px solid #bbbbbb; box-shadow:0px 0px 4px transparent; transition:0.2s; border-radius:10px; margin:10px 0; color:#ffffff;}
.content .seznam-taxi .list_box2 .line:hover{box-shadow:0px 0px 3px #ffffff; border-color:#ffffff;}
.content .seznam-taxi .list_box2 .line.greyscale{filter: grayscale(90%)}
.content .seznam-taxi .list_box2 .line>div{width:30%;}
.content .seznam-taxi .list_box2 .line>div.cenik_box{width:33%;}
.content .seznam-taxi .nazev_box{height: 100%; color:#222222; display:flex; flex-direction:column; justify-content: space-between; align-items: center; background:linear-gradient(#26FF93,#00DD6F); border-radius:7px 0 0 7px;}
.content .seznam-taxi .list_box2 .nazev_box h3,.content .seznam-taxi .list_box2 .nazev_box h2{height:50%;display: flex; align-items: center;text-align:center;}
.content .seznam-taxi .list_box2 .line:hover h3,.content .seznam-taxi .list_box2 .line:hover h2{text-decoration:underline;}
.content .seznam-taxi .list_box2 .nazev_box .icons_line{width: 100%; margin:10px 5px; display: flex; justify-content: space-around; align-items: center;}
.content .seznam-taxi .list_box2 .icons_line .icon{margin:5px;}
.content .seznam-taxi .list_box2 .icons_line .icon svg{width:100%; max-width:30px; max-height:30px;}
.content .seznam-taxi .list_box2 .cenik_box,.content .seznam-taxi .list_box2 .auta_box{line-height:1.6em; font-size:0.9em;}
.content .seznam-taxi .list_box2 .cenik_box .item{display:flex; flex-wrap:wrap; justify-content:space-between;align-items: center; padding:0 5px;}
.content .seznam-taxi .list_box2 .cenik_box .item,.content .seznam-taxi .list_box2 .auta_box .item{padding-top:3px;padding-bottom:3px;}
.content .seznam-taxi .list_box2 .cenik_box .item:nth-child(even){background:rgba(255,255,255,0.3);}
.content .seznam-taxi .list_box2 .cenik_box .cena{margin-left: auto; padding-left:5px;}
.content .seznam-taxi .list_box2 .auta_box{padding:0 10px; }
.content .seznam-taxi .status_icon{position:absolute;top:0px; right:0px;}

.content .seznam-taxi .list_box2.topped{margin-bottom:15px;}
.content .seznam-taxi .list_box2.topped .label{font-size:0.8em; opacity:0.6; margin:3px 0; font-style: italic;}
.content .seznam-taxi .list_box2.topped .line{border-color:#e1d046;}
.content .seznam-taxi .list_box2.topped .line:first-child{margin-top:0;}
.content .seznam-taxi .list_box2.topped .line:hover{box-shadow:0px 0px 3px #fbea5a; border-color:#fbea5a;}
.content .seznam-taxi .list_box2.topped .nazev_box{background:linear-gradient(#fbea5a,#e1d046);}

.content .seznam-taxi .list_box_mini{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px;}
.content .seznam-taxi .list_box_mini .line{display:flex; align-items:unset; justify-content:space-between; border:1px solid #bbbbbb; border-radius:5px; color:#ffffff; white-space:nowrap; transition:0.2s;}
.content .seznam-taxi .list_box_mini .line:hover{border-color:#ffffff;background:#555555;}
.content .seznam-taxi .list_box_mini .line span{padding:5px;}
.content .seznam-taxi .list_box_mini .line .counter{padding:5px; display:flex; align-items:center; text-align:center; background:linear-gradient(270deg, #01de70, #26ff93); color:#333333; border-radius:0 4px 4px 0;}

.content .seznam-taxi .empty{text-align:center; font-size:1.4em;}

.content .seznam-taxi .next_places{display:flex; justify-content:center; align-items:center;}
.content .seznam-taxi .next_places .list_box2{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; align-items:center;}
.content .seznam-taxi .next_places .list_box2 .line{height:auto; flex-wrap:wrap; padding:5px;}
.content .seznam-taxi .next_places .list_box2 .line h4{width:100%; text-align:center; font-size:1.2em; padding-bottom:5px; font-weight:bold;}
.content .seznam-taxi .next_places .list_box2 .line>div{width:auto;}
.content .seznam-taxi .next_places .list_box2 .line .count{padding:3px 5px; background:#666666; border-radius:5px; font-size:0.9em;}
.content .seznam-taxi .next_places .list_box2 .line .distance{display:flex; white-space:nowrap; align-items:center;}
.content .seznam-taxi .next_places .list_box2 .line .distance svg{width:20px; margin:0 10px 0 5px;}

.seznam-taxi.ajax_content_nearby{display:flex; flex-direction:column;}
.seznam-taxi .button.taxi_nearby{padding:10px 20px; margin:0 auto; display:none; align-items:center; justify-content:center; gap:10px; font-size:1.1em; border-radius:10px; border:2px solid #bbbbbb; box-shadow:0px 0px 4px transparent; color:#ffffff; cursor:pointer; transition:0.2s;}
.seznam-taxi .button.taxi_nearby:hover{box-shadow:0px 0px 3px #ffffff; border-color:#ffffff;}
.seznam-taxi .button.taxi_nearby svg{width:20px;}
.seznam-taxi .button.taxi_nearby.waiting svg{animation: nearby-pulse 2s infinite;}
.seznam-taxi .button.taxi_nearby span{white-space:nowrap;}

@keyframes nearby-pulse {
    0% {transform: scale(0.8);}
    60% {transform: scale(1); color: #18f386;}
    100% {transform: scale(0.8);}
}

.content .seznam-taxi .article{margin:50px 0 20px; color:#ddd; font-size:0.8em;}
.content .seznam-taxi .article h3{font-size:1.4em;padding-bottom:10px;}
.content .seznam-taxi .article .article_date{opacity:0.7;}
.content .seznam-taxi .article p{padding-bottom:10px;}
.content .seznam-taxi .article ul{padding-bottom:10px; margin-left:15px;}

.content .line{display:flex; align-items: center; justify-content: space-between;}
.content a{text-decoration:none; color:#222222;}
.content a .button{display:flex; padding:5px 10px; background:linear-gradient(#26FF93,#00DD6F); border:3px solid #ffffff; border-radius:15px; color:#222222; text-shadow: 1px 1px 4px white;}
.content a .button.mini{border:2px solid #ffffff; border-radius:10px; text-shadow: 1px 1px 4px white;}
.content a:hover .button{background:#26FF93;}

.content .subpage h2{padding:40px 0 20px;}
.content .subpage h2:first-child{padding-top:0;}

.content .subpage.spoluprace .text_box{display:flex; align-items:center; justify-content:space-between; margin-bottom:50px;}
.content .subpage.spoluprace .text_box .text{line-height:1.3em;}
.content .subpage.spoluprace .text_box .text h3{margin:10px 0;}
.content .subpage.spoluprace .text_box .text p{padding-bottom:10px;}
.content .subpage.spoluprace .text_box .svg{display:flex; align-items:center; justify-content:center;}
.content .subpage.spoluprace .text_box svg{width:100%; max-height:150px; max-width:150px;}
.content .subpage.spoluprace .text_box{gap:20px;}

.content .subpage.vize .text{font-size:0.9em; margin-bottom:50px;}
.content .subpage.vize .text p{padding-bottom:20px;}
.content .subpage.vize .text p:last-child{padding-bottom:0;}
.content .subpage.vize .roadmap{display:flex;}
.content .subpage.vize .timeline{display:flex; flex-direction:column; margin:0 30px 0 70px;}
.content .subpage.vize .timeline .colorline{width:10px; height:100%; min-height:50px; border-radius:5px;}
.content .subpage.vize .timeline .colorline.green{background:linear-gradient(90deg,#01DE70,#26FF93); margin-bottom:120px;}
.content .subpage.vize .timeline .colorline.yellow{background:linear-gradient(90deg,#FFD24D,#FFFF73);padding-top:120px; margin-top:-120px; padding-bottom: 50px; margin-bottom: -50px; z-index:2;}
.content .subpage.vize .timeline .colorline.grey{background:linear-gradient(90deg,#BBBBBB,#EEEEEE);margin-top: 50px;}
.content .subpage.vize .boxes{display:flex; flex-direction:column; font-size:0.9em; gap:40px;}
.content .subpage.vize .text_box{cursor:default;}
.content .subpage.vize>.roadmap .boxes .text_box:first-child{padding-top:0px;}
.content .subpage.vize>.roadmap ~ .roadmap .boxes .text_box:first-child{padding-top:40px;}
.content .subpage.vize .point{width:20px; height:20px; position:absolute; z-index:5; left:-48px; background:#ffffff; border:3px solid #ffffff; border-radius:50%;box-shadow: 0px 0px 5px #000000}
.content .subpage.vize .point.green{background:linear-gradient(90deg,#01DE70,#26FF93);}
.content .subpage.vize .point.yellow{background:linear-gradient(90deg,#FFD24D,#FFFF73);}
.content .subpage.vize .point.grey{background:linear-gradient(90deg,#BBBBBB,#EEEEEE);}
.content .subpage.vize .point .date{width:50px;position:absolute; left:-60px; text-align:right; font-weight:bold; opacity:0.5; transition:0.2s;}
.content .subpage.vize .text_box:hover .point .date{opacity:1;}

.content .subpage.vize .prehled{display:flex; flex-wrap:wrap; gap:10px; justify-content:space-around; }
.content .subpage.vize .prehled .point{top:calc(50% - 20px);}
.content .subpage.vize .prehled .circle_box{display:flex; justify-content:center; align-items:center;}
.content .subpage.vize .prehled .circle{width:200px; height:200px; padding:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:10px solid #26FF93; border-radius:50%; font-size:26px;}
.content .subpage.vize .prehled .circle span{font-size:2.3em; padding:10px 0; font-weight:bold;}

.content .subpage.kontakt{}
.content .subpage.kontakt .name{font-size:1.4em;padding-bottom: 5px;}
.content .subpage.kontakt .pozice{line-height:1.8em;}
.content .subpage.kontakt .text_box{width:50%; display:flex; flex-direction:column; gap:20px;}
.content .subpage.kontakt .text_box h3,.content .subpage.kontakt .text_box h4{font-size:1.3em; padding-bottom:5px;}
.content .subpage.kontakt .text_box .article{padding:10px;}
.content .subpage.kontakt .separator{width:3px; background:#ffffff;}
.content .subpage.kontakt .form{padding:0 20px;}
.content .subpage.kontakt .form p,.content .subpage.kontakt .form form{padding-bottom:20px}
.content .subpage.kontakt .form p:last-child{padding-bottom:0;}
.content .subpage.kontakt .form .line{gap:5px; margin-bottom:10px;}
.content .subpage.kontakt .form .line:last-child{margin-bottom:0;}
.content .subpage.kontakt .form input,.content .subpage.kontakt .form textarea{padding:5px; margin-bottom:10px; background:transparent; border:0; border-bottom:2px solid #ffffff; color:#ffffff;}
.content .subpage.kontakt .form input::placeholder,.content .subpage.kontakt .form textarea::placeholder{color:#bbbbbb;opacity:1;}
.content .subpage.kontakt .form textarea{border:2px solid #ffffff;}
.content .subpage.kontakt input{width:calc(50% - 20px);}
.content .subpage.kontakt .form textarea{width:100%;}
.content .subpage.kontakt button,.content .subpage.kontakt .button{width: calc(50% - 10px); padding: 10px; background: linear-gradient(#26FF93,#00DD6F); color:#222222; border: 0; cursor:pointer; transition:0.2s;}
.content .subpage.kontakt button:hover,.content .subpage.kontakt .button:hover{background: linear-gradient(#00DD6F,#00DD6F);}
.content .subpage.kontakt .form .odeslano{display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; font-size:1.2em; font-weight:bold; padding:20px; text-align:center;}
.content .subpage.kontakt .form .odeslano small{font-weight: 400;}
.content .subpage.kontakt .form .odeslano svg{width:50%; max-width:120px; color:#00DD6F;}
.content .subpage.kontakt .form .odeslano.red svg{color:#fb2300;}

.content .subpage.kontakt .overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
.content .subpage.kontakt .overlay:target{visibility:visible;opacity:1;}
.content .subpage.kontakt .popup{width:600px; max-width:80%; margin:70px auto;padding:20px;background:#222;border-radius:5px;position:relative;transition:all 0.5s ease-in-out; box-shadow:0px 0px 5px #fff; z-index:2}
.content .subpage.kontakt .popup h2{margin-right:25px}
.content .subpage.kontakt .popup .close{position:absolute;top:10px;right:15px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#999;}
.content .subpage.kontakt .popup .close:hover{color:#26FF93;}
.content .subpage.kontakt .popup .content{overflow:auto;}

.content .article a{color:#ffffff;}
.content .article a:hover{text-decoration:underline;}

.content .blog .article-list{color:#ffffff; font-size:0.9em;}
.content .blog .article-list a{color:#ffffff;}
.content .blog .article-list h3{padding-bottom:5px;}
.content .blog .article_box{padding:10px 10px; border-radius:5px; transition:0.3s;}
.content .blog .article_box:hover{background:rgba(255,255,255,0.1);}
.content .blog .article_print {font-size:0.9em; margin-top:50px;}
.content .blog .article_print h2{padding:10px 0;}
.content .blog .article_print h3{padding:5px 0;}
.content .blog .article_print p{padding-bottom:10px;}
.content .blog .article_print hr{width:40px; height:1px; background:#999999; border:none; margin:10px auto;}
.content .blog .article_print .italic{font-style: italic;}

.content .s404 h2{margin: 20px 0 30px;font-style: italic;font-weight: lighter;font-size: 2.0em;}

.searchInput{background:#fff; width:80%; border-radius:10px; position:relative; margin:20px auto;}
.searchInput input{height:55px; width:100%; outline:none; border:none; border-radius:10px; padding:0 20px 0 20px; font-size:18px; box-sizing: border-box;}
.searchInput.active input{border-radius:5px 5px 0 0;}
.searchInput .resultBox{padding:0; opacity:0; box-sizing:border-box; border-radius: 0 0 10px 10px; background:#ffffff; pointer-events:none; max-height:280px; overflow-x:hidden; z-index:10;}
.searchInput.active .resultBox{width:100%; position:absolute; padding:10px 8px; opacity:1; pointer-events:auto;}
.resultBox li{list-style:none; padding:8px 12px; box-sizing: border-box; display:none; width:100%; cursor:default; align-items:center; border-radius:3px; color: #222222; cursor: pointer;}
.searchInput.active .resultBox li{display:flex;}
.resultBox li.selected, .resultBox li:hover{background:#efefef;}
.resultBox li svg{max-width:16px; max-height:16px; margin-right:10px;}
.resultBox li .nazev{display:flex; flex-wrap:wrap; align-items: baseline; white-space: nowrap;}
.resultBox li .kraj{padding-left:10px; font-size:0.8em; color:#666666;}
.resultBox li .kraj:before{content:"(";}
.resultBox li .kraj:after{content:")";}
.resultBox li .pocet{padding:3px 5px; background:#dddddd; border-radius:5px;margin-left:auto;}
.searchInput .icon{position:absolute; right:0px; top:0px; height:55px; width:55px; text-align:center; line-height:55px; font-size:20px; color:#222222; cursor:pointer;}
.searchInput .icon svg{padding:15px;max-height:100%; max-width:100%; box-sizing:border-box;}

.footer{background:#000000;}
.footer .footer_box{padding:20px 0;}
.footer .copyright{text-align:center; color:#999999; font-size:12px;}
.footer .copyright a{color:#ffffff;}
.footer .footer_box{display:flex; justify-content:space-between; align-items:center; gap:20px; }
.footer .logo{width:30%; max-width:200px;}
.footer .logo a{color:#bbbbbb;transition:0.2s;display:block;}
.footer .logo a:hover{color:#ffffff;}
.footer ul.menu{list-style:none; display:flex; color:#999999; font-size:0.9em;}
.footer ul li a{padding:5px 5px; color:#999999; transition:0.2s; white-space: nowrap;}
.footer ul li a:hover{color:#ffffff;}
.footer ul li + li::before {content: "|"; padding:0 5px;}

.c_consent_box2{width:100%;position:fixed;bottom:0;background:rgba(0,0,0,.8);z-index:10000000;display:none}
.c_consent_box2 .consent_flex{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.c_consent_box2 .inside{max-width:1024px;margin:0 40px;padding:20px;background:#000;color:#fff;font-size:14px;box-shadow:0 0 10px #000}
.c_consent_box2 .h4{font-weight:700}
.c_consent_box2 p{font-size:1em;margin:5px 0}
.c_consent_box2 a{color:#fff;text-decoration:underline}
.c_consent_box2 .extended{display:none;padding:5px 0}
.c_consent_box2 .extended .line{display:flex;gap:10px;margin-bottom:5px;font-size:.9em}
.c_consent_box2 .button_box{display:flex;gap:10px;align-items:center;justify-content:right}
.c_consent_box2 button{padding:5px 10px;cursor:pointer;border:1px solid #999}
.c_consent_box2 button.accept{background:#44a544;color:#fff;font-weight:700;font-size:1.1em;padding:10px 15px}
.c_consent_box2 button.decline,.c_consent_box2 button.save,.c_consent_box2 button.settings{background:#fff;font-size:.8em}
.c_consent_box2 button.accept:hover{background:#4cc34c}
.c_consent_box2 button.decline:hover,.c_consent_box2 button.save:hover,.c_consent_box2 button.settings:hover{background:#ddd}
.c_consent_box2 .button_box .settings{font-size:.8em}
.c_consent_box2 .button_box>.left{margin-right:auto}
.c_consent_box2 .button_box>.right{margin-left:auto}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.jc-center{justify-content:center !important;}
.w75p{width:75%;}
.w25p{width:25%;}
.hidden{display:none !important;}

@media (max-width: 1040px){
.site>.inner{padding:0 10px;}
.content .profile .icons .iconBox{font-size:20px;}
.content .profile .icons .icon svg{max-width: 70px; max-height: 70px;}
}

@media only screen and (max-width: 990px){
.content .seznam-taxi .list_box2 .line{flex-wrap: wrap; height: auto;}
.content .seznam-taxi .list_box2 .line>div.nazev_box{width:100%; border-radius:7px 7px 0 0; margin:0;}
.content .seznam-taxi .list_box2 .nazev_box h3, .content .seznam-taxi .list_box2 .nazev_box h2{padding-top:5px;}
.content .seznam-taxi .list_box2 .nazev_box .icons_line{margin:5px 5px;}
.content .seznam-taxi .list_box2 .line>div{margin:5px 0;}
.content .seznam-taxi .list_box2 .line>div.cenik_box{width:calc(50% - 1px); padding:5px 0; }
.content .seznam-taxi .list_box2 .cenik_box .item{padding-left:10px; padding-right:10px;}
.content .seznam-taxi .list_box2 .cenik_box{border-right:1px solid #bbbbbb;}
.content .seznam-taxi .list_box2 .line>div.auta_box{width: calc(50% - 20px);}
.content .seznam-taxi .list_box2 .line>div.auta_box .item{padding:3px 0;}
.content .subpage.vize .prehled .circle{width:140px; height:140px; font-size:20px;}
.content .subpage.vize .timeline .colorline.green{margin-bottom:100px;}
.content .subpage.vize .timeline .colorline.yellow{padding-top:100px; margin-top:-100px;}
}

@media (max-width: 768px){
.content .profile .nazev_box h1{font-size:2.4em;}
.content .profile .nazev_box h2{font-size:1.5em;}
.content .profile .phones .button.large svg{width:45px;}
.content .profile .phones .button.large{font-size:40px;}
.content .profile .icons .iconBox{font-size:18px}
.content .subpage.kontakt .flex{flex-direction:column; gap:30px;}
.content .subpage.kontakt .flex .separator{display:none;}
.content .subpage.kontakt .form{min-width:80%;}
.content .subpage.kontakt .text_box{width:100%; flex-wrap:wrap; flex-direction: row; justify-content: space-around; gap:30px;}
.content .subpage.kontakt .text_box .article{text-align:center;}
}

@media only screen and (max-width: 690px){
.content .seznam-taxi .list_box2 .line>div.nazev_box, .content .seznam-taxi .list_box2 .line>div.cenik_box, .content .seznam-taxi .list_box2 .line>div.auta_box{width:100%; margin:0;}
.content .seznam-taxi .list_box2 .cenik_box{border-bottom: 1px solid #bbbbbb; border-right:0;}
.content .seznam-taxi .list_box2 .cenik_box .item{justify-content: center;}
.content .seznam-taxi .list_box2 .auta_box{padding:5px 10px; display: flex; justify-content: center; flex-wrap:wrap;}
.content .seznam-taxi .list_box2 .auta_box span{white-space: nowrap;}
.content .seznam-taxi .list_box2 .auta_box .item:not(:last-child):after{content:'•'; padding:0 5px; color:rgba(255,255,255,0.7);}
.content .subpage.vize .prehled .circle{width:90px; height:90px; font-size:14px;}
.content .subpage.vize .prehled .circle span{padding:0;}
.content .subpage.vize .timeline .colorline.green{margin-bottom:70px;}
.content .subpage.vize .timeline .colorline.yellow{padding-top:70px; margin-top:-70px;}
.footer ul.menu{width:40%; flex-direction:column; align-items:center; justify-content:center; gap:5px;}
.footer ul.menu li{display:flex;}
.footer ul.menu li a{padding:10px 5px;}
.footer ul li + li::before{display:none;}
}

@media (max-width: 550px){
.resultBox li .nazev{flex-direction:column;}
.resultBox li .kraj{padding-left:0;}
.resultBox li .kraj:before, .resultBox li .kraj:after{content:"";}
.content .subpage.spoluprace .text_box{flex-direction:column; gap:10px;}
.content .subpage.spoluprace .text_box .text{order:2; width:100%}
.content .subpage.spoluprace .text_box .svg{order:1;}
.content .subpage.vize .prehled .circle_box{flex: 1 0 40%;}
.content .subpage.vize .timeline{margin-left:20px;}
.content .subpage.vize .timeline .colorline.green{margin-bottom:150px;}
.content .subpage.vize .timeline .colorline.yellow{padding-top:150px; margin-top:-150px;}
.content .subpage.vize .point .date{left:-15px; text-align:center; top:24px; opacity:1; text-shadow:1px 1px 3px #000000; font-size: 0.9em; background:rgba(0,0,0,0.5); padding:2px 0;}
}

@media (max-width: 425px){
.header .icon svg{height:40px;}
.content .profile .nazev_box h1{font-size:2.4em;}
.content .profile .nazev_box h2{font-size:1.5em;}
.content .profile .phones .button.large svg{width:26px;}
.content .profile .phones .button.large{font-size:30px;}
.content .profile .icons .iconBox{flex: 1 0 50%;}
.content .subpage.vize .prehled .circle_box{flex: 1 0 100%;}
.content .subpage.vize .timeline .colorline.green{margin-bottom:210px;}
.content .subpage.vize .timeline .colorline.yellow{padding-top:210px; margin-top:-210px;}
.footer .logo{width:40%;}
}
