.tlacitko-cerveny-ramecek {
    border: 0.0995rem solid #ff3e00;
    border-radius: 0.4975rem;
    text-decoration: none;
    color: #fff;
    padding: 0.4em 1.35em;
    line-height: 1.2;
    display: inline-block;
    font-size: 1.2em;
    font-weight: var(--font-bold);
}

.tlacitko-cerveny-ramecek:hover {
    color: #fff;
    text-decoration: none;
}

.--scrolleffect .content-vyhody__part .content-vyhody__warp {
    transform: translateY(100%);
    transition: none;
    position: relative;
    opacity: 0;
}

.--scrolleffect .content-vyhody__part.--part-1 .content-vyhody__warp {
    transform: translateY(16.4181rem);
}

.--scrolleffect .content-vyhody__part .--part-2 .content-vyhody__warp {
    transform: translateY(19.4032rem);
}

.--scrolleffect .content-vyhody__part .--part-2b .content-vyhody__warp {
    transform: translateY(19.4032rem);
}

.page-load .--scrolleffect .content-vyhody__part .content-vyhody__warp {
    transition: all 1s ease;
}

.--loadbody.page-handle-arrows
    .--scrolleffect
    .content-vyhody__part
    .content-vyhody__warp {
    transform: translateY(0);
    transition: none;
    opacity: 1;
}

.--scrolleffect .--effect.content-vyhody__part .content-vyhody__warp {
    transform: translateY(0%);
    opacity: 1;
}

.--scrolleffect .--below.content-vyhody__part .content-vyhody__warp {
    transform: translateY(0%);
    transition: none;
}

.content-vyhody__warp {
    max-width: 63.6823rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

html.page-handle-arrows .content-vyhody__warp {
    max-width: 80%;
}

.content-vyhody__nadpis {
    font-size: 2.25rem;
    font-weight: var(--font-bold);
    margin: 0 0 0.6rem;
}

.content-vyhody__text {
    margin: 0 auto 2.4rem;
    max-width: 34.8262rem;
}

body.page-handle-arrows .content-vyhody__text {
    margin: 0 auto 2.4rem;
    max-width: 66%;
}

.content-vyhody__part {
    padding-bottom: 7.8rem;
}

.content-vyhody__part.--part-6 {
    padding-bottom: 2rem;
}

.page-handle-arrows .content-vyhody__part.--part-6 {
    padding-bottom: 3rem;
}

.content-vyhody__warp {
    display: table;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
}

.content-vyhody__popis {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: auto;
}

.content-vyhody__text-left .content-vyhody__popis {
    padding-left: 0;
    padding-right: 5em;
}

.content-vyhody__text-right .content-vyhody__popis {
    padding-left: 5em;
    padding-right: 0;
}

.vyhody__popis-nadpis {
    margin: 0 0 0.4em;
}

.vyhody__popis-text {
    max-width: 27.3635rem;
}

body.page-handle-arrows .vyhody__popis-text {
    max-width: none;
}

.content-vyhody__obrazek {
    width: 30.3486rem;
    border-radius: 1.194rem;
}

body.page-handle-arrows .content-vyhody__obrazek {
    border-radius: 1.2vw;
}

.content-vyhody__part.--part-1 {
    padding-bottom: 4.6rem;
}

.content-vyhody__part.--part-2 .content-vyhody__obrazek {
    box-sizing: border-box;
    width: 29.8511rem;
    height: auto;
    flex: 0 0 29.8511rem;
}

body.page-handle-arrows
    .content-vyhody__part.--part-2
    .content-vyhody__obrazek {
    width: 32vw;
}

.content-vyhody__part.--part-3 .content-vyhody__obrazek {
    width: 29.8511rem;
    height: auto;
    flex: 0 0 29.8511rem;
}

body.page-handle-arrows
    .content-vyhody__part.--part-3
    .content-vyhody__obrazek {
    width: 32vw;
}

.content-vyhody__part.--part-4 .content-vyhody__obrazek {
    width: 29.8511rem;
    height: auto;
    flex: 0 0 29.8511rem;
}

body.page-handle-arrows
    .content-vyhody__part.--part-4
    .content-vyhody__obrazek {
    width: 32vw;
}

.content-vyhody__part.--part-5 .content-vyhody__obrazek {
    width: 29.8511rem;
    height: auto;
    flex: 0 0 29.8511rem;
}

.content-vyhody__part.--part-5b .content-vyhody__obrazek {
    width: 29.8511rem;
    height: auto;
    flex: 0 0 29.8511rem;
}

body.page-handle-arrows
    .content-vyhody__part.--part-5
    .content-vyhody__obrazek {
    width: 32vw;
}

body.page-handle-arrows
    .content-vyhody__part.--part-5b
    .content-vyhody__obrazek {
    width: 32vw;
}

.content-vyhody__part.--part-6 .content-vyhody__nadpis {
    font-size: 1.75em;
}

.content-vyhody__vsechny-vyhody {
    padding: 1.2em 0 2.4em;
    display: none;
}

.content-vyhody__vsechny-vyhody .content_hm_whywant_table {
    background-color: #192229;
    border-radius: 0.995rem;
    border-collapse: collapse;
    font-size: 1em;
}

.content-vyhody__vsechny-vyhody .content_hm_whywant_table,
.content_hm_whywant_table td:first-child {
    color: #efefef;
}

.content-vyhody__vsechny-vyhody .content_hm_whywant_table tr:nth-child(even) {
    background-color: transparent;
}

.content-vyhody__vsechny-vyhody .content_hm_whywant_table tr {
    border-bottom: 0.0498rem solid #222e37;
}

.content-vyhody__vsechny-vyhody .content_hm_whywant_table tr:last-child {
    border-bottom: none;
}

.page-handle-normal
    .content-vyhody__vsechny-vyhody
    .content_hm_specifyTitle.content_mobile_padding.content_bold,
.content-vyhody__vsechny-vyhody
    .content_hm_specifyTitle.content_mobile_padding.content_bold {
    text-align: left;
    vertical-align: top;
    padding-bottom: 2rem;
    font-weight: var(--font-bold);
    padding: 1.2em 0.8em 1.2em 1.2rem;
    background-color: transparent;
    white-space: nowrap;
    width: auto;
}

.page-handle-normal
    .content-vyhody__vsechny-vyhody
    .content_hm_specifyText.content_mobile_padding,
.content-vyhody__vsechny-vyhody .content_hm_specifyText.content_mobile_padding {
    text-align: left;
    vertical-align: top;
    padding: 1.2em 1.2rem 1.2em 0.8em;
    background-color: transparent;
}

.content-vyhody__part.--stanice-uk {
    padding-bottom: 3rem;
}

@media screen and (max-width: 700px) {
    .page-handle-normal
        .content-vyhody__vsechny-vyhody
        .content_hm_whywant_table {
        display: block;
    }

    .page-handle-normal
        .content-vyhody__vsechny-vyhody
        .content_hm_whywant_table
        tr {
        display: block;
    }

    .page-handle-normal
        .content-vyhody__vsechny-vyhody
        .content_hm_whywant_table
        tr
        .content_hm_specifyTitle.content_mobile_padding.content_bold {
        display: block;
        padding: 2rem 1.2438rem 0.2rem !important;
        font-weight: var(--font-bold);
    }

    .page-handle-normal
        .content-vyhody__vsechny-vyhody
        .content_hm_whywant_table
        tr
        .content_hm_specifyText.content_mobile_padding {
        display: block;
        padding: 0 1.2438rem 2rem !important;
        font-weight: 400;
    }
}

@media screen and (max-width: 1340px) {
    .page-handle-normal .content-vyhody__warp {
        max-width: 63.6823rem;
        text-align: center;
    }

    .page-handle-normal .content-vyhody__part.--part-2 .content-vyhody__popis {
        box-sizing: border-box;
        width: 50%;
        flex: 1 1;
    }

    .page-handle-normal
        .content-vyhody__part.--part-2
        .content-vyhody__obrazek {
        box-sizing: border-box;
        width: 50%;
        flex: 1 1;
    }
}

@media screen and (max-width: 1240px) {
    .page-handle-normal .content-vyhody__warp {
        display: flex;
        flex-direction: column;
        margin: 0;
        box-sizing: border-box;
    }

    .page-handle-normal .content-vyhody__warp.content-vyhody__text-right {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-handle-normal .content-vyhody__text-left .content-vyhody__popis,
    .page-handle-normal .content-vyhody__text-right .content-vyhody__popis {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
        text-align: center;
        width: auto;
        max-width: 31.3436rem;
        padding: 0;
    }

    .page-handle-normal .content-vyhody__part.--part-2 .content-vyhody__popis {
        box-sizing: border-box;
        width: auto;
        max-width: 31.3436rem;
        flex: 1 1;
    }

    .page-handle-normal .content-vyhody__warp .vyhody__popis-text {
        max-width: none;
    }

    .page-handle-normal .content-vyhody__warp .content-vyhody__obrazek {
        display: block;
        width: auto;
        max-width: 29.8511rem;
        margin-left: auto;
        margin-right: auto;
    }

    .page-handle-normal
        .content-vyhody__part.--part-5
        .content-vyhody__obrazek
        .dlazdice-hbo,
    .page-handle-normal
        .content-vyhody__part.--part-5b
        .content-vyhody__obrazek
        .dlazdice-hbo,
    .page-handle-normal
        .content-vyhody__part.--part-3
        .content-vyhody__obrazek
        .dlazdice-videoteka {
        width: auto;
        max-width: none;
    }

    .page-handle-normal
        .content-vyhody__part.--part-3
        .content-vyhody__obrazek {
        width: auto;
        height: auto;
        flex: 1 1;
    }

    .page-handle-normal
        .content-vyhody__part.--part-4
        .content-vyhody__obrazek {
        width: 100%;
        height: auto;
        flex: 1 1;
    }

    .page-handle-normal
        .content-vyhody__part.--part-5b
        .content-vyhody__obrazek,
    .page-handle-normal
        .content-vyhody__part.--part-5
        .content-vyhody__obrazek {
        width: 100%;
        height: auto;
        flex: 1 1;
    }

    .page-handle-normal
        .content-vyhody__part.--part-2b
        .content-vyhody__obrazek,
    .page-handle-normal
        .content-vyhody__part.--part-2
        .content-vyhody__obrazek {
        width: 100%;
        height: auto;
    }

    .page-handle-normal .content-vyhody__part {
        padding-bottom: 0;
        padding-top: 0;
    }

    .page-handle-normal .content-vyhody {
        padding-bottom: 3rem;
    }

    .page-handle-normal .content-vyhody__part.--part-1 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .page-handle-normal .content-vyhody__part.--part-2 {
        padding-bottom: 0;
        padding-top: 4.9rem;
    }

    .page-handle-normal .content-vyhody__part.--part-2b {
        padding-bottom: 0;
        padding-top: 2.5rem;
    }

    .page-handle-normal .content-vyhody__part.--part-3,
    .page-handle-normal .content-vyhody__part.--part-4,
    .page-handle-normal .content-vyhody__part.--part-5,
    .page-handle-normal .content-vyhody__part.--part-5b,
    .page-handle-normal .content-vyhody__part.--part-6 {
        padding-top: 7.8rem;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .page-handle-normal .homepage-3__bg2 {
        background: none;
        padding-top: 0;
    }

    .page-handle-normal .content-vyhody__part.--part-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .page-handle-normal .content-vyhody__part.--part-1 .content-vyhody__warp {
        padding-top: 2rem;
        background-image: url(../../page-site/content_index/imgs/rodina.jpg);
        background-size: 37rem auto;
        background-repeat: no-repeat;
        background-position: top 1.8rem center;
        padding-left: var(--page-padding);
        padding-right: var(--page-padding);
        min-height: 36.5rem;
    }

    .page-handle-normal .content-vyhody__nadpis .nobr {
        display: block;
    }

    .page-handle-normal .content-vyhody__text {
        max-width: 26rem;
    }

    .page-handle-normal .content-vyhody__part.--part-2 {
        padding-top: 0rem;
    }
}

@media screen and (max-width: 445px) {
    .page-handle-normal .content-vyhody__part.--part-1 .content-vyhody__warp {
        padding-top: 2rem;
        background-image: url(../../page-site/content_index/imgs/rodina.jpg);
        background-size: 28rem auto;
        background-repeat: no-repeat;
        background-position: top 4.7rem center;
        padding-left: var(--page-padding);
        padding-right: var(--page-padding);
        min-height: 31rem;
    }
}

@media screen and (max-width: 370px) {
    .content-vyhody__nadpis {
        font-size: 2.2rem;
        text-align: center;
    }
}
