*{padding:0; margin:0; position:relative;box-sizing: border-box;}

@font-face{font-family:'Ebrima'; src:url('/fonts/Ebrima.woff2') format('woff2'),url('/fonts/Ebrima.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'Ebrima'; src:url('/fonts/Ebrima-Bold.woff2') format('woff2'),url('/fonts/Ebrima-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap;}

body{min-width:320px; background:#2D2D2C; color:#ffffff; font-family: 'Ebrima', sans-serif; font-size:18px;}

h2,h3,h4{font-weight:800; padding-bottom:0.6rem;}
h3{font-size:2.2rem;}
h4{font-size:1.6rem;}

a{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}

p{padding-bottom:10px;}

.site{width:100%; max-width:1200px; min-width:320px; margin:0 auto;}
.site>.inner{padding:40px 0;}

.header{background:url("/img/bg-img2b.jpg") 50% 50% no-repeat; background-size:cover; background-attachment:fixed; color:#FFD61A;}
.header .inner{padding:0;}
.header .flex{justify-content:space-between; flex-wrap:wrap;}
.header .logo{margin-top:10px;}
.header .logo img{max-width:100%;}
.header .logo h1{padding:10px 0;font-size:3rem; line-height:3rem; text-align:center;}
.header .logo h1 span{font-size:2.4rem; font-weight:normal; letter-spacing: 0.3rem; display:block;}
.header .kontakty{width:50%; display:flex; flex-direction:column; justify-content:space-between; text-align:right;}
.header .kontakty>div{height:100%; display:flex;}
.header .kontakty .hlavni{align-items:center; justify-content: flex-end;}
.header .kontakty .dalsi{align-items:flex-end; justify-content: flex-end; flex-direction:column;}

.header .kontakty .hlavni img{margin-right:30px; align-self: center;}
.header .kontakty .hlavni a{font-size:4rem; font-weight:bold; color:#ffffff;  display: flex;}
.header .kontakty .dalsi a{padding:10px 0; color:#ffffff;font-size: 3rem; font-weight: bold;}
.header .slogan{text-align:center; font-size:2rem;}
.header .slogan span{font-weight:normal; color:#ffffff;}
.header .menu{background:#fcd205; color:#2C2C2C; font-size:1.6rem; font-weight:bold;}
.header .menu .nav{display:flex; align-items:center; justify-content:space-around;}
.header .menu .nav a{padding:20px; color:#2C2C2C}
.header .menu .mobile-nav{padding:5px 10px; margin:0px auto; font-size: 18px; display:none;}


.content{}
.yellow{background:#fcd205; color:#2D2D2C;}

.content ul.vyhody{width:100%; margin:0 20px; list-style:none;}
.content ul.vyhody li{display:flex; padding:20px 0;}
.content ul.vyhody li .check{width:20px; height:21px; margin-right:20px; top:5px; flex-shrink: 0; background:url(/img/check.png) 0 0 no-repeat;}
.content ul.vyhody li h3{padding-bottom:0.6rem; font-size:1.8rem; line-height:1.8rem;}

.content .box{margin:10px 0;}
.content .box h4{padding-bottom:0;}

.vozovypark{display:flex; flex-wrap:wrap; justify-content:space-between;}
.vozovypark .box{width:calc(50% - 10px); display:flex; border:1px solid rgba(255,255,255,0.2); transition:0.2s;}
.vozovypark .box:hover{border-color:rgba(255,255,255,0.8);}
.vozovypark .box .img img{display:block; padding:0; margin:5px;}
.vozovypark .box .txt{padding:5px 10px;}
.vozovypark .box ul{margin-left:20px; list-style-type: square;}

.inner .flex{justify-content:space-between;}
.inner .half-box{width:calc(50% - 10px);}

.cenik{}
.cenik table{width:100%; margin:0 auto; border-collapse: collapse; border-spacing: 0;}
.cenik table tr:nth-child(even){background-color: rgba(255,255,255,0.2);}
.cenik table tr td{padding:15px;}
.cenik table tr td:first-child{font-size:1.2rem; font-weight:bold;}
.cenik table tr td:first-child span{font-size:1rem; font-weight:normal;}

.cenik{display:flex; flex-wrap: wrap;}
.cenik .polozka{margin:20px 0; padding:10px; display: flex; flex-direction: column; flex: 1 0 21%; align-items:center; justify-content:center; flex-wrap:wrap; transition:0.2s; border:3px solid transparent; cursor:default;}
.cenik .polozka:hover{border-color:rgba(255,255,255,0.4);} 
.cenik .polozka h5{text-align:center; font-size:1.8rem; line-height:1.6rem;}
.cenik .polozka h5 small{display:block; font-size:1rem;}
.cenik .polozka .cena{margin-top:auto; font-size:1.6rem;}

.tiles{display:flex; justify-content:space-between; align-items:center;}
.tiles.cars{justify-content:center;}
.tile{margin:10px 20px; border:1px solid #ffffff;}
.tile:first-child{margin-left:0;}
.tile:last-child{margin-right:0;}
.tile img{width:100%; max-height:100%;}
.tile h5{font-size:1.3rem; padding:10px 5px; text-align:center;}

.provozni_doba{}
.provozni_doba table{width:100%; margin:0 auto; border-collapse: collapse; border-spacing: 0;}
.provozni_doba table tr:nth-child(even){background-color: rgba(255,255,255,0.2);}
.provozni_doba table tr td{padding:5px 10px;}
.provozni_doba table tr td:first-child{font-size:1rem; font-weight:bold; text-transform: capitalize;}
.provozni_doba table tr td:first-child span{font-size:1rem; font-weight:normal;}
.provozni_doba table tr td:last-child{text-align:right;}

.doc{padding:30px 0;}
.doc .bold{font-weight:bold;}
.doc ol.odstavec{list-style-type: upper-roman; list-style-position: inside; font-size:1.1em; font-weight:bold; }
.doc ol.odstavec>li{padding-bottom:10px; }
.doc ol.odstavec ol{padding-left:30px; font-size:0.9em; font-weight:normal; text-align:justify;list-style-position: outside;}
.doc ol.odstavec ol>li,.doc ol.odstavec ul>li{padding-bottom:5px;}
.doc ol.odstavec ul{padding-left:10px; list-style-type: disc;list-style-position: outside;} 

.slogan{padding:60px 10px; font-size:3rem; text-align:center; font-weight:bold;}

.footer{}
.footer a{color:#ffffff;}
.footer .flex{justify-content:space-between;}
.footer .half-box{width:calc(50% - 10px);}
/*.footer .half-box:nth-child(2){text-align:right;}*/
.footer .half-box img{max-width:100%; max-height:300px;}
.footer .socials{}
.footer .icon{margin-right:10px;}
.footer .icon svg{max-width:40px; transition:0.2s;}
.footer .icon svg:hover{color:#fcd205;}

.footer .footer-menu{font-size:0.8rem;border-top: 1px solid #fcd205;}
.footer .footer-menu .nav{width:50%; margin:10px auto; display:flex; align-items:center; justify-content:space-around;}
.footer .footer-menu .nav a{padding:5px 30px;}

.contact_form{background:#555555; color:#ffffff;}
.contact_form .inner{padding:20px 0;}
.contact_form h3{color:#ffffff; margin-bottom:5px;}
.contact_form input,.contact_form textarea, .contact_form button{width:100%; padding:5px; margin:5px 0;}
.contact_form textarea{height:calc(100% - 10px);}
.contact_form button{cursor:pointer; background:#dddddd; border:1px solid #333333;}
.contact_form button:hover{background:#ffffff;}
.contact_form .flex{gap:10px;}
.contact_form .flex>div:nth-child(1){flex:0 0 30%;}
.contact_form .flex>div:nth-child(2){width:calc(50% - 20px);}
.contact_form .flex>div:nth-child(3){flex:0 0 20%; display:flex;align-items:end;}

.contact_form .email_s{display:none;}

.contact_form .result{margin:30px 0; text-align:center; font-weight: bold; font-size: 1.2em;}
.contact_form .result .icon svg{max-height:70px; -webkit-filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, .7)); filter: drop-shadow( 0px 0px 0px rgba(0, 0, 0, .7));}
.contact_form .result .icon.ok{color:#47cf47;}
.contact_form .result .icon.err{color:#e13737;}
.contact_form .result p{padding:30px 10px;}
.contact_form .gdpr{font-size:0.7em; text-align:center; padding-top:10px;}

.contact_form a{color:#ffffff;}    

.flex{display:flex;}

.hidden{display:none !important;}

.text-center{text-align:center;}


@media screen and (max-width: 1220px) { 
.site>.inner{padding:40px 10px;}
.header .inner{padding:10px 20px;}
.tile{margin:10px 10px;}
.footer .footer-menu .nav{width:70%;}
}

@media screen and (max-width: 990px) {
h3{font-size:2.0rem;}
h4{font-size:1.4rem;}
.header .logo h1{font-size:2.4rem; line-height:2.4rem;}
.header .logo h1 span{font-size: 2.0rem;}
.header .kontakty .hlavni a{font-size:4rem;}
.header .kontakty .dalsi a{font-size:2.6rem;}
.header .slogan{font-size:1.8rem; padding:20px 0 0;}
.header .menu{font-size:1.4rem;}
.vozovypark .box{width:100%;}
}

@media screen and (max-width: 768px){
.header .logo{width:40%;}
.header .kontakty .hlavni a{font-size:3rem;}
.header .kontakty .hlavni img{max-width:50px; margin-right:10px;}
.header .kontakty .dalsi a{font-size:1.8rem; padding:4px 0;}
.header .menu .nav{display:none;}
.header .menu{padding:10px 0;}
.header .menu .mobile-nav{display:block;}
.contact_form .flex{flex-wrap: wrap;gap: 0px 10px;justify-content: right;}
.contact_form .flex>div:nth-child(1){flex:0 0 40%;}
.contact_form .flex>div:nth-child(2){flex: 0 0 calc(60% - 10px);}
}

@media screen and (max-width: 620px) {
.header .flex{gap:20px;} 
.header .logo, .header .kontakty{width:100%; text-align:center;}
.header .logo img{max-width:280px;}
.header .kontakty .hlavni, .header .kontakty .dalsi{padding:10px 0;align-items:center; justify-content: center;}
.flex{flex-wrap:wrap;}
.cenik .polozka{flex:1 0 40%;}
.cenik table tr td:first-child span{display:block;}
.tiles{flex-wrap:wrap;}
.tiles .tile{width:calc(50% - 10px); margin:10px 0;}
.inner .half-box{width:100%; margin:0 0 20px;text-align:center;}
.inner .half-box:nth-child(2){text-align:center;}
.footer .half-box{width:100%; margin:0 0 20px;text-align:center;order:2;}
.footer .half-box:nth-child(2){text-align:center; order:1;}
.contact_form .flex>div:nth-child(3){flex:0 0 30%;}
.footer .footer-menu .nav{width:100%; }
.footer .footer-menu .nav a{padding:0 10px;}
}

@media screen and (max-width: 480px) {
.vozovypark .box{width: calc(50% - 10px); flex-wrap:wrap;}
.vozovypark .box .img, .vozovypark .box .img img{max-width:100%;}

}

@media screen and (max-width: 400px) {
.vozovypark .box{width: 100%; flex-wrap:wrap;}
.vozovypark .box .img{width:100%; text-align:center;}
.vozovypark .box .img img{display: initial;}
.contact_form .flex{flex-direction: column;}
.contact_form textarea{height:90px;}
.contact_form button{margin:0;}
.contact_form .flex>div:nth-child(1){width:60%}
.contact_form .flex>div:nth-child(2){width:100%}
.contact_form .flex>div:nth-child(3){width:60%; margin-left:auto;}
}