/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; background-repeat: no-repeat;
	font-size: 100%; font: inherit; vertical-align: baseline;
}
/* Fix box model */
*, *:after, *:before { box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/* turn off resizable text fields */
textarea { resize: none; }

/* CLEARS THE 'X' FROM THE TEXT INPUT BOX IN IE */
.ms_clear::-ms-clear { display: none; }

/* Other Global Settings */
body, html { height: 100%; }
strong { font-weight: bold; }
em { font-style: italic; }
input[type="text"], input[type="password"], textarea, select, canvas { outline: none; }

/* ===============================
     Core Global Styles
================================ */

/* Visibility */
.hide { display: none !important; }
.show { display: block !important; }
.show-ib { display: inline-block !important; }
.show-i { display: inline !important; }
.offset { top: -9999px !important; left: -9999px !important; right: auto; bottom: auto; }
.ib { display: inline-block; }
.if { display: inline-flex; }
.flex { display: flex; }
.flex_center { display: flex; justify-content: center !important; }
.flex_col { display: flex; flex-direction: column; }
.flex_vertical { display: flex; align-items: center; }
.flex_horizontal { display: flex; flex-direction: column; justify-content: center; }
.flex_all { display: flex; justify-content: center; align-items: center; }
.flex_all_vertical { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex.wrap, .flex.flex_col.wrap { flex-wrap: wrap; }
.flex.nowrap { flex-wrap: nowrap !important; }

/* Wrapping */
.clearall { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearnone { clear: none !important; }
.cleardiv { width: 100%; overflow: hidden; }

/* Scrolling */
.scrollauto { overflow: auto !important; }
.scrollhide { overflow: hidden !important; }
.forcescroll { width: auto !important; overflow: auto !important; }

/* Alignment */
.center { margin: 0 auto; }
.floatleft { float: left !important; }
.floatright { float: right !important; }
.floatleftpad { float: left; padding-right: 1em; padding-bottom: 1em; }
.floatrightpad { float: right; padding-left: 1em; padding-bottom: 1em; }
.floatleftmar { float: left; margin-right: 1em; margin-bottom: 1em; }
.floatrightmar { float: right; margin-left: 1em; margin-bottom: 1em; }
.floatnone { float: none !important; }

/* Positioning */
.absolute { position: absolute !important; }
.relative { position: relative !important; }
.fixed { position: fixed !important; }
.static { position: static; }

/* Spacing */
.margin-none { margin: 0 !important; }
.margin-min { margin: 0.25em !important; }
.margin-half { margin: 0.5em !important; }
.margin-extra { margin: 1em !important; }
.margintop-none { margin-top: 0 !important; }
.margintop-min { margin-top: 0.25em !important; }
.margintop-half { margin-top: 0.5em !important; }
.margintop-extra { margin-top: 1em !important; }
.marginbottom-none { margin-bottom: 0 !important; }
.marginbottom-min { margin-bottom: 0.25em !important; }
.marginbottom-half { margin-bottom: 0.5em !important; }
.marginbottom-extra { margin-bottom: 1em !important; }
.marginright-none { margin-right: 0 !important; }
.marginright-min { margin-right: 0.25em !important; }
.marginright-half { margin-right: 0.5em !important; }
.marginright-extra { margin-right: 1em !important; }
.marginleft-none { margin-left: 0 !important; }
.marginleft-min { margin-left: 0.25em !important; }
.marginleft-half { margin-left: 0.5em !important; }
.marginleft-extra { margin-left: 1em !important; }
.marginright-icon { margin-right: 3px !important; }
.marginleft-icon { margin-left: 5px !important; }

.padding-none { padding: 0 !important; }
.padding-min { padding: 0.25em !important; }
.padding-half { padding: 0.5em !important; }
.padding-extra { padding: 1em !important; }
.paddingtop-none { padding-top: 0 !important; }
.paddingtop-min { padding-top: 0.25em !important; }
.paddingtop-half { padding-top: 0.5em !important; }
.paddingtop-extra { padding-top: 1em !important; }
.paddingbottom-none { padding-bottom: 0 !important; }
.paddingbottom-min { padding-bottom: 0.25em !important; }
.paddingbottom-half { padding-bottom: 0.5em !important; }
.paddingbottom-extra { padding-bottom: 1em !important; }
.paddingright-none { padding-right: 0 !important; }
.paddingright-min { padding-right: 0.25em !important; }
.paddingright-half { padding-right: 0.5em !important; }
.paddingright-extra { padding-right: 1em !important; }
.paddingleft-none { padding-left: 0 !important; }
.paddingleft-min { padding-left: 0.25em !important; }
.paddingleft-half { padding-left: 0.5em !important; }
.paddingleft-extra { padding-left: 1em !important; }
.paddingright-icon { padding-right: 5px !important; }

/* Text Alignment */
.textleft { text-align: left !important; }
.textcenter { text-align: center !important; }
.textright { text-align: right !important; }
.textnowrap { white-space: nowrap !important; }
.textsmall90 { font-size: 90% !important; }
.textsmall { font-size: 80% !important; }
.textstandard { text-transform: none !important; }
.textuppercase { text-transform: uppercase !important; }
.textcapitalize { text-transform: capitalize !important; }
.textnormal { font-weight: normal !important; }
.textbreak { word-wrap: break-word; }

/* Rounded Corners */
.r04 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
.r06 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.r08 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.r10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.r12 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.r16 { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.r24 { -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; }
.r24 { -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; }
.r36 { -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; }
.r48 { -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; }
.r-toponly { -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.r-bottomonly { -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; }
.r-leftonly { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;  }
.r-rightonly { -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0;  }
.r-NWSEonly { -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; }
.r-NESWonly { -moz-border-radius-bottomright: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; }

/* Opacities */
.opacity100 { opacity: 1.0 !important; }
.opacity50 { opacity: 0.5 !important; }
.opacity0 { opacity: 0 !important; }

/* Scales */
.scale75 { transform: scale(0.75); }
.scale50 { transform: scale(0.5); }
.scale25 { transform: scale(0.25); }

/* Forced sizes */
.w20  { width: 20px !important; min-width: 20px; } .w25  { width: 25px !important; min-width: 25px; }
.w30  { width: 30px !important; min-width: 30px; } .w35  { width: 35px !important; min-width: 35px; }
.w40  { width: 40px !important; min-width: 40px; } .w45  { width: 45px !important; min-width: 45px; }
.w50  { width: 50px !important; min-width: 50px; } .w55  { width: 55px !important; min-width: 55px; }
.w60  { width: 60px !important; min-width: 60px; } .w65  { width: 65px !important; min-width: 65px; }
.w70  { width: 70px !important; min-width: 70px; } .w75  { width: 75px !important; min-width: 75px; }
.w80  { width: 80px !important; min-width: 80px; } .w90  { width: 90px !important; min-width: 90px; }
.w100 { width: 100px !important; min-width: 100px; } .w110 { width: 110px !important; min-width: 110px; }
.w120 { width: 120px !important; min-width: 120px; } .w125 { width: 125px !important; min-width: 125px; }
.w130 { width: 130px !important; min-width: 130px; } .w135 { width: 135px !important; min-width: 135px; }
.w140 { width: 140px !important; min-width: 140px; } .w145 { width: 145px !important; min-width: 145px; }
.w150 { width: 150px !important; min-width: 150px; } .w155 { width: 155px !important; min-width: 155px; }
.w160 { width: 160px !important; min-width: 160px; } .w165 { width: 165px !important; min-width: 165px; }
.w170 { width: 170px !important; min-width: 170px; } .w175 { width: 175px !important; min-width: 175px; }
.w180 { width: 180px !important; min-width: 180px; } .w185 { width: 185px !important; min-width: 185px; }
.w190 { width: 190px !important; min-width: 190px; } .w195 { width: 195px !important; min-width: 195px; }
.w200 { width: 200px !important; } .w210 { width: 210px !important; }
.w220 { width: 220px !important; } .w225 { width: 225px !important; }
.w230 { width: 230px !important; } .w240 { width: 240px !important; }
.w250 { width: 250px !important; } .w260 { width: 260px !important; }
.w270 { width: 270px !important; } .w275 { width: 275px !important; }
.w280 { width: 280px !important; } .w290 { width: 290px !important; }
.w300 { width: 300px !important; } .w310 { width: 310px !important; }
.w320 { width: 320px !important; } .w325 { width: 325px !important; }
.w330 { width: 330px !important; } .w340 { width: 340px !important; }
.w350 { width: 350px !important; } .w360 { width: 360px !important; }
.w370 { width: 370px !important; } .w375 { width: 375px !important; }
.w380 { width: 380px !important; } .w390 { width: 390px !important; }
.w400 { width: 400px !important; } .w410 { width: 410px !important; }
.w420 { width: 420px !important; } .w425 { width: 425px !important; }
.w430 { width: 430px !important; } .w440 { width: 440px !important; }
.w450 { width: 450px !important; } .w460 { width: 460px !important; }
.w470 { width: 470px !important; } .w475 { width: 475px !important; }
.w480 { width: 480px !important; } .w490 { width: 490px !important; }
.w500 { width: 500px !important; } .w510 { width: 510px !important; }
.w520 { width: 520px !important; } .w530 { width: 530px !important; }
.w540 { width: 540px !important; } .w550 { width: 550px !important; }
.w560 { width: 560px !important; } .w570 { width: 570px !important; }
.w580 { width: 580px !important; } .w590 { width: 590px !important; }
.w600 { width: 600px !important; } .w610 { width: 610px !important; }
.w620 { width: 620px !important; } .w630 { width: 630px !important; }
.w640 { width: 640px !important; } .w650 { width: 650px !important; }
.w660 { width: 660px !important; } .w670 { width: 670px !important; }
.w680 { width: 680px !important; } .w690 { width: 690px !important; }
.w700 { width: 700px !important; } .w710 { width: 710px !important; }
.w720 { width: 720px !important; } .w730 { width: 730px !important; }
.w740 { width: 740px !important; } .w750 { width: 750px !important; }
.w760 { width: 760px !important; } .w770 { width: 770px !important; }
.w780 { width: 780px !important; } .w790 { width: 790px !important; }
.w800 { width: 800px !important; } .w825 { width: 825px !important; }
.w850 { width: 850px !important; } .w875 { width: 875px !important; }
.w900 { width: 900px !important; } .w925 { width: 925px !important; }
.w950 { width: 950px !important; } .w975 { width: 975px !important; }
.w1000 { width: 1000px !important; }
.w100p { width: 100%; }
.wauto { width: auto !important; min-width: 0px !important; max-width: 100% !important; }

.h20 { height: 20px !important; } .h25 { height: 25px !important; }
.h30 { height: 30px !important; } .h35 { height: 35px !important; }
.h40 { height: 40px !important; } .h45 { height: 45px !important; }
.h50 { height: 50px !important; } .h60 { height: 60px !important; }
.h70 { height: 70px !important; } .h75 { height: 75px !important; }
.h80 { height: 80px !important; } .h90 { height: 80px !important; }
.h100 { height: 100px !important; } .h120 { height: 120px !important; }
.h140 { height: 140px !important; } .h150 { height: 150px !important; }
.h160 { height: 160px !important; } .h180 { height: 180px !important; }
.h200 { height: 200px !important; } .h220 { height: 220px !important; }
.h240 { height: 240px !important; } .h250 { height: 250px !important; }
.h260 { height: 260px !important; } .h280 { height: 280px !important; }
.h300 { height: 300px !important; } .h350 { height: 350px !important; }
.h400 { height: 400px !important; } .h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h100p { height: 100%; }
.hauto { height: auto !important; min-height: 0px !important; max-height: 100% !important; }

/* Square Sizes */
.s08 { width: 8px !important; height: 8px !important; min-width: 8px; } .s10 { width: 10px !important; height: 10px !important; min-width: 10px; }
.s12 { width: 12px !important; height: 12px !important; min-width: 12px; } .s14 { width: 14px !important; height: 14px !important; min-width: 14px; }
.s16 { width: 16px !important; height: 16px !important; min-width: 16px; } .s18 { width: 18px !important; height: 18px !important; min-width: 18px; }
.s20 { width: 20px !important; height: 20px !important; min-width: 20px; } .s24 { width: 24px !important; height: 24px !important; min-width: 24px; }
.s32 { width: 32px !important; height: 32px !important; min-width: 32px; } .s36 { width: 36px !important; height: 36px !important; min-width: 36px; }
.s40 { width: 40px !important; height: 40px !important; } .s48 { width: 48px !important; height: 48px !important; }
.s56 { width: 56px !important; height: 56px !important; } .s60 { width: 60px !important; height: 60px !important; }
.s64 { width: 64px !important; height: 64px !important; } .s72 { width: 72px !important; height: 72px !important; }
.s80 { width: 80px !important; height: 80px !important; } .s96 { width: 96px !important; height: 96px !important; }
.s100 { width: 100px !important; height: 100px !important; } .s108 { width: 108px !important; height: 108px !important; }
.s120 { width: 120px !important; height: 120px !important; } .s128 { width: 128px !important; height: 128px !important; }
.s160 { width: 160px !important; height: 160px !important; } .s200 { width: 200px !important; height: 200px !important; }
.s256 { width: 256px !important; height: 256px !important; }

/* Basic Color Changes (only works from a black source) */
.color-red { filter: invert(22%) sepia(85%) saturate(4538%) hue-rotate(356deg) brightness(98%) contrast(141%); }
.color-orange { filter: invert(48%) sepia(85%) saturate(1408%) hue-rotate(360deg) brightness(101%) contrast(105%); }
.color-yellow { filter: invert(100%) sepia(61%) saturate(4108%) hue-rotate(0deg) brightness(103%) contrast(104%); }
.color-green { filter: invert(55%) sepia(40%) saturate(6337%) hue-rotate(88deg) brightness(106%) contrast(114%); }
.color-cyan { filter: invert(72%) sepia(70%) saturate(3398%) hue-rotate(133deg) brightness(93%) contrast(104%); }
.color-blue { filter: invert(8%) sepia(100%) saturate(6507%) hue-rotate(245deg) brightness(111%) contrast(137%); }
.color-indigo { filter: invert(8%) sepia(100%) saturate(7498%) hue-rotate(272deg) brightness(111%) contrast(118%); }
.color-purple { filter: invert(26%) sepia(79%) saturate(6603%) hue-rotate(293deg) brightness(114%) contrast(127%); }
.color-brown { filter: invert(21%) sepia(94%) saturate(1539%) hue-rotate(22deg) brightness(96%) contrast(102%); }
.color-white { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(59deg) brightness(112%) contrast(101%); }
.color-graylight { filter: invert(86%) sepia(0%) saturate(23%) hue-rotate(146deg) brightness(90%) contrast(94%); }
.color-graymedium { filter: invert(52%) sepia(13%) saturate(11%) hue-rotate(334deg) brightness(94%) contrast(84%); }
.color-graydark { filter: invert(22%) sepia(2%) saturate(14%) hue-rotate(314deg) brightness(94%) contrast(85%); }

/* Transitions and Animations */
.animate-background { -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; }
.animate-border { -moz-transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; transition: border .5s ease-in-out; }
.animate-width { -moz-transition: width .5s ease-in-out; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out; }
.animate-height { -moz-transition: height .5s ease-in-out; -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; }
.animate-color { -moz-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out; transition: color .5s ease-in-out; }
.animate-top { -moz-transition: top .5s ease-in-out; -webkit-transition: top .5s ease-in-out; transition: top .5s ease-in-out; }
.animate-left { -moz-transition: left .5s ease-in-out; -webkit-transition: left .5s ease-in-out; transition: left .5s ease-in-out; }
.animate-bottom { -moz-transition: bottom .5s ease-in-out; -webkit-transition: bottom .5s ease-in-out; transition: bottom .5s ease-in-out; }
.animate-background-and-color { -moz-transition: background .5s ease-in-out, color .5s ease-in-out; -webkit-transition: background .5s ease-in-out, color .5s ease-in-out; transition: background .5s ease-in-out, color .5s ease-in-out; }
.animate-background-size { -moz-transition: background-size .5s ease-in-out, color .5s ease-in-out; -webkit-transition: background-size .5s ease-in-out, color .5s ease-in-out; transition: background-size .5s ease-in-out, color .5s ease-in-out; }
.animate-opacity { -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
.animate-opacity-and-background { transition: opacity .5s ease-in-out, background .5s ease-in-out; }
.animate-all { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.animate-none { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important ; }
.animate-transform { -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; }

.animate-pulse { position: absolute; left:0; width: 20px; height: 20px; }
.animate-pulse:before {
    content: ''; position: relative; display: block; width: 200%; height: 200%; box-sizing: border-box;
    margin-left: -50%; margin-top: -50%; border-radius: 45px; background-color: #FFFFFF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.animate-pulse:after {
    content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
    background-color: #FFFFFF; border-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.animate-pulse.started:before,
.animate-pulse.started:after { background-color: #0033FF; }
.animate-pulse.invalid:before,
.animate-pulse.invalid:after { background-color: #CC0000; }
.animate-pulse.success:before,
.animate-pulse.success:after { background-color: #00CC00; }

.animate-blink { animation: blinker 1s linear 0s 5.5 forwards; }
@keyframes blinker { 
  50% { opacity: 0; } 
}

/* ----------------------------------------------
 * Generated by Animista on 2020-3-11 12:41:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes flip-around {
  0%, 50%, 100% { transform: rotateX(0) rotateY(0); }
  25% { transform: rotateX(0) rotateY(-350deg);  }
  75% { transform: rotateX(-350deg) rotateY(0); }
}

@keyframes pulse-ring {
  0% { transform: scale(.33); }
  80%, 100% { opacity: 0; }
}

@keyframes pulse-dot {
  0% { transform: scale(.8); }
  50% { transform: scale(1); }
  100% { transform: scale(.8); }
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes background-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.animate-openwindow { animation: open-to-front 0.6s ease-out 0s 1 both; }
.animate-closewindow { animation: close-to-back 0.6s ease-out 0s 1 forwards; }
.animate-sendtofront { animation: send-to-front 0.8s ease-in-out 0s 1 forwards; transform-origin: center; }
.animate-sendtoback { animation: send-to-back 0.8s ease-in-out 0s 1 forwards; transform-origin: center; }
.animate-movetoback { animation: move-to-back 0.6s ease-out 0s 1 forwards; transform-origin: center;}
.animate-movetofront { animation: move-to-front 0.6s ease-out 0s 1 forwards; transform-origin: center; }
.animate-orbittoback { animation: orbit-to-back 0.6s ease-in-out 0s 1 forwards; transform-origin: center; }
.animate-orbittofront { animation: orbit-to-front 0.6s ease-in-out 0s 1 forwards; transform-origin: center; }

@keyframes open-to-front {
  0% { transform: scale(0) translate(33%,33%); opacity: 0.4; z-index: 3; transform-origin: top left; }
  100% { transform: scale(1) translate(0,0); opacity: 1; z-index: 2; transform-origin: center; }
}
@keyframes close-to-back {
  0% { transform: scale(1) translate(0,0); opacity: 1; z-index: 3; transform-origin: top left; }
  100% { transform: scale(0) translate(33%,33%); opacity: 0.4; z-index: 3; transform-origin: top left; }
}
@keyframes move-to-back {
  0% { transform: scale(1); transform-origin: center; z-index: 2; }
  100% { transform: scale(0.8); transform-origin: center; z-index: 1; }
}
@keyframes move-to-front {
  0% { transform: scale(0.8); transform-origin: center; z-index: 1; }
  100% { transform: scale(1); transform-origin: center; z-index: 2; }
}
@keyframes orbit-to-back {
  0% { transform: scale(1) rotateY(0); transform-origin: 50% 50% -500px; z-index: 2; }
  100% { transform: scale(0.6) rotateY(-180deg); transform-origin: 50% 50% -500px; z-index: 1; }
}
@keyframes orbit-to-front {
  0% { transform: scale(0.6) rotateY(180deg); transform-origin: 50% 50% -500px; z-index: 1; }
  100% { transform: scale(1) rotateY(0deg); transform-origin: 50% 50% -500px; z-index: 2; }
}