@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        transform:translateX(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        transform:translateY(0)
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(-50%)
    }
    100% {
        opacity: 1;
        transform:translateY(0)
    }
}

@keyframes fadeInBottomTabs {
    0% {
        transform: translateY(-40%)
    }
    100% {
        transform:translateY(0)
    }
}

@keyframes fadeZoomBannerCircle {
    0% {
        transform: translateY(-50%) scale(.95) translateX(-2%);
        opacity: .4;
    }
    50% {
        transform: translateY(-50%) scale(1) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%) scale(.95) translateX(-2%);
        opacity: .4;
    }
}
@keyframes fadeZoomBannerCircleRight {
    0% {
        transform: scale(.95) translateX(2%);
        opacity: .4;
    }
    50% {
        transform: scale(1) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: scale(.95) translateX(2%);
        opacity: .4;
    }
}

@keyframes fadeZoomCirclesRight {
    0% {
        transform: scale(.95) translateY(-50%) translateX(2%);
        opacity: .4;
    }
    50% {
        transform: scale(1) translateY(-50%) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: scale(.95) translateY(-50%) translateX(2%);
        opacity: .4;
    }
}

@keyframes fadeZoomCirclesLeft {
    0% {
        transform: scale(.95) translateY(-50%) translateX(-2%);
        opacity: .4;
    }
    50% {
        transform: scale(1) translateY(-50%) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: scale(.95) translateY(-50%) translateX(-2%);
        opacity: .4;
    }
}
@keyframes fadeZoomCirclesNews {
    0% {
        transform: scale(.9) translateY(0%) translateX(4%);
        opacity: .4;
    }
    50% {
        transform: scale(1) translateY(-2%) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: scale(.9) translateY(0%) translateX(4%);
        opacity: .4;
    }
}
@keyframes fadeZoomCirclesSection {
    0% {
        transform: scale(.9) translateY(3%) translateX(7%);
        opacity: .2;
    }
    50% {
        transform: scale(1) translateY(4%) translateX(0%);
        opacity: 1;
    }
    100% {
        transform: scale(.9) translateY(3%) translateX(7%);
        opacity: .2;
    }
}

@media(min-width: 1280px) {
    .bg-circles.bg-circles_righter:before {
        animation: fadeZoomBannerCircle ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }

    .bg-circles.bg-circles_righter:after {
        animation: fadeZoomBannerCircleRight ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }

    .bg-circles::after{
        animation: fadeZoomCirclesRight ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .bg-circles::before{
        animation: fadeZoomCirclesLeft ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .bg--sec:before{
        animation: fadeZoomCirclesNews ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .catalog__category-item:before,
    .product_modification:before{
        animation: fadeZoomCirclesSection ease 5s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
}

.banner__text-row{
    animation: fadeInLeft ease 2s;
}
.banner__pic{
    animation: fadeInRight ease 2s;
}

.banner .products-slider{
    animation: fadeInTop ease 2s;
}


.products__item .product__item-pic img{
    transform: scale(1);
    transition: .4s transform;
}
.products__item:hover .product__item-pic img{
    transform: scale(1.1);
}


.product_default figure img,
.product_another figure img,
.product_modification figure img{
    transform: scale(1);
    transition: .4s transform;
}
.product_default:hover figure img,
.product_another:hover figure img,
.product_modification:hover figure img{
    transform: scale(1.05);
}

.catalog__category-item .category__pic img{
    transform: scale(1);
    transition: .4s transform;
}
.catalog__category-item:hover .category__pic img{
    transform: scale(1.1);
}

.detail-accrd{
    min-height: 97px;
}

.detail-accrd.observed>.container{
    position: fixed;
    left: 0;
    top: calc(100% - 86%);
    width: 100%;
    z-index: 100;
    max-width: none;
    padding: 0;
}

.detail-accrd.observed>.container{
    animation: fadeInBottomTabs ease 1s;
}