@keyframes show_into {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes show_onto {
    100% {opacity: 1}
    0% {opacity: 0}
}
@keyframes left-right {
    0% {clip-path: inset(0 0 0 100%);opacity: 0;}
    60% {opacity: 0.8;}
    100%{clip-path: inset(0 0 0 0);opacity: 1;}
}
@keyframes right-left {
    0% {clip-path: inset(0 100% 0 0);opacity: 0.2;}
    60% {opacity: 0.9;}
    100%{clip-path: inset(0 0 0 0);opacity: 1;}
}
@keyframes center-split {
    0% {clip-path: inset(0 100% 0 100%);}
    100% {clip-path: inset(0 0 0 0);}
}
@keyframes center-holder-four {
    0% {width: 0;}
    100% {width: 22%;}
}

.anima__show-into{animation: show_into 1s normal;}
.anima__left-right{animation: left-right 0.7s normal;}
.anima__right-left{animation: right-left 1.2s normal;}
.anima__center-split{animation: center-split 1s normal;}
.anima__width-change{animation: center-holder-four 1s normal;}




/*hover animation*/
/*border style*/
.border-holder-cherry{
    border: 2px solid #eeeeee;
    transition: all .3s;
}
.border-holder-cherry:hover {
    border: 2px solid #f1565d;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

/*box-shadow style*/
.box-shadow-four{opacity: 0.9;transition: all .5s;}
.box-shadow-four:hover{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    opacity: 1;
    box-shadow: #666666 6px 6px 13px 1px;
}

/*holder background style*/
.background-color-change{
    background-color: #aaaaaa;
    transition: all .5s;
}
.background-color-change:hover{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    background-color: #ec1b24;
}
.background-opacity-change{
    transition: all .5s;
    opacity: 0.6;
}
.background-opacity-holder:hover .background-opacity-change{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    opacity: 1;
}