/***********************************
STOCKHOLM _ ANIMATION STATES
GENERAL SCREEN
***********************************/

.animate { transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; -webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; }
.animateSlide { transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; -webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.animateTrans { transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; transition-property: transform, opacity; -webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; -webkit-transition-property: -webkit-transform, opacity; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; }
.animate_simple { transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.1s; -webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.1s; }
.animateNoEase { transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; }
.animateVol { transition: -webkit-transform 0.3s linear 0s, width 0.3s linear 0s; -webkit-transition: -webkit-transform 0.3s linear 0s, width 0.3s linear 0s; }

.ani_scale_0 { opacity: 0; -webkit-transform-origin: center center; -webkit-transform: scale3d(0,0,1); transform-origin: center center; transform: scale3d(0,0,1); }
.ani_scale_50 { opacity: 0; -webkit-transform-origin: center center; -webkit-transform: scale3d(.5,.5,1); transform-origin: center center; transform: scale3d(.5,.5,1); }
.ani_scale_50t { opacity: 0; -webkit-transform-origin: top center; -webkit-transform: scale3d(.5,.5,1); transform-origin: top center; transform: scale3d(.5,.5,1); }
.ani_scale_100 { opacity: 1; -webkit-transform-origin: center center; -webkit-transform: scale3d(1,1,1); transform-origin: center center; transform: scale3d(1,1,1); }
.ani_scale_100i { opacity: 0; -webkit-transform-origin: center center; -webkit-transform: scale3d(1,1,1); transform-origin: center center; transform: scale3d(1,1,1); }
.ani_scale_200 { opacity: 0; -webkit-transform-origin: center center; -webkit-transform: scale3d(2,2,1); transform-origin: center center; transform: scale3d(2,2,1); }

.ani_slide_200 { opacity: 0; /*-webkit-transform-origin: right top; -webkit-transform: translateX(-50%); transform-origin: right top; transform: translateX(-50%); */}
.ani_slide_50 { opacity: 0; /*-webkit-transform-origin: right top; -webkit-transform: scale3d(.9,1,1); transform-origin: right top; transform: scale3d(.9,1,1); */}
.ani_slide_0 { opacity: 0; -webkit-transform-origin: bottom center; -webkit-transform: translateX(100%); transform-origin: center right; transform: translateX(100%); }
.ani_slide_100  { opacity: 1; -webkit-transform-origin: center center; -webkit-transform: translateX(0); transform-origin: center center; transform: translateX(0); }

.ani_slideY_200 { opacity: 1; -webkit-transform-origin: bottom center; -webkit-transform: translateY(110%); transform-origin: bottom center; transform: translateY(110%); }
.ani_slideY_100 { opacity: 1; -webkit-transform-origin: bottom center; -webkit-transform: translateY(0); transform-origin: bottom center; transform: translateY(0); }



.vis_off { visibility: hidden; }
.vis_on { visibility: visible; }

.disp_off { display: none !important;}
.disp_on { display: block; }

.width_0 { width: 0 !important; padding: 0 !important; margin: 0 !important; }
.ani_height_0 { height: 0 !important; min-height: 0 !important; border: 0 !important; }

.ani_opacity_1 { opacity: 1 !important;  }
.ani_opacity_05 { opacity: .5 !important;}
.ani_opacity_07 { opacity: .85 !important; }
.ani_opacity_0 { opacity: 0 !important; }

.ani_width_0 { -webkit-transform: scale3d(0,1,1); -webkit-transform-origin: 100%; }
.ani_width_100 { -webkit-transform: scale3d(1,1,1) !important; -webkit-transform-origin: 100%; }

@-webkit-keyframes inset-anim {
	from {
		-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	to   {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.ani_rotate_back { opacity: 0; -webkit-transform: perspective(40em) rotate3d(0,1,0,90deg) !important; transform: perspective(40em) rotate3d(0,1,0,90deg) !important; }
.ani_rotate_mid { opacity: 1; -webkit-transform: perspective(40em) rotate3d(0,1,0,0deg) !important; transform: perspective(40em) rotate3d(0,1,0,0deg) !important; }
.ani_rotate_front { opacity: 0; -webkit-transform: perspective(40em) rotate3d(0,1,0,-90deg) !important; transform: perspective(40em) rotate3d(0,1,0,-90deg) !important; }

.ani_art_0 { opacity: 0; transform: opacity; -webkit-transform: opacity; }
.ani_art_100 { opacity: 1; transform: opacity; -webkit-transform: opacity; }
.ani_art_200 { opacity: 0; transform: opacity; -webkit-transform: opacity; }

.ani_rotate_off { -webkit-animation: none; -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
.ani_rotate_on { -webkit-animation: rotateLoad 1s steps(12) infinite; }

.ani_opacity_in_out{ -webkit-transition: visibility 0.3s, opacity 0.3s ease-in-out; transition: visibility 0.3s, opacity 0.3s ease-in-out; }
.ani_margin_in_out{ -webkit-transition: margin .3s linear; transition: margin .3s linear; }

@-webkit-keyframes rotateLoad {
	0% { -webkit-transform: rotate3d(0,0,1,0deg); }
    100% { -webkit-transform: rotate3d(0,0,1,360deg); }
}

.ani_opacity_on { -webkit-animation: opacityLoad 300ms ease-out normal forwards; }
@-webkit-keyframes opacityLoad { 
	0% { opacity: 0; } 
	100% { opacity: 1; }
}

.ani_pulsate { -webkit-animation: pulsate 1.5s linear infinite; }
@-webkit-keyframes pulsate {
    0% { opacity: 0; }
    50% { opacity: .3; }
    100% { opacity: 0; }
}

.ani_grow { -webkit-animation: growFadeLoad 300ms ease-in-out normal forwards; }
@-webkit-keyframes growFadeLoad { 
	0% {  max-height: 0; opacity: 0; } 
	100% {  max-height: normal; opacity: 1; }
}

@-webkit-keyframes confirmAnim {
	0%		{ border: solid 6px rgba(255,255,255,1); }
    100%	{ border: solid 6px rgba(255,255,255,0); }
}
