*[data-anima-out] .anima {opacity: 0;}
.img-box img {transition: all .3s,margin-top 1ms,width 1ms,max-width 1ms,margin-left 1ms !important;outline: 1px solid transparent;animation: all .3s !important;position: relative;}
@keyframes rotate-90 {0% {transform: rotate(0);}
	100% {transform: rotate(90deg);}}
.rotate-90 {animation: rotate-90 .5s;transform: rotate(90deg);opacity: 1 !important;}
@keyframes rotate-20 {0% {transform: rotate(0);}
	100% {transform: rotate(20deg);}}
.rotate-20 {animation: rotate-20 .5s;transform: rotate(20deg) !important;opacity: 1 !important;}
@keyframes scale-up {0% {transform: scale(1);}
	100% {transform: scale(1.2);}}
.scale-up, .img-scale-up:hover img {animation: scale-up .5s;transform: scale(1.2) !important;opacity: 1;}
@keyframes scale-up-2x {0% {transform: scale(1);}
	100% {transform: scale(2);}}
.scale-up-2x, .img-scale-up-2x:hover img {animation: scale-up-2x .5s;transform: scale(2);opacity: 1 !important;}
@keyframes scale-rotate {0% {transform: scale(1) rotate(0);}
	100% {transform: scale(1.2) rotate(4deg);}}
.scale-rotate, .img-scale-rotate:hover img {transform: scale(1.2) rotate(4deg);animation: scale-rotate .5s;opacity: 1;}
@keyframes spinAround {from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}}
.circular-rotation {animation: spinAround 2s linear infinite;opacity: 1 !important;}
@keyframes fadein {0% {opacity: 0;}
	100% {opacity: 1;}}
.fade-in {animation: fadein .5s;opacity: 1 !important;}
@keyframes fadeleft {0% {opacity: 0;transform: translateX(-100px);}
	100% {opacity: 1;transform: translateX(0);}}
.fade-left {animation: fadeleft .5s;opacity: 1 !important;}
@keyframes faderight {0% {opacity: 0;transform: translateX(100px);}
	100% {opacity: 1;transform: translateX(0);}}
.fade-right {animation: faderight .5s;opacity: 1 !important;}
@keyframes fadetop {0% {opacity: 0;transform: translateY(-100px);}
	100% {opacity: 1;transform: translateY(0);}}
.fade-top {animation: fadetop .5s;opacity: 1 !important;}
@keyframes fadebottom {0% {opacity: 0;transform: translateY(100px);}
	100% {opacity: 1;transform: translateY(0);}}
.fade-bottom {animation: fadebottom .5s;opacity: 1 !important;}
@keyframes show-scale {0% {opacity: 0;transform: scale(0);}
	100% {opacity: 1;transform: scale(1);}}
.show-scale {animation: show-scale .5s;opacity: 1 !important;}
@keyframes fromRightToLeft {0% {opacity: 1;transform: translate(0);}
	25% {opacity: 0;}
	50% {transform: translate(-100%);}
	100% {opacity: 1;transform: translate(0);}}
.slide-right-left {animation: fromRightToLeft .5s forwards;opacity: 1 !important;}
@keyframes fromTopToBottom {0% {opacity: 1;transform: translate(0,0);}
	25% {opacity: 0;}
	50% {transform: translate(0,-100%);}
	100% {opacity: 1;transform: translate(0,0);}}
.slide-top-bottom {animation: fromTopToBottom .5s forwards;opacity: 1 !important;}
@keyframes pulse {25% {opacity: .8;transform: scale(1.1);}
	75% {opacity: 1;transform: scale(.9);}}
.pulse, .pulse-fast, .img-pulse:hover img, .img-pulse-fast:hover img {animation-name: pulse;animation-timing-function: linear;opacity: 1 !important;}
.pulse, .img-pulse:hover img {animation-duration: 1s;animation-iteration-count: 2;}
.pulse-fast, .img-pulse-fast:hover img {animation-duration: .5s;animation-iteration-count: 1;}
@keyframes pulse-horizontal {16.65% {transform: translateX(8px);}
	33.3% {opacity: 1;transform: translateX(-6px);}
	49.95% {transform: translateX(4px);}
	66.6% {transform: translateX(-2px);}
	83.25% {transform: translateX(1px);}
	100% {transform: translateX(0);}}
.pulse-horizontal, .img-pulse-horizontal:hover img {animation-name: pulse-horizontal;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;opacity: 1 !important;}
@keyframes pulse-vertical {16.65% {transform: translateY(8px);}
	33.3% {opacity: 1;transform: translateY(-6px);}
	49.95% {transform: translateY(4px);}
	66.6% {transform: translateY(-2px);}
	83.25% {transform: translateY(1px);}
	100% {transform: translateY(0);}}
.pulse-vertical, .img-pulse-vertical:hover img {animation-name: pulse-vertical;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;opacity: 1 !important;}
.ganimation-pulse:after, .ganimation-explode:after {pointer-events: none;position: absolute;width: 100%;height: 100%;content: "";box-sizing: content-box;}
@keyframes ganimation-pulse {0% {opacity: 1;transform: scale(1);}
	100% {transform: scale(2);opacity: 0;}}
.ganimation-pulse:after {top: 0;left: 0;bottom: 0;right: 0;position: absolute;content: "";width: 100%;height: 100%;z-index: -1;background: rgba(90,90,90,.4);animation-name: ganimation-pulse;animation-duration: .3s;border-radius: 3px;opacity: 0;}
.circle.ganimation-pulse, .circle.ganimation-explode {overflow: visible;}
.circle.ganimation-pulse:after, .circle.ganimation-explode:after {border-radius: 50%;overflow: visible;}
@keyframes sonarEffect {0% {opacity: .3;}
	40% {opacity: .5;box-shadow: 0 0 20px 20px rgba(197,197,197,.2);}
	100% {box-shadow: 0 0 20px 20px rgba(197,197,197,.2);transform: scale(1.5);opacity: 0;}}
.ganimation-explode {transition: transform ease-out .1s,background .2s;-webkit-transform: scale(.93);-moz-transform: scale(.93);-ms-transform: scale(.93);transform: scale(.93);}
.ganimation-explode:after {top: 0;left: 0;padding: 0;z-index: -1;border-radius: 3px;opacity: 0;-webkit-transform: scale(.9);-moz-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);-webkit-animation: sonarEffect .3s ease-out 75ms;-moz-animation: sonarEffect .3s ease-out 75ms;animation: sonarEffect .3s ease-out 75ms;background-color: rgba(197,197,197,.2);}
@keyframes glass {0% {transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);opacity: 1;}
	100% {transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);opacity: 1;}}
.ganimation-glass {overflow: hidden;}
.ganimation-glass::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(155,155,155,.31);content: "";animation-name: glass;animation-duration: .4s;opacity: 0;z-index: 1;}
[data-anima] {-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@keyframes borderPulse {0% {box-shadow: inset 0px 0px 0px 5px rgba(249,119,148,.4),0px 0px 0px 0px rgba(249,119,148,1);}
	100% {box-shadow: inset 0px 0px 0px 3px rgba(249,119,148,.2),0px 0px 0px 15px rgba(249,119,148,0);}}
.borderPulse:hover {animation: borderPulse 1000ms ease-out;}