/* ------------------------ heander sliders*/

.banner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: rgba(0,53,107, 1);
}

.slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

img.slidImg {
    width: 100%;
    height: 100%;
    z-index: 1;
    animation: zoom 16s linear infinite;
}

img.slidImg-teraserver {
    width: 100%;
    height: 100%;
    z-index: 1;
    animation: zoom_teraserver 8s linear infinite;
}

@keyframes zoom_teraserver {
    0% {
        transform: scale(1.5);
    }
    /* 85% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(1);
    } */
    100% {
        transform: scale(1);
    }
}

@keyframes zoom {
    0% {
        transform: scale(1.6);
    }
    /* 85% {
        transform: scale(1);
    } */
    100% {
        transform: scale(1);
    }
}

.banner-arrow-button {
    background: #0c5adb none repeat scroll 0 0;
    top: 50%;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

.banner-arrow-button:hover {
    background: white;
}

.banner-arrow-button:hover i {
    color: #0c5adb;
}

.banner-arrow-button i {
    color: white;
}

#banner-arrow-left {
    left: 20px;
}

#banner-arrow-right {
    right: 20px;
}

.tam-banner{
    height: 90vh;
}

@media (max-width:599px){
    .banner-txt-teraserver{
        font-size: 30px !important;
        line-height: 2.2rem !important;
       text-align: center;
    }
}