﻿.druh-dopravy .inner{margin-bottom:25px;padding:15px 20px;background-color:#FFE4DB;border:1px solid rgba(0,0,0,.15)}
.druh-dopravy .inner:not(.active) .popis{display:none}
.druh-dopravy .inner .header{position:relative;display:flex;width:100%;flex-wrap:wrap;cursor:pointer}
.druh-dopravy .inner .header img{max-width:116px;max-height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
@media(min-width: 1200px){.druh-dopravy .inner {max-width:80%}}
@media(max-width: 991px){.druh-dopravy .inner .header img{max-width:66px}}
@media(max-width: 479px){.druh-dopravy .inner .header img{position:initial;transform:none;top:0;margin-bottom:0px;max-width:100px}}
@media(max-width: 479px){.druh-dopravy .inner .header .obr{width:100%;margin-bottom:15px}}
.druh-dopravy .inner .header h3{font-size:20px;padding-left:150px;color:#000;margin:0;width:70%;display:flex;align-items:center}
@media(max-width: 991px){.druh-dopravy .inner .header h3{padding-left:88px;width:65%}}
@media(max-width: 479px){.druh-dopravy .inner .header h3{padding-left:0}}
@media(max-width: 400px){.druh-dopravy .inner .header h3{width:50%;font-size:17px}}
.druh-dopravy .inner .header .cena{font-size:16px;display:flex;width:30%;justify-content:space-between;color:#000}
@media(max-width: 991px){.druh-dopravy .inner .header .cena{width:35%}}
@media(max-width: 400px){.druh-dopravy .inner .header .cena{width:50%}}
.druh-dopravy .inner .header .cena>div{display:flex;align-items:center;flex-direction:column}
.druh-dopravy .inner .popis{margin-top:15px}
.druh-dopravy .inner .popis p{margin-bottom:0}

.special-kontakt .inner{
    text-align: center;
}

.special-kontakt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.special-kontakt .inner {
    width: 32%;
    padding: 15px;
    background-color: #FFE4DB;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform: translateZ(0);
    margin-bottom: 2.3%
}

@media(max-width: 1199px) {
    .special-kontakt .inner {
        width:48%;
        margin-bottom: 4%
    }
}

@media(max-width: 991px) {
    .special-kontakt .inner {
        width:100%;
        margin-bottom: 15px
    }
}

.special-kontakt .inner.link {
    position: relative
}

.special-kontakt .inner.link h3 {
    margin-bottom: 0
}

.special-kontakt .inner.link a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 768px) {
    .special-kontakt .inner:hover {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.special-kontakt .inner h3 {
    font-size: 19px;
    font-weight: 600;
    margin-top: 0;
    color: #000
}

.special-kontakt .inner p {
    color: #000
}

.special-kontakt .inner p strong {
    font-size: 16px
}

.special-kontakt .inner img {
    margin-bottom: 10px
}

.special-kontakt .inner a[href*="mailto:"] {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    color: #000;
    display: inline-flex;
    align-items: center
}

.special-kontakt .inner a[href*="mailto:"]::before {
    content: "";
    font-family: "Shoptet";
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #000;
    position: absolute;
    left: 0
}

.special-kontakt .inner a[href*="tel:"] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    color: #000
}

.special-kontakt .inner a[href*="tel:"]::before {
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #000;
    position: absolute;
    left: 0;
    content: "";
    font-family: "Shoptet"
}

body[class*=in-kontakt] .content-inner {
    max-widtH: 100%
}

