.nav a,.nav .open-sub, .sub-nav .open-tree{position:relative;transition: 0.2s linear;top:0}
.nav a:hover,.nav .open-sub:hover,.sub-nav .open-tree:hover{top:-5px}

.full-width-slider .swiper-wrapper .text-area{opacity:0;transition:opacity 1s ease}
.full-width-slider .swiper-wrapper .swiper-slide.swiper-slide-visible .text-area{opacity:1}

.card-A .card-el .img-area img{transition: transform .5s ease;}
.card-A .card-el:hover .img-area img{transform: scale(1.2)}

.card-B .card-el{transition:0.4s;}
.card-B .card-el .text-area .ds-btn span{transition:width .5s;}

.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area:after{transition:.5s ease;}
.carousel-component .carousel-swiper .swiper-slide .overlay-div{transition: .5s ease;}

.expand-el-container .expand-el{transition:flex-grow 400ms ease}
.expand-el-container .expand-el .text-area .wrap-text{opacity:0;transform:translateX(-100px);transition:transform 400ms ease,opacity 400ms linear;}
.expand-el-container .expand-el .text-area .ds-btn{opacity:0;display:flex;}
.expand-el-container .expand-el:hover .text-area .wrap-text{opacity:1;transform:translateX(0);transition:transform 400ms ease,opacity 400ms linear .4s;}
.expand-el-container .expand-el:hover .text-area .ds-btn{opacity:1;transition:opacity .4s linear .4s}
.expand-el-container .expand-el:after{transition:background .4s linear}

.ds-component.text-component .text-block .img-area img{transition:transform .5s ease}
.ds-component.text-component .text-block:hover .img-area img{transform:scale(1.2)}

.ds-gallery-grid-A .img-area img{transition:transform .5s ease}
.ds-gallery-grid-A .img-area img:hover{transform:scale(1.2)}

.ds-gallery-grid-B .img-area img{transition:transform .5s ease}
.ds-gallery-grid-B .img-area img:hover{transform:scale(1.2)}

.card-A.card-product .card-el.card-product-shop .img-area img{transition:transform .5s ease;transform:scale(1)}
.card-A.card-product .card-el.card-product-shop:hover .img-area img{transform:scale(1.1)}