/* features*/

@media only screen and (max-width: 768px) {
    .features-top-desktop {
        display: none!important;
    }
}

.features-top-desktop {
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    height: 488px;
    align-items: center;
    margin-top: -6px;
}

@media only screen and (max-width: 768px) {
    .features-top-mobile {
        display: grid!important;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down img {
        display: grid!important;
    }
}

.content-feature2 {
    margin-top: -100px;
    margin-bottom: 30px;
}

.features-top-mobile {
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 90px;
    display: none;
}

.feature-down img {
    width: 100%;
}

.feature-down1 img {
    width: 100%;
}

.feature-down0 img {
    width: 100%;
    transform: translateX(0px);
    transition: all 0.1s;
}

.feature-down2 img {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .feature-down img {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down1 img {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down0 img {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down2 img {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down {
        margin-top: 14px!important;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down1 {
        margin-top: 14px!important;
        text-align: right;
        margin-right: 28px;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down0 {
        margin-top: 14px!important;
        text-align: right;
    }
}

@media only screen and (max-width: 768px) {
    .feature-down2 {
        margin-top: 14px!important;
    }
}

.feature-down {
    margin-left: 30px;
    margin-right: 30px;
}

.feature-down2 {
    margin: 0px;
    text-align: left;
}

.feature-down img:hover {
    cursor: pointer;
    animation: mymove 0.5s;
}

.feature-down0 img:hover {
    cursor: pointer;
    animation: mymove 0.5s;
}

.feature-down1 img:hover {
    cursor: pointer;
    animation: mymove 0.5s;
}

.feature-down2 img:hover {
    cursor: pointer;
    animation: mymove 0.5s;
}

.feature-down img:hover {
    cursor: pointer;
    animation: mymove 0.5s;
}

@keyframes mymove {
    0% {
        transform: translateX(0);
    }
    5% {
        transform: translateX(3px);
    }
    10% {
        transform: translateX(6px);
    }
    15% {
        transform: translateX(9px);
    }
    20% {
        transform: translateX(12px);
    }
    25% {
        transform: translateX(15px);
    }
    30% {
        transform: translateX(18px);
    }
    35% {
        transform: translateX(21px);
    }
    40% {
        transform: translateX(24px);
    }
    45% {
        transform: translateX(27px);
    }
    50% {
        transform: translateX(30px);
    }
    55% {
        transform: translateX(27px);
    }
    60% {
        transform: translateX(24px);
    }
    65% {
        transform: translateX(21px);
    }
    70% {
        transform: translateX(18px);
    }
    75% {
        transform: translateX(15px);
    }
    80% {
        transform: translateX(12px);
    }
    85% {
        transform: translateX(9px);
    }
    90% {
        transform: translateX(6px);
    }
    95% {
        transform: translateX(3px);
    }
    100% {
        transform: translateX(0);
    }
}

.esis {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'AdihausDIN';
    font-weight: 400;
    box-sizing: border-box;
    background-color: #fbfbfb;
}

.esis .section-zk-2k-boost {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 860px;
    max-width: 1440px;
}

@media screen and (max-width:382px) {
    .esis .section-zk-2k-boost {
        height: 492px!important;
    }
}

@media screen and (max-width:1000px) {
    .esis .section-zk-2k-boost {
        height: 585px;
    }
}

@media screen and (max-width:1260px) {
    .esis .section-zk-2k-boost {
        height: 739px;
    }
}

.esis .section-zk-2k-boost .content-section {
    position: relative;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 0.9em;
}

.esis .section-zk-2k-boost img {
    width: 100% !important;
    margin: 0px !important;
}

.content-section-desktop {
    text-align: center;
}

@media screen and (max-width:768px) {
    .content-section-desktop {
        display: none;
    }
}

.content-section-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .content-section-mobile {
        display: block;
    }
}

.content-section img {
    text-align: center;
    width: 100%;
    height: auto;
}

.image-section {
    width: 100%;
    height: auto;
}


/* fondo banner*/