@import 'components/reset.css';
@import 'components/print.css';
@import 'components/normalize.css';
@import 'components/base.css';
@import '../../../css/03-objects/old-grid.css';

@import 'components/header.css';
@import 'components/horizontalmenu.css';
@import 'components/navigation.css';
@import 'components/body.css';
@import 'components/left-menu.css';
@import 'components/calendar.css';
@import 'components/content.css';
@import 'components/canteen.css';
@import 'components/forum.css';
@import 'components/login.css';
@import 'components/sitemap.css';
@import 'components/feedback.css';
@import 'components/files.css';
@import 'components/epodatelna.css';
@import 'components/poll.css';
@import 'components/teachers.css';
@import 'components/quiz.css';
@import 'components/dashboard.css';
@import 'components/gallery.css';
@import 'components/footer.css';
@import '../../../css/cookie-bar.css';
@import '../../../css/cookie-consent-bar.css';
@import '../../../css/main-menu.css';
@import '../../../css/menu-switcher.css';
@import '../../../css/menu-switcher--only-icon.css';
@import '../../../css/menu-switcher--desktop.css' screen and (min-width: 60em);
@import '../../../css/cookie-bar.css';


[data-consent] {
    background: #eee radial-gradient(transparent, #ddd);
}

iframe[data-consent] {
    display: none;
}


body {
    font-family: 'Open Sans', sans-serif;
}


a {
    color: #8BC34A;
}


h1 {
    color: #F5A503;
}


h2 {
    color: #0D5302;
}


h3,
h4,
h5,
h6 {
    color: #8BC34A;
}


@media only screen and (max-width: 959px) {
    h1 {
        font-size: 187.5%;
    }

    h2 {
        font-size: 150%;
    }

    h3 {
        font-size: 131.25%;
    }

    h4 {
        font-size: 112.5%;
    }

    h5 {
        font-size: 93.75%;
    }

    h6 {
        font-size: 75%;
    }
}


/*** HEADER ***/
.header {
    border-top: 5px solid #FFC400;
    background: #0D5302;
    color: #fff;
}


.header-inner {
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
}


.header .h_one {
    padding-top: 1em;
    align-self: center;
}


.header .h_one,
.header .h_three {
    flex-grow: 1;
}


.header .h_two {
    display: none;
    flex-grow: 0;
}


.header .h_three {
    display: none;
    box-sizing: border-box;
    padding-bottom: 1em;
    overflow: hidden;
}


.header-block {
    display: flex;
    align-items: center;
    gap: 1em;
}


.header-block__logo {
    flex: 1;
}


.mobile-block {
    margin-top: 1.5em;
    display: block;
    height: 0px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
}


.page--menu-active .mobile-block {
    height: auto;
    transform: scaleY(1);
    overflow: visible;
}


.mobile-block:before {
    content: "";
    display: block;
    border-top: 1px solid #ddedc8;
    margin: 0 -1em;
}


@media only screen and (min-width: 60em) {
    .header .h_one {
        padding-bottom: 1em;
        padding-right: 1em;
    }


    .header .h_two,
    .header .h_three {
        display: block;
    }


    .header .h_two {
        display: block;
        float: left;
        padding-right: 0;
    }


    .header .h_three {
        padding-left: 1em;
        max-width: 25em;
    }


    .header .h_three {
        padding-bottom: 0;
    }


    .header-block__menu-switcher {
        display: none;
        gap: 0;
    }


    .mobile-block {
        display: none;
    }
}


/*** LOGO ***/
.logo,
.logo__image,
.logo__text,
.webtitle,
.webtitle__subtitle {
    display: block;
    color: inherit;
    margin: 0;
}


.logo {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 62.5%;
}


.logo,
.logo:hover,
.logo:focus,
.logo:active {
    text-decoration: none;
}


.logo__image {
    padding-right: 1em;
}


.logo__image img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 70px;
}


.logo__text {
    color: #fff;
    padding-top: 0.25em;
}


.webtitle {
    color: #fff;
    font-size: 150%;
    font-weight: bold;
}


.webtitle__subtitle {
    color: #8BC34A;
    font-size: 75%;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 0.125em;
}


@media only screen and (min-width: 25em) {
    .logo {
        font-size: 75%;
    }
}


