.page-id-5 #logos- {
    max-width: 75rem;
}
.logos__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 24px;
}
@media (min-width: 1024px) {
    .logos__wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 156px;
    }
}
.logos__item {
    position: relative;
    min-height: 156px;
}
@media (min-width: 1024px) {
    .logos__item {
        width: 200px;
        min-height: 90px;
        margin: 0 12px;
    }
}
.logos__item-logo,
.logos__item img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    max-width: 164px;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .logos__item-logo,
    .logos__item img {
        max-width: 100%;
        margin: 0;
    }
}

.logos__wrap .has_sec .logos__item-logo:first-child,
.logos__wrap .logos__item.has_sec img:first-child {
    animation: fadeIn 4s ease infinite;
    -webkit-animation: fadeIn 4s ease infinite;
}

.logos__wrap .has_sec .logos__item-logo:nth-child(2),
.logos__wrap .logos__item.has_sec img:nth-child(2) {
    animation: fadeInSecond 4s ease infinite;
    -webkit-animation: fadeInSecond 4s ease infinite;
}

/*.logos__item:first-child .logos__item-logo,
.logos__item:first-child img {
  animation-delay: .1s !important;
  -webkit-animation-delay: .1s !important;
}

.logos__item:nth-child(2) .logos__item-logo,
.logos__item:nth-child(2) img {
  animation-delay: .2s !important;
  -webkit-animation-delay: .2s !important;
}

.logos__item:nth-child(3) .logos__item-logo,
.logos__item:nth-child(3) img {
  animation-delay: .3s !important;
  -webkit-animation-delay: .3s !important;
}

.logos__item:nth-child(4) .logos__item-logo,
.logos__item:nth-child(4) img {
  animation-delay: .4s !important;
  -webkit-animation-delay: .4s !important;
}

.logos__item:nth-child(5) .logos__item-logo,
.logos__item:nth-child(5) img {
  animation-delay: .5s !important;
  -webkit-animation-delay: .5s !important;
}

.logos__item:nth-child(6) .logos__item-logo,
.logos__item:nth-child(6) img {
  animation-delay: .6s !important;
  -webkit-animation-delay: .6s !important;
}*/
.order-1 .logos__item-logo,
.order-1 img {
    animation-delay: 0.1s !important;
    -webkit-animation-delay: 0.1s !important;
}

.order-2 .logos__item-logo,
.order-2 img {
    animation-delay: 0.2s !important;
    -webkit-animation-delay: 0.2s !important;
}

.order-3 .logos__item-logo,
.order-3 img {
    animation-delay: 0.3s !important;
    -webkit-animation-delay: 0.3s !important;
}

.order-4 .logos__item-logo,
.order-4 img {
    animation-delay: 0.4s !important;
    -webkit-animation-delay: 0.4s !important;
}

.order-5 .logos__item-logo,
.order-5 img {
    animation-delay: 0.5s !important;
    -webkit-animation-delay: 0.5s !important;
}

.order-6 .logos__item-logo,
.order-6 img {
    animation-delay: 0.6s !important;
    -webkit-animation-delay: 0.6s !important;
}

@keyframes fadeIn {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    90% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInSecond {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
    }
    90% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInSecond {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
    }
}
.logos__item {
    width: 100%;
}

.logos__item-logo,
.logos__item img {
    max-width: 164px;
    width: 100%;
    height:156px;
    object-fit: contain;
}

.has_sec {
    position: relative;
    /* width: 200px; */
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@keyframes rotate {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
    }
    10% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
    90% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
    /* 90% {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
    } */
    100% {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
    }
}
.logos__item-logo-new {
    display: flex;
    flex-direction: column;
    margin: 10px;
    opacity: 0;
    /* Начальная прозрачность */
}

/* Стили для класса .animate */
/* .logos__item-logo-new.animate {
  animation: rotate 2.5s linear infinite;
  opacity: 0 ;
  -webkit-animation: rotate 2.5s linear infinite;
} */
.logos__item {
    overflow: hidden;
}

.logos__item-logo-new {
    transition: 0.5s;
    transform: translateY(-100%);
}

.logos__item-logo-new.animate {
    opacity: 1;
    transform: translateY(0);
}

.logos__item-logo-new.nextanimate {
    transform: translateY(100%);
}