@charset "UTF-8";

@keyframes iconMove {
    0%   {transform:translateY(0px) scale(1);}
    50%   {transform:translateY(-5px) scale(1.05);}
    100% {transform:translateY(0px) scale(1);}
}

@keyframes dropContent1 {
    0%   {bottom:100%;}
    40%  {bottom:15%;}
    50%  {bottom:25%;}
    70%  {bottom:15%;}
    80%  {bottom:20%;}
    100% {bottom:15%;}
}
@keyframes dropContent2 {
    0%   {bottom:100%;}
    40%  {bottom:20%;}
    50%  {bottom:30%;}
    70%  {bottom:20%;}
    80%  {bottom:25%;}
    100% {bottom:20%;}
}
@keyframes dropContent3 {
    0%   {bottom:100%;}
    40%  {bottom:15%;}
    50%  {bottom:25%;}
    70%  {bottom:15%;}
    80%  {bottom:20%;}
    100% {bottom:15%;}
}
@keyframes dropContent4 {
    0%   {top:-100%;}
    40%  {top:55%;}
    50%  {top:45%;}
    70%  {top:55%;}
    80%  {top:50%;}
    100% {top:55%;}
}
@keyframes dropContent5 {
    0%   {bottom:100%;}
    20%  {bottom:15%;}
    30%  {bottom:25%;}
    40%  {bottom:15%;}
    50%  {bottom:20%;}
    60% {bottom:15%;}
}

@keyframes opacityContent {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes opacityContent2 {
    0%   {opacity: 0;}
    50%   {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes opacityContent3 {
    0%   {opacity: 0;}
    33%   {opacity: 0;}
    66%   {opacity: 0;}
    100% {opacity: 1;}
}


@keyframes sec2opacityContent {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}



@media all and (max-width:768px){
    
    @keyframes dropContent1 {
        0%   {top:-100%;}
        40%  {top:25%;}
        50%  {top:15%;}
        70%  {top:25%;}
        80%  {top:20%;}
        100% {top:25%;}
    }
}
@media all and (max-width:480px){


    @keyframes opacityContent {
        0%   {opacity: 0;}
        100% {opacity: 1;}
    }
    @keyframes opacityContent2 {
        0%   {opacity: 0;}
        50%   {opacity: 0;}
        100% {opacity: .6;}
    }
    @keyframes opacityContent3 {
        0%   {opacity: 0;}
        33%   {opacity: 0;}
        66%   {opacity: 0;}
        100% {opacity: .6;}
    }
}