@media only screen and (min-width: 60em) {
    .logo {
        font-size: 100%;
    }


    .logo__image img {
        width: auto;
    }
}


/*** MENU SWITCHER ***/
.menu-switcher__button {
    border-radius: 0;
    background: #dcedc8;
    padding: 0.5em;
}


.menu-switcher__button img {
    filter: invert(54%) sepia(30%) saturate(523%) hue-rotate(59deg) brightness(90%) contrast(84%);
}


.menu-switcher--active .menu-switcher__button {
    background: #fff;
}


/*** MAIN MENU ***/
.mobile-block__main-menu {
    margin: 0 -1em;
    background: #ddedc8;
}


.main-menu .main-menu__item--opened .main-menu--submenu {
    padding: 1em 0;
}


.main-menu-link {
    color: #0D5302;
}


.main-menu-link__label {
    text-transform: uppercase;
    padding-left: 40px;
}


.main-menu__item-arrow {
    right: unset;
    left: 2em;
    width: 30px;
    height: 30px;
    background-image: url('../img/ico-active-menu-item.png');
    background-size: 100%;
}


.main-menu--top > .main-menu__items > .main-menu__item > .main-menu__item-wrapper > .main-menu-link {
    font-weight: bold;
    padding: 0 2em;
}


.main-menu--top > .main-menu__items > .main-menu__item > .main-menu__item-wrapper > .main-menu-link > .main-menu-link__label {
    padding: 1em 0;
    padding-left: 40px;
    background: transparent url('../img/ico-active-menu-item.png') no-repeat left center;
}


.main-menu--top > .main-menu__items > .main-menu__item > .main-menu__item-wrapper > .main-menu-link--active {
    background: #8bc24a;
}


.main-menu--top > .main-menu__items > .main-menu__item--active > .main-menu__item-wrapper > .main-menu-link > .main-menu-link__label {
    background-image: url('../img/ico-active-menu-kontext.png');
}


.main-menu--top > .main-menu__items > .main-menu__item--parent > .main-menu__item-wrapper > .main-menu-link > .main-menu-link__label {
    background-image: none;
}


.main-menu--submenu .main-menu-link:before {
    display: none;
}


/*** LINK BLOCK ***/
.link-block,
.link-block__row,
.link-block__link,
.link-block__link img {
    display: block;
}


.link-block {
    overflow: hidden;
}


.link-block__row {
    overflow: hidden;
    float: left;
}



.link-block__link {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 11px;
    margin-right: 11px;
    overflow: hidden;
    position: relative;
    text-align: left;
    float: left;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}


.link-block__link img {
    position: absolute;
}


.link-block__link--active img,
.link-block__link:hover img,
.link-block__link:focus img,
.link-block__link:active img {
    right: 0;
}


.link-block__row:last-child .link-block__link:last-child {
    margin-right: 0;
}


.mobile-block__links {
    padding: 0.75em;
    display: flex;
    gap: 0.75em;
    margin: 0 -1em;
}


.mobile-block__links .link-block {
    display: flex;
    gap: 0.75em;
    overflow: visible;
}


.mobile-block__links .link-block__row {
    overflow: visible;
    display: flex;
    gap: 0.75em;
}


.mobile-block__links .link-block__link {
    margin: 0;
}


@media only screen and (min-width: 30em) {
    .link-block__row {
        display: block;
        float: none;
    }


    .link-block__link:last-child {
        margin-right: 0;
    }
}


/*** CONTACT US link ***/
.contact-us-link {
    display: block;
    margin-bottom: 1em;
    background: #FFC400;
    font-weight: bold;
    color: #0D5302;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 87.5%;
    padding: 1em 2em;
    letter-spacing: 1px;
    position: relative;
}


.contact-us-link:after {
    display: block;
    content: "";
    width: 98px;
    height: 79px;
    background: url('../img/image-envelop.png') no-repeat center center;
    position: absolute;
    right: -2px;
    bottom: -28px;
}


.mobile-block__links .contact-us-link {
    background: #8bc34a;
    width: 50px;
    height: 50px;
    padding: 0;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 0;
}


.mobile-block__links .contact-us-link__label {
    display: block;
    width: 0;
    height: 0;
}


