آنلاین شاپ تخصصی لوازم اداری

.hero_slider–container .e-con-inner {
display: block !important
}

.hero_slider–slide {
width: 350px;
height: 480px;
}

/*@media (min-width:576px) and (max-width:1024px){*/
/* .hero_slider–slide {*/
/* width: 250px;*/
/* height: 350px;*/
/* right: calc((100% – 250px) / 2) !important;*/
/*}*/
/*}*/

@media screen and (max-width:1024px){
.hero_slider–slide {
width: 230px;
height: 320px;
right: calc((100% – 230px) / 2) !important;
}
}

.bbCCoz , .keTxlf , .cBKiCH {
position: relative;
}

.hero_slider–slide {
position: absolute;
right: calc((100% – 350px) / 2);
}

.keTxlf .hero_slider–slide:nth-child(1) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}

.keTxlf .hero_slider–slide:nth-child(2) {
animation: 1s ease 0s 1 normal forwards running cAcSqz;
}
.keTxlf .hero_slider–slide:nth-child(3) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}
.keTxlf .hero_slider–slide:nth-child(n + 3) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}

.keTxlf .slide-active {
animation: 1s ease 0s 1 normal forwards running llIlSY !important;
}

.bbCCoz .hero_slider–slide:nth-child(1) {
z-index: 3;
animation: 1s ease 0s 1 normal forwards running cAcSqz;
}

.bbCCoz .hero_slider–slide:nth-child(2) {
animation: 1s ease 0s 1 normal forwards running llIlSY;
}

.bbCCoz .hero_slider–slide:nth-child(3) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}
.bbCCoz .hero_slider–slide:nth-child(n + 3) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}

.bbCCoz .slide-active {
animation: 1s ease 0s 1 normal forwards running llIlSY !important;
}

.cBKiCH .hero_slider–slide:nth-child(1) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}

.cBKiCH .hero_slider–slide:nth-child(2) {
z-index: 3;
transform: rotate(5deg);
animation: 1s ease 0s 1 normal forwards running cAcSqz;
}

.cBKiCH .hero_slider–slide:nth-child(3) {
transform: rotate(10deg);
animation: 1s ease 0s 1 normal forwards running llIlSY;
}
.cBKiCH .hero_slider–slide:nth-child(n + 3) {
animation: 1s ease 0s 1 normal forwards running rtLmSTP;
}

.cBKiCH .slide-active {
animation: 1s ease 0s 1 normal forwards running llIlSY !important;
}

@keyframes llIlSY {
0% {
z-index: 1;
transform: rotate(-10deg);
}
25% {
z-index: 2;
transform: rotate(-50deg);
}
50% {
z-index: 3;
transform: translateX(200px);
}
100% {
z-index: 4;
transform: translateY(0px);
}
}

@keyframes cAcSqz {
0% {
transform: rotate(0deg);
}
50% {
transform: translateY(50px);
}
100% {
transform: rotate(-10deg);
filter: saturate( 0% );
}

}

@keyframes rtLmSTP {
0% {
transform: rotate(0deg);
}
50% {
transform: translateY(50px);
}
100% {
z-index:-1;
transform: rotate(-20deg);
filter: saturate( 0% );
}
}

/*animation: 0.5s ease 0s 1 normal forwards running llIlSY;*/

/*animation: 0.5s ease 0s 1 normal forwards running cAcSqz;*/