/* MOBILE HEADER*/
@media only screen and (max-width: 799px) {
    .header .header-box {
        flex-direction: column;
    }

    .header .header-box .navigation {
        text-align: center;
    }

    .sticky + .contentSticky {
        padding-top: 166px;
    }
}

/* TABLET - DESKTOP HEADER*/
@media only screen and (min-width: 800px) {
    .header .header-box {
        flex-direction: row;
    }

    .header .header-box .navigation {
        margin-left: auto;
        margin-top: 20px;
        margin-right: 20px;
    }

    .header .header-box .logo {
        left: 20px;
        top: -7px;
    }

    .sticky + .contentSticky {
        padding-top: 103px;
    }
}


/* MOBILE */
@media only screen and (max-width: 799px) {
    section.top {
        flex-direction: column;
    }

    section.bottom {
        flex-direction: column;
        top: 4px;
    }

    .orange-strip .footer .box {
        flex-direction: column;
        padding-bottom: 10px;
    }

    .orange-strip .footer h3 {
        padding-right: 0;
    }

    .header .header-box .navigation {
        margin-bottom: 20px;
    }

    /* TIPOVANIE */
    .slide-img-top.left {
        top: 10px;
        max-width: 80%;
        left: -5000px;
        -webkit-animation: slideFromLeft 0.3s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideFromLeft 0.3s forwards;
        animation-delay: 0.2s;
    }

    /* PROMO 1 */
    .slide-img-top.right {
        max-width: 70%;
        right: -5000px;
        -webkit-animation: slideFromRight 0.3s forwards;
        -webkit-animation-delay: 0.4s;
        animation: slideFromRight 0.3s forwards;
        animation-delay: 0.4s;
    }

    /* STEPS */
    .slide-img-bottom.top {
        z-index: 1;
        right: -5000px;
        -webkit-animation: slideFromRight 0.3s forwards;
        -webkit-animation-delay: 0.4s;
        animation: slideFromRight 0.3s forwards;
        animation-delay: 0.4s;
    }

    /* PROMO 2 */
    .slide-img-bottom.left {
        left: -5000px;
        -webkit-animation: slideFromLeft 0.3s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideFromLeft 0.3s forwards;
        animation-delay: 0.2s;
    }

    /* ZADARMO */
    .slide-img-bottom.bottom {
        z-index: 1;
        right: -5000px;
        -webkit-animation: slideFromRight 0.4s forwards;
        -webkit-animation-delay: 0.5s;
        animation: slideFromRight 0.4s forwards;
        animation-delay: 0.5s;
    }
}

/* TABLET DESKTOP*/
@media only screen and (min-width: 800px) {
    section.top {
        flex-direction: row;
    }

    section.bottom {
        flex-direction: column;
        top: 4px;
    }

    .orange-strip .footer .box {
        flex-direction: row;
    }

    .orange-strip .footer h3 {
        padding-right: 30px;
    }

    .header .header-box .navigation {
        margin-left: auto;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    /* TIPOVANIE */
    .slide-img-top.left {
        top: 50px;
        left: -5000px;
        -webkit-animation: slideFromLeft 0.3s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideFromLeft 0.3s forwards;
        animation-delay: 0.2s;
    }

    /* PROMO 1 */
    .slide-img-top.right {
        right: -5000px;
        -webkit-animation: slideFromRight 0.3s forwards;
        -webkit-animation-delay: 0.4s;
        animation: slideFromRight 0.3s forwards;
        animation-delay: 0.4s;
    }

    /* STEPS */
    .slide-img-bottom.top {
        z-index: 1;
        right: -5000px;
        -webkit-animation: slideFromRight 0.3s forwards;
        -webkit-animation-delay: 0.4s;
        animation: slideFromRight 0.3s forwards;
        animation-delay: 0.4s;
    }

    /* PROMO 2 */
    .slide-img-bottom.left {
        left: -5000px;
        -webkit-animation: slideFromLeft 0.3s forwards;
        -webkit-animation-delay: 0.2s;
        animation: slideFromLeft 0.3s forwards;
        animation-delay: 0.2s;
    }

    /* ZADARMO */
    .slide-img-bottom.bottom {
        z-index: 1;
        right: -5000px;
        -webkit-animation: slideFromRight 0.4s forwards;
        -webkit-animation-delay: 0.5s;
        animation: slideFromRight 0.4s forwards;
        animation-delay: 0.5s;
    }
}

/*DESKTOP SHOWED AND HIDDEN ELEMENTS---------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {

    .orange-strip .footer .box.one {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .orange-strip .footer .box.zero {
        position: absolute;
        right: 20%;
        bottom: 20%;
    }

    section.bottom div:last-child, section.bottom div:nth-child(2) {
        display: none;
    }

    .section-top {
        /*height: 597px;*/
        height: 528px;
    }

    .section-bottom {
        /*height: 695px;*/
        height: 832px;
    }

    .orange-strip .footer {
        width: 560px;
        margin-left: 50%;
    }
}

/*-------------------------------------------------------------------------------------------------------*/

/*NA MOBILE SHOWED AND HIDDEN ELEMENTS -----------------------------------------------------------------------------*/
@media only screen and (max-width: 1279px) {
    .orange-strip .footer .box.one, .orange-strip .footer .box.zero {
        display: none;
    }

    .orange-strip .footer {
        margin: 0 auto;
    }
}

/*-------------------------------------------------------------------------------------------------------*/