.mobile-block__links .contact-us-link:after {
    width: 60px;
    height: 50px;
    background-size: contain;
    bottom: -1px;
    right: -15px;
    transform: rotate(12deg);
}


/*** SEARCH FORM ***/
.search-form {
    display: block;
    position: relative;
}


.search-form__input,
.search-form__button {
    display: block;
    font: inherit;
    padding: 0.5em 1em;
    box-sizing: border-box;
    width: 100%;
}


.search-form__input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #8BC34A;
    color: #fff;
}


.search-form__input::placeholder {
    color: #fff;
    font-style: italic;
    font-size: 87.5%;
}


.search-form__button {
    overflow: hidden;
    padding: 0;
    padding-left: 35px;
    width: 35px;
    min-height: 35px;
    border: none;
    background: transparent url('../img/ico_search.png') no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}


.mobile-block__search {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}


.mobile-block__search .search-form {
    max-width: none;
}


@media only screen and (min-width: 44em) {
    .search-form {
        max-width: 70%;
    }
}


/*** HORIZONTAL MENU ***/
.horizontalmenu {
    display: none;
    background: #DCEDC8;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 10;
}


.horizontalmenu-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.horizontalmenu .m0_0 {
    flex-grow: 1;
    text-align: center
}


.horizontalmenu .m0_0 a {
    color: #0D5302;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em 3em;
}


.horizontalmenu .m0_0 a:hover,
.horizontalmenu .m0_0 a:focus,
.horizontalmenu .m0_0 a:active,
.horizontalmenu .m0_0 .m0_0hov {
    color: #fff;
    background: #8BC34A;
}


.horizontalmenu .m0_0 a span {
    position: relative;
    display: inline-block;
}


.horizontalmenu .m0_0 a:hover span:after,
.horizontalmenu .m0_0 a:focus span:after,
.horizontalmenu .m0_0 a:active span:after,
.horizontalmenu .m0_0 .m0_0hov span:after {
    display: block;
    content: "";
    width: 30px;
    background: transparent url('../img/ico-active-menu-item.png') no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -40px;
}


@media only screen and (min-width: 60em) {
    .horizontalmenu {
        display: block;
    }
}


/*** NAVIGATION ***/
.navigation {
    margin-bottom: 1em;
    color: #457b3d;
}

.navigation-inner {
    padding: 0.75em 0 0;
}


.navigation a {
    color: inherit;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em;
    font-size: 87.5%;
}


.navigation a:hover,
.navigation a:focus,
.navigation a:active {
    text-decoration: underline;
}


.navigation a:first-child {
    width: 30px;
    height: 30px;
    padding-left: 30px;
    box-sizing: border-box;
    overflow: hidden;
    background: url('../img/ico-home.png') no-repeat left center;
    margin-left: 0;
}


.navigation a:first-child,
.navigation a:first-child:hover,
.navigation a:first-child:focus,
.navigation a:first-child:active {
    text-decoration: none;
}



/*** BODY ***/
.body {
    background: #fff url('../img/BC-image.jpg') no-repeat top center;
    /*background-attachment: fixed;*/
}


.body-inner {
    background: #fff;
    padding-bottom: 2em;
}


.body-outer {
    position: relative;
}


@media only screen and (min-width: 60em) {
    .right {
        padding-left: 3em;
        padding-right: 5em;
    }


    .right--on-left {
        padding-left: 0;
        padding-right: 0;
    }
}


@media only screen and (min-width: 85em) {
    .right {
        padding-right: 1em;
    }
}


/*** LEFT MENU ***/
.menu2 {
    display: none;
}

.menu2 .m1_0 a,
.menu2 .m1_1 a,
.menu2 .m1_2 a,
.menu2 .m1_3 a,
.menu2 .m1_4 a,
.menu2 .m1_5 a {
    padding: 1em 3em 1em 2em;
    text-decoration: none;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}


.menu2 .m1_0 a {
    background: #8BC34A;
    color: #fff;
    font-weight: bold;
    position: relative;
}


.menu2 .m1_0 .m1_0hov:after,
.menu2 .m1_1 a:after,
.menu2 .m1_2 a:after,
.menu2 .m1_3 a:after,
.menu2 .m1_4 a:after,
.menu2 .m1_5 a:after {
    display: block;
    content: "";
    width: 30px;
    min-height: 30px;
    background: transparent url('../img/ico-active-menu-kontext.png') no-repeat center center;
    right: 1.5em;
    top: 0;
    bottom: 0;
    position: absolute;
}


.menu2 .m1_1 a,
.menu2 .m1_2 a,
.menu2 .m1_3 a,
.menu2 .m1_4 a,
.menu2 .m1_5 a {
    border: 1px solid #DCEDC8;
    color: #0D5302;
    font-weight: normal;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    position: relative;
}


.menu2 .m1_1 a:after,
.menu2 .m1_2 a:after,
.menu2 .m1_3 a:after,
.menu2 .m1_4 a:after,
.menu2 .m1_5 a:after {
    background-image: url('../img/ico-active-menu-kontext-item.png');
}


.menu2 .m1_1 .m1_0hov,
.menu2 .m1_2 .m1_0hov,
.menu2 .m1_3 .m1_0hov,
.menu2 .m1_4 .m1_0hov,
.menu2 .m1_5 .m1_0hov {
    background: #DCEDC8;
    border-color: #DCEDC8;
}


@media only screen and (min-width: 60em) {
    .menu2 {
        display: block;
    }
}


/*** RIGHT CONTENT ***/
.content {
    padding: 1em 0;
}


.confoot1,
.confoot2 {
    margin-top: 2em;
    color: gray;
}


/*** CALENDAR ***/
.wg_cal_navi {
    background: #ddedc8;
    color: #0D5302;
    text-transform: uppercase;
}


.wg_cal_navi td {
    border-bottom: 1px solid #fff !important;
    position: relative;
    z-index: 5;
}


.wg_cal_navi td:nth-child(2),
.wg_cal_navi td:nth-child(4) {
    z-index: 10;
}


.wg_cal_navi td:nth-child(2) a {
    background-image: url('../img/ico-sipka-left-kalendar.png');
}


.wg_cal_navi td:nth-child(4) a {
    background-image: url('../img/ico-sipka-right-kalendar.png');
}


.wg_cal_days {
    text-transform: uppercase;
}


.wg_cal_td {
    background: #c5e1a6;
    color: #0D5302;
    text-align: center;
    border: 1px solid #fff !important;
}


.wg_cal_td_a {
    background: #0D5302;
    color: #8BC34A;
}


/*** BANNERS ***/
.banners {
    border: 1px solid #c5e1a6;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1.5em;
}


.banners__header {
    color: #0e5302;
    font-size: 87.5%;
    margin-bottom: 1em;
}


.banners__banner {
    margin-bottom: 2em;
}


.banners__banner a,
.banners__banner img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.banners__banner img {
    max-width: 100%;
    height: auto;
}


/*** HOMEPAGE SLIDESHOW ***/
.homepage-slideshow img {
    display: block;
    min-height: 350px;
    object-fit: cover;
}


.homepage-slideshow__box {
    box-sizing: border-box;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 1em;
}


.homepage-slideshow__box-inner {
    display: block;
    position: absolute;
    bottom: 2em;
    left: 1em;
    padding: 2em;
    padding-right: 4em;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    font-weight: bold;
    right: 1em;
    text-decoration: none;
}


.homepage-slideshow__box-inner:hover,
.homepage-slideshow__box-inner:focus,
.homepage-slideshow__box-inner:active {
    text-decoration: none;
}


.homepage-slideshow__box-inner:before {
    display: block;
    content: "";
    background-color: rgba(255, 193, 7);
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    transition: transform 0.2s;
}


.homepage-slideshow__box-inner:hover:before,
.homepage-slideshow__box-inner:focus:before,
.homepage-slideshow__box-inner:active:before {
    transform: scale(1.025);
}


.homepage-slideshow__box-content {
    position: relative;
    font-size: 50%;
}


.homepage-slideshow__box-content:after {
    display: block;
    content: "";
    width: 50px;
    min-height: 50px;
    background: url('../img/ico-sipka-slider.png') no-repeat center center;
    position: absolute;
    right: -3.25em;
    top: 0;
    bottom: 0;
}


.homepage-slideshow__box-header {
    font-size: 200%;
    text-transform: uppercase;
}


.homepage-slideshow__box-inner:hover .homepage-slideshow__box-header,
.homepage-slideshow__box-inner:focus .homepage-slideshow__box-header,
.homepage-slideshow__box-inner:active .homepage-slideshow__box-header {
    text-decoration: underline;
}


.homepage-slideshow__box-text {
    letter-spacing: 1px;
}


@media only screen and (min-width: 56em) {
    .homepage-slideshow__box-inner {
        max-width: 50%;
        right: auto;
    }
}


@media only screen and (min-width: 60em) {
    .homepage-slideshow__box-content {
        font-size: 100%;
    }
}


/*** OBORY ***/
.obory {
    margin-bottom: 1em;
}


.obory__obor,
.obory__obor img {
    display: block;
}


.obory__obor {
    text-decoration: none;
    margin-bottom: 1em;
    transition: transform 0.2s;
}


.obory__obor:hover,
.obory__obor:focus,
.obory__obor:active {
    transform: scale(1.025);
    position: relative;
    z-index: 50;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}


.obory__obor img {
    width: 100%;
    height: auto;
}


.obory__obor-name {
    background: #0D5302;
    font-weight: bold;
    padding: 0.75em 1em;
    color: #8BC34A;
    text-transform: uppercase;
    text-align: center;
}


@media only screen and (min-width: 30em) {
    .obory {
        display: flex;
    }


    .obory__obor {
        flex-grow: 1;
        margin-bottom: 0;
        margin-right: 1em;
    }

    .obory__obor:last-child {
        margin-right: 0;
    }
}


/*** OBORY LIST ***/
.obory-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    gap: 0 1em;
}


.obor {
    display: flex;
    gap: 1em;
}


.obor__image img {
    display: block;
}


.obor__content {
    flex: 1;
    padding: 0.5em 0;
}


.obor__title {
    font-size: 112.5%;
}


.obor__description,
p.obor__description {
    font-size: 87.5%;
    margin: 0;
}



/*** AKTUALITY ***/
.aktuality {
    margin-bottom: 2em;
}


.aktuality__header,
.aktuality__content {
    padding: 1em;
}


.aktuality__header {
    text-transform: uppercase;
    background: #DCEDC8;
    color: #0D5302;
}


.aktuality__content,
.aktuality__footer {
    border: 1px solid #c5e1a6;
}


.aktuality__content {
    border-width: 0 1px;
}


.aktuality__footer {
    border-top-width: 0;
    text-align: right;
}


.aktuality-button {
    display: inline-block;
    box-sizing: border-box;
    padding: 1em 5em 1em 2.5em;
    background: #DCEDC8;
    color: #0D5302;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    font-size: 87.5%;
}


.aktuality-button:after {
    display: block;
    content: "";
    background: url('../img/ico-active-menu-item.png') no-repeat center center;
    position: absolute;
    width: 30px;
    min-height: 30px;
    top: 0;
    bottom: 0;
    right: 1.75em;
}


.aktualita {
    padding: 1em;
}


.aktualita__image {
    margin-bottom: 0.5em;
    display: block;
    box-sizing: border-box;
}


.aktualita__image img {
    display: block;
    max-width: 100%;
    height: auto;
}


.aktualita__content {
    overflow: hidden;
}


.aktualita__title {
    font-size: 125%;
    font-weight: bold;
    color: #F5A503;
    text-decoration: none;
    margin-bottom: 0.5em;
}


.aktualita__date {
    font-size: 87.5%;
    font-weight: normal;
    font-style: italic;
    color: #689F38;
    margin-bottom: 0.5em;
}


@media only screen and (min-width: 40em) {
    .aktualita {
        overflow: hidden;
    }


    .aktualita__image {
        float: left;
        max-width: 135px;
    }


    .aktualita__content {
        padding-left: 2em;
    }
}


/*** COUNTER ***/
.homepage-counters {
    margin-top: 5em;
    margin-bottom: 1.5em;
}


.homepage-counters .counter-number {
    font-size: 425%;
    font-weight: bold;
    color: #558b2b;
    line-height: 1;
}


.homepage-counters .js-counter-block p {
    margin-bottom: 0;
}


.homepage-counters .row {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 4.75em;
    justify-content: center;
}


.homepage-counters .bottom {
    display: none;
}


.homepage-counters .col-md-3 {
    aspect-ratio: 1;
    flex: 1 0 13.75em;
    max-width: 13.75em;

    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ebeff2;
}


.homepage-counters .col-md-3 p {
    font-size: 81.25%;
    color: #0D5302;
    margin-top: 1rem;
}


/*** SPEED DIAL ***/
.speed-dial {
    display: none;
}


.speed-dial__inner {
    padding: 1em;
    text-align: center;
}


.speed-dial__inner {
    padding: 1em;
    padding-top: 0;
}


.speed-dial__link {
    display: inline-block;
    display: inline-flex;
    margin: 0.25em;
    align-items: center;
    background: #FFC400;
    color: #0D5302;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}


.speed-dial__link-icon,
.speed-dial__link-icon img,
.speed-dial__link-label {
    display: block;
}


.speed-dial__link-icon {
    padding: 0 0.75em;
    background: #0D5302;
}


.speed-dial__link-label {
    padding: 0.75em 1.75em;
    font-size: 87.5%;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}


.mobile-block__speed-dial .speed-dial {
    margin: 0 -1em;
    display: block;
}


.mobile-block__speed-dial .speed-dial__inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    padding: 0;
}


.mobile-block__speed-dial .speed-dial__link {
    margin: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}


@media only screen and (min-width: 60em) {
    .speed-dial {
        display: block;
        position: absolute;
        right: 0;
        top: 2em;
        z-index: 20;
    }


    .speed-dial__inner {
        padding: 0;
        height: auto;
        max-height: none;
        overflow: auto;
        transition: unset;
    }


    .speed-dial__link {
        display: block;
        display: flex;
        margin-bottom: 0.25em;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        margin-left: auto;
        max-width: 4.5em;
        max-height: 3.125em;
        overflow: hidden;
        margin-right: 0;
        transition: max-width 0.2s;
    }


    .speed-dial__link-label {
        padding-right: 3em;
        transition-delay: 0s;
    }


    .speed-dial__link:hover,
    .speed-dial__link:focus,
    .speed-dial__link:active {
        max-width: 20em;
    }
}


/*** PARTNERS ***/
.partners-inner {
    padding: 0 1em;
    box-sizing: border-box;
}


.partners__header {
    color: #0D5302;
    font-size: 87.5%;
    margin-bottom: 1em;
}


.partners__content {
    padding-left: 50px;
    padding-right: 50px;
}


.partners__partner-inner {
    padding: 1em;
}


.partners .owl-controls {
    margin-top: 0;
}


.partners .owl-stage {
    display: flex;
    align-items: center;
}


.partners .owl-next,
.partners .owl-prev {
    display: block;
    width: 50px;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 50px;
    background: transparent center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
}


.partners .owl-prev {
    background-image: url('../img/ico-sipka-button-partner-slider-left.png');
    left: -50px;
}


.partners .owl-next {
    background-image: url('../img/ico-sipka-button-partner-slider-right.png');
    right: -50px;
}


/*** FOOOTER ***/
.footer {
    background: #0D5302;
    color: #fff;
}


.footer--light,
.footer-column__title {
    display: none;
    background: #DCEDC8;
    color: #0D5302;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
}


.footer--primary .footer-inner {
    padding-top: 0;
}


.footer--webauthor {
    background: #FFC400;
    color: #4e3c00;
    padding-top: 0;
}


.footer--webauthor a {
    color: #0D5302;
}


.footer-column {
    margin-bottom: 1em;
}


.footer-column__title {
    display: block;
    margin: 0 -1rem;
    padding: 0.75em 1rem;
    margin-bottom: 1em;
}


.footer-separator {
    display: inline-block;
    margin: 0 0.75em;
}


@media only screen and (min-width: 60em) {
    .footer--light {
        display: block;
    }


    .footer--primary {
        padding-top: 1em;
    }


    .footer--primary .footer-inner {
        padding-top: 1em;
    }


    .footer_box {
        display: flex;
    }


    .footer-column {
        flex: 1;
        margin-bottom: 0;
    }


    .footer-column__title {
        display: none;
    }


    .footer-column__content {
        padding: 0 1em;
    }


    .footer--webauthor .footer-column:last-child {
        text-align: right;
        align-self: flex-end;
    }
}