.comb {
    overflow: hidden;
    height: 274px;
    width: 237px;
    display: flex;
    align-items: center;
    margin-bottom: -69px;
    opacity: 0;
}

.comb.is-visible {
    opacity: 1;
    -webkit-animation: Animation 600ms ease-in;
    animation: Animation 600ms ease-in;
}

.innerPage_honeycombs-wrapper .comb {
    -webkit-animation: Animation 600ms ease-in;
    animation: Animation 600ms ease-in;
}

.comb-inner {
    overflow: hidden;
    display: inline-block;
    margin: -12px -14px;
    width: 265px;
    height: 229px;
    transform: rotate(-30deg) skewX(30deg);
    border-radius: 15px;
}

.comb:hover .comb-inner {
    transform: rotate(-30deg) skewX(30deg) scale(1.03);
}

.comb-inner *, .comb-inner *:before {
    display: block;
    overflow: hidden;
    width: inherit;
    height: inherit;
    border-radius: 11px;
}

.wrapper-honeycomb {
    transform: skewX(-30deg) rotate(60deg) skewX(30deg);
    transition: opacity .75s;
    cursor: pointer;
}

.comb *, .comb *:active, .comb *:focus {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.comb-inner .comb-content {
    transform: skewX(-30deg) rotate(60deg) skewX(30deg);
    content: '';
}

.comb-inner .comb-content img {
    position: absolute;
    bottom: 61px;
    height: 106px;
    width: 107px;
    left: 56px;
    transform: skewX(-33deg) rotate(-94deg) skewX(-5deg);
}

.comb-content .comb-title {
    position: absolute;
    bottom: 60px;
    height: 76px;
    width: 199px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 98px;
    transform: skewX(-33deg) rotate(-94deg) skewX(-5deg);
    margin-top: 0;
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    color: #fff;
}

.comb-logo .comb-title {
    color: #485a87;
    font-weight: 600;
    font-size: 13px;
    left: 19px;
    height: 218px;
    bottom: -8px;
}

.comb-logo .comb-title span {
    position: absolute;
    top: 119px;
    text-align: center;
    height: 24px;
    font-size: 16px;
}

.comb-logo .comb-title span:nth-child(2) {
    top: 170px;
    height: 36px;
}

.comb-logo .logo-wrap {
    transform: skewX(-33deg) rotate(-94deg) skewX(-5deg);
    background-size: 55px !important;
    background-position: center 28px !important;
}

.wrapper-honeycomb:hover {
    opacity: 1;
}

.honeycombs {
    width: 100% !important;
}

.inner-page-honeycombs-wrap .comb:first-child {
    margin-left: 0 !important;
}

.inner-page-honeycombs-wrap .comb {
    margin-bottom: 0 ! important;
}

.honeycomb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    align-items: center;
    max-width: 1525px;
    margin: -34px auto 7em;
    padding: 0;
    -webkit-transform: translateY(34.375px);
    transform: translateY(34.375px);
}

*, *::before, *::after {
    box-sizing: border-box;
}

.comb:nth-child(7n + 11) {
    margin-right: calc(36% - 400px);
}

.comb:nth-child(7n + 14) {
    margin-left: 0;
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    65% {
        -webkit-transform: translateY(-4%);
    }
    80% {
        -webkit-transform: translateY(4%);
    }
    95% {
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

/* Анимация */
@-webkit-keyframes Animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes Animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
    }
}

@keyframes Animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
    }
}