.globalheader > .ba-section-items > .ba-row-wrapper:nth-child(2) {
    position: relative !important;
    z-index: 100 !important;
}

.globalheader > .ba-section-items > .ba-row-wrapper:nth-child(3) {
    position: relative !important;
    z-index: 1 !important;
}
/* =========================================================
   ÚVODNÍ BLOK
   ========================================================= */

.school-intro {
    width: 760px;
    box-sizing: border-box;

    padding: 55px 80px;

    background: rgba(255,255,255,.93);

    border-radius:
        0 48% 48% 0 /
        0 42% 58% 0;

    text-align: left !important;
}


/* VÍTEJTE */

.school-intro__top {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    color: #737986;

    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 2px;
}

.school-intro__top > span {
    width: 34px;
    height: 2px;

    flex: 0 0 34px;

    background: #df813d;
}


/* NADPIS */

.school-intro h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #17223a;

    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    text-align: left !important;
}

.school-intro h1 strong {
    display: block;

    margin-top: 4px;

    color: #df813d;

    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    white-space: nowrap;

    text-align: left !important;
}


/* ADRESA */

.school-intro__address {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 25px;

    color: #737986;

    font-size: 16px;
    font-weight: 600;
}

.school-intro__address i {
    font-size: 22px;
}


/* TLAČÍTKA */

.school-intro__buttons {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-top: 28px;
}

.school-intro__button {
    height: 62px;
    min-width: 190px;

    box-sizing: border-box;

    padding: 0 24px;

    display: flex;
    align-items: center;
    gap: 13px;

    border-radius: 35px;

    font-size: 16px;
    line-height: 1;
    font-weight: 600;

    text-decoration: none !important;

    transition: .25s ease;
}

.school-intro__button i {
    font-size: 23px;
}

.school-intro__button b {
    margin-left: auto;

    font-size: 23px;
    font-weight: 400;
}


/* ORANŽOVÉ TLAČÍTKO */

.school-intro__button.primary {
    color: #fff !important;

    background: #df813d;
    border: 2px solid #df813d;

    box-shadow: 0 10px 25px rgba(223,129,61,.25);
}


/* BÍLÉ TLAČÍTKO */

.school-intro__button.secondary {
    color: #df813d !important;

    background: rgba(255,255,255,.95);
    border: 2px solid #df813d;
}


/* HOVER */

.school-intro__button:hover {
    transform: translateY(-3px);
}


/* =========================================================
   HLAVIČKA + DROPDOWN MENU
   ========================================================= */

.globalheader .ba-row-wrapper:first-child {
    position: relative !important;
    z-index: 100 !important;
}

.globalheader .ba-row-wrapper:nth-child(2) {
    position: relative !important;
    z-index: 1 !important;
}


/* =========================================================
   MENŠÍ NADPISY
   ========================================================= */

.mensinadpis .justline {
    width: 50px;
    height: 4px;

    margin-top: 15px;

    border-radius: 50px;

    background-color: #ff7a2f;

    float: left;
}

.mensinadpis .titulek {
    margin-left: 25px !important;
    float: left;
}

.mensinadpis .titulek h5 {
    text-align: left;
    font-weight: 700;
}


/* =========================================================
   OSTATNÍ
   ========================================================= */

.ba-col-12.ba-module-position {
    display: none;
}


/* AKTIVNÍ POLOŽKA MENU */

li.nav-item.active {
    text-decoration: underline;
    text-decoration-color: #ef7d32;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
}


/* =========================================================
   PRVNÍ BLOK MENU
   ========================================================= */

.prvniblokmenu .ba-grid-column-wrapper.ba-col-6 {
    margin-left: 0;
    width: calc(100% - 550px);
}

.prvniblokmenu .ba-grid-column-wrapper.ba-col-2 {
    margin-left: 0;
    width: 170px;
}

.prvniblokmenu .ba-grid-column-wrapper.ba-col-4 {
    margin-left: 0;
    width: 450px !important;
}


/* =========================================================
   DRUHÝ BLOK MENU
   ========================================================= */

.druhyblokmenu .ba-grid-column-wrapper.ba-col-2 {
    width: 190px;
}

.druhyblokmenu .ba-grid-column-wrapper.ba-col-10 {
    width: calc(100% - 190px);
}


/* TLAČÍTKA VPRAVO */

.druhyblokmenu .vyskakovaciokno a.ba-btn-transition {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    text-align: left !important;
}

.druhyblokmenu .vyskakovaciokno a.ba-btn-transition i {
    flex: 0 0 5px;

    width: 50px !important;

    margin: 0 10px !important;
    padding: 10px;

    background-color: #ff7a2f;

    color: white !important;

    border-radius: 50px;

    text-align: center;
}

.druhyblokmenu .vyskakovaciokno a.ba-btn-transition span {
    flex: 1;

    text-align: left !important;
}


/* =========================================================
   DO 1280 PX
   ========================================================= */

@media only screen and (max-width: 1280px) {

    .prvniblokmenu .ba-grid-column-wrapper.ba-col-6 {
        margin-left: 0;
        width: calc(100% - 450px);
    }

}


/* =========================================================
   DO 850 PX
   ========================================================= */

@media only screen and (max-width: 850px) {

    /*
     * Tady už school-intro neupravujeme.
     * Mobilní nastavení je kompletně níže při 768 px.
     */

}


/* =========================================================
   MOBIL DO 768 PX
   ========================================================= */

@media only screen and (max-width: 768px) {


    /* -----------------------------------------
       ÚVODNÍ BLOK
       ----------------------------------------- */

    .school-intro {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding: 40px 20px !important;

        background: none !important;

        text-align: left !important;
    }


    /* VÍTEJTE */

    .school-intro__top {
        gap: 10px;

        margin-bottom: 18px;

        font-size: 11px;
        line-height: 16px;
        letter-spacing: 1.5px;
    }

    .school-intro__top > span {
        width: 25px;
        flex-basis: 25px;
    }


    /* HLAVNÍ NADPIS */

    .school-intro h1 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 32px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
        overflow-wrap: normal !important;

        text-align: left !important;
    }


    /* ORANŽOVÁ ČÁST NADPISU */

    .school-intro h1 strong {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 4px;

        font-size: 32px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        text-align: left !important;
    }


    /* ADRESA */

    .school-intro__address {
        margin-top: 22px;

        gap: 7px;

        font-size: 13px;
    }

    .school-intro__address i {
        font-size: 18px;
    }


    /* TLAČÍTKA */

    .school-intro__buttons {
        gap: 12px;

        margin-top: 24px;
    }

    .school-intro__button {
        height: 48px;

        min-width: 0;

        padding: 0 15px;

        gap: 8px;

        font-size: 13px;
    }

    .school-intro__button i {
        font-size: 18px;
    }

    .school-intro__button b {
        font-size: 18px;
    }


    /* -----------------------------------------
       BLOK KOLEM SCHOOL INTRO
       ----------------------------------------- */

    .blok-uvitani {
        width: 100%;

        background: rgba(255,255,255,.93);

        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }


    /* -----------------------------------------
       GRIDBOX SLOUPCE
       ----------------------------------------- */

    .ba-grid-column-wrapper.ba-col-10 {
        width: 100% !important;
    }

    .ba-grid-column-wrapper.ba-col-2 {
        width: 100% !important;
    }


    /* -----------------------------------------
       SPODNÍCH 5 TLAČÍTEK
       ----------------------------------------- */

    .ba-grid-column-wrapper.ba-col-2 .ba-grid-column {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        gap: 10px;
    }

    .ba-grid-column-wrapper.ba-col-2 .vyskakovaciokno {
        flex: 0 0 calc((100% - 50px) / 5) !important;

        padding: 0 !important;

        box-sizing: border-box;
    }

    .ba-grid-column-wrapper.ba-col-2 .vyskakovaciokno span {
        display: none;
    }

}


/* =========================================================
   MALÉ MOBILY DO 600 PX
   ========================================================= */

@media only screen and (max-width: 600px) {

    .prvniblokmenu .ba-grid-column-wrapper.ba-col-4 {
        width: calc(100% - 60px) !important;
    }

    .prvniblokmenu .ba-grid-column-wrapper.ba-col-6 {
        width: 60px;
    }

    .menublok .logopart {
        width: 100px;
    }

    .menublok .namepart {
        width: calc(100% - 120px) !important;
    }

}