/**
 *
 *
 *  Impact icon classes
 *
 */


/*
 *  Arrow icon rotate close
 */

.close-icon {
    -webkit-animation: close-icon 0.2s linear ;
    -moz-animation: close-icon 0.2s linear ;
    animation: close-icon 0.2s linear ;
    -webkit-animation-fill-mode: forwards;
}

@-moz-keyframes close-icon { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes close-icon { 100% { -webkit-transform: rotate(90deg); } }
@keyframes close-icon { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

/*
 *  Arrow icon rotate open
 */

.open-icon {
    transform: rotate(90deg) ;
    -webkit-animation: open-icon 0.2s linear ;
    -moz-animation: open-icon 0.2s linear ;
    animation: open-icon 0.2s linear ;
    -webkit-animation-fill-mode: forwards;
}

@-moz-keyframes open-icon { 100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes open-icon { 100% { -webkit-transform: rotate(0deg); } }
@keyframes open-icon { 100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } }