/* font */

@font-face {
    font-family: 'Conv_QuadraatSans-Bold';
    src: url('fonts/QuadraatSans-Bold.eot');
    src: local('☺'), url('fonts/QuadraatSans-Bold.woff') format('woff'), url('fonts/QuadraatSans-Bold.ttf') format('truetype'), url('fonts/QuadraatSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Agency FB';
    src: url('../fonts/agencyb_2-webfont.eot');
    src: url('../fonts/agencyb_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agencyb_2-webfont.woff2') format('woff2'),
         url('../fonts/agencyb_2-webfont.woff') format('woff'),
         url('../fonts/agencyb_2-webfont.ttf') format('truetype'),
         url('../fonts/agencyb_2-webfont.svg#agency_fbbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


#gameContent {
    position: relative;
    margin: 0px;
    border: none;
    width: 824px;
    height: 570px;
}

#glueCanvas {
    position: relative;
    margin: 0;
    background-color: #CCCCCC;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#glueSWF {
    outline: none;
}


#dieContainer .dice .back {
    padding: 0px;
    margin: 0px;
}


/* popbox */

#sl-lockpane {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 50px;
    left: 0px;
    right: 0px;
    z-index: 1000;
}

.sl-lockpane-visible {
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F000000', endColorstr='#7F000000');
}

.sl-lockpane-invisible {
    background-color: rgba(0, 0, 0, 0.0);
    filter: none;
}

#sl-popupbox {
    width: 100%;
    height: 100%;
}

#sl-popupbox-close {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#sl-popupbox-bordertop {
    display: none;
}

#sl-popupbox-borderleft {
  display: none;
}

#sl-popupbox-borderright {
  display: none;
}

#sl-popupbox-borderbottom {
  display: none;
}

#sl-popupbox-content {
  transform: translate(-50%, -109px);
    position: absolute;
  top: 40%;
  left: 50%;
  background-color: rgba(255,222,0,0.9);
  border-radius: 3px;
  max-width: 90%;
  min-height: 100px;
  min-width: 420px;
  padding: 18px 24px 24px;
  width: 73%;
}


#sl-popupbox-rightshadow {
  display: none;
}


#sl-popupbox-bottomshadow {
  display: none;
}

#sl-popupbox-title {
  position: relative;
  color: #404040;
  font-family: tarzana-bold, Helvetica, sans-serif;
  font-size: 2.7rem;
    font-weight: normal;
  margin-bottom: 6px;
}

#sl-popupbox #sl-popupbox-text {
  position: relative;
  margin: auto;
  margin-bottom: 18px;
    overflow: hidden;
  color: #525252;
  font-size: 1.36rem;
  line-height: 1.5em;
  min-height: 3em;
  font-family: "helvetica-roman", Helvetica Neue, Helvetica, Arial, sans-serif;
}

#sl-popupbox #sl-popupbox-text > b,
#sl-popupbox #sl-popupbox-text > b > * {
    font-weight: normal;
}

#sl-popupbox-info1 {
  line-height: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #525252;
    color: white;
  font-size: 16px;
  font-family: "helvetica-bold", sans-serif;
  text-align: center;
  border-radius: 3px;
  padding: 11px 3.2%;
  display: block;
  float: left;
}

#sl-popupbox-info2 {
  overflow: hidden;
  position: relative;
  overflow: hidden;
  color: #750079;
  font-size: 14px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
  background-image: url(../images/arrow.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-top: 12px;
  float: left;
  width: 69%;
}

#sl-popupbox-info1:hover {
  background: #3e3e3e;
}
#sl-popupbox-info2:hover {
  color: #404040;
  background-image: url(../images/arrowOver.svg);
}

#sl-popupbox-button {
  line-height: 1;
  float: right;
    overflow: hidden;
  position: relative;
    cursor: pointer;
    color: white;
    font-size: 16px;
  font-family: "helvetica-bold", sans-serif;
    text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  border-radius: 6px;
  padding: 11px 3.2%;
  display: inline-block;
  background-color: #530e52;
  background-image: -moz-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a0f5f), color-stop(100%, #530e52));
  /* background-image: -webkit-linear-gradient(top, #5a0f5f 0%, #530e52 100%); */
  background-image: -o-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  background-image: -ms-linear-gradient(top, #5a0f5f 0%, #530e52 100%);
  /* background-image: linear-gradient(to bottom, #5a0f5f 0%, #530e52 100%); */
  -webkit-box-shadow: 0 2px 0 0 #3c0a40;
  -moz-box-shadow: 0 2px 0 0 #3c0a40;
  box-shadow: 0 2px 0 0 #3c0a40;
}

#sl-popupbox-button:hover {
  background-color: #3b3a38;
  background-image: -moz-linear-gradient(top, #404040 0%, #3b3a38 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #3b3a38));
  background-image: -webkit-linear-gradient(top, #404040 0%, #3b3a38 100%);
  background-image: -o-linear-gradient(top, #404040 0%, #3b3a38 100%);
  background-image: -ms-linear-gradient(top, #404040 0%, #3b3a38 100%);
  background-image: linear-gradient(to bottom, #404040 0%, #3b3a38 100%);
  -webkit-box-shadow: 0 2px 0 0 #3b3a38;
  -moz-box-shadow: 0 2px 0 0 #3b3a38;
  box-shadow: 0 2px 0 0 #3b3a38;
}

#sl-popupbox #sl-popupbox-button-table {
    background-color: transparent;
    margin: 0 !important;
}

#sl-popupbox #sl-popupbox-button-table tbody {
    background-color: transparent;
}


#sl-popupbox-buttonglow {
  display: none;
}

.viewport-box {
    border: 2px solid red;
    width: 640px;
    height: 480px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    float: left;
}


#sl-preloaderpane {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    height: 100%;

    background-color: #830b82;
}

#sl-preloaderbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -169px;
    margin-top: -52px;
    width: 338px;
    height: 104px;
    padding: 0px;
}

#sl-preloader-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 338px;
    height: 93px;
    background-image: url('../assets/global/loading_ani-3.gif');
    background-repeat: no-repeat;
}

#sl-preloader-logo {
    position: absolute;
    top: 18px;
    left: 22px;
    width: 293px;
    height: 56px;
    background-image: url('../assets/global/logo_de.png');
    background-repeat: no-repeat;
}

#sl-preloader-inner {
    position: absolute;
    left: 226px;
    top: 7px;
    width: 42px;
    height: 42px;
    background-image: url('../assets/global/loading_in.gif');
    background-repeat: no-repeat;
}

#sl-preloader-bar {
    position: absolute;
    left: 22px;
    top: 101px;
    width: 293px;
    height: 2px;
    background-color: white;
    overflow:hidden;
}

#sl-preloader-filler {
    height: 2px;
    width: 0%;
    background-color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-preloader-text {
    position: absolute;
    left: 22px;
    top: 105px;
    height: 20px;
    width: 220px;
    color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-preloader-percent {
    position: absolute;
    right: 22px;
    top: 105px;
    text-align: right;
    color: #FEDB00;
    margin: 0px;
    padding: 0px;
}

#sl-popupbox-text-choose-amount {
    position: absolute;
    left: 14px;
    top: 170px;
    width: 316px;
    height: 47px;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}







#sl-popupbox-choose-amount-box-left,
#sl-popupbox-choose-amount-box-right{
    width: 190px;
    height: 120px;
    top: 70px;
    position: absolute;
    left: 0;
    border-right: 1px solid white;
    text-align: center;
}
#sl-popupbox-choose-amount-box-right{
    left: 191px;
    border: none;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-price,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-price{
    position: absolute;
    left: 58px;
    top: 0;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-price-value,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-price-value{
    position: absolute;
    left: 99px;
    top: 0;
    overflow: hidden;
    color: white;
    font-size: 13px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    font-weight: bold;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-win,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-win {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    text-align: center;
}
#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-win-value,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-win-value{
    position: absolute;
    left: 0;
    top: 43px;
    width: 100%;
    height: 30px;
    color: white;
    font-size: 13px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    font-weight: bold;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn{
    background-image: url('../assets/global/button_background_alpha.png');
    background-size: 100% 100%;
    top: 70px;
    width: 110px;
    height: 20px;
    overflow: hidden;
    color: white;
    font-size: 14px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    /*border: 1px solid;
    border-top: 2px solid;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;

    padding: 2px;

}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn table,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn table{
    width: 100%;
    height: 100%;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn:hover,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn:hover{
    background-image: url('../assets/global/button_background.png');
    background-size: 100% 100%;
}

#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-buy-btn #sl-popupbox-button-lr,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-buy-btn #sl-popupbox-button-lr{
    font-size: 14px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    text-align: center;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 0;
    padding-top: 1px;
}


#sl-popupbox-choose-amount-box-left #sl-popupbox-choose-amount-box-left-demo-btn,
#sl-popupbox-choose-amount-box-right #sl-popupbox-choose-amount-box-right-demo-btn{
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 19px;
    color: white;
    font-size: 12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#sl-popupbox-choose-amount-bottom-description {
    position: absolute;
    height: 47px;
    overflow: hidden;
    color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana Regular", sans-serif;
    top: 198px;
    width: 97%;
    left: 10px;
}


/*now the large elements*/
.sl-popupbox-large,
.sl-popupbox-content-large {
    width: 386px !important;
    height: 246px !important;
}

.sl-popupbox-large{
    margin-left: -204px !important;
    margin-top: -140px !important;
}

.sl-popupbox-content-large {
    border: 5px solid black;
    border-radius: 1px;
    box-shadow: 5px 6px 1px rgba(0, 0, 0, 0.26);
}

.sl-popupbox-large-remove-border-shadow{
    display: none;
}




#dieContainer {
    position: absolute;
    top:0px;left:0px;
}

.wrapper {
    position: absolute;
    margin: 0 auto;
    pointer-events:none;
    -ms-pointer-events:none;
}

.wrapper .platform {
    width:150px;
    height:150px;
    transform: translate3d(0,0,0);
    -webkit-transform-style:preserve-3d;
}

.side {
    background: #FFFFFF;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    pointer-events:none;
    -ms-pointer-events:none;
}
.dice .cover, .dice .inner {
    background: #c20606;
    box-shadow: none;
    pointer-events:none;
    -ms-pointer-events:none;
}
.dice .cover {
    border-radius: 0;
}
.dot {
    position:absolute;
    width:65%;
    height:65%;
    border-radius:100px;
    background:#FFFFFF;
}
.dot.center {
    margin:17.5% 0 0 17.5%;
}
.dot.dtop {
    margin-top:10%;
}
.dot.dleft {
    margin-left:67%;
}
.dot.dright {
    margin-left:13%;
}
.dot.dbottom {
    margin-top:67%;
}
.dot.center.dleft {
    margin:38.5% 0 0 13%;
}
.dot.center.dright {
    margin:38.5% 0 0 67%;
}
.dice {
  width: 100%;
  height: 100%;
  position: relative;
}

.dice .side {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform-origin: 50% 50% -75px;
}
.wrapper .platform.roll .dice {
  transform: scale3d(1,1,1);
  -webkit-transform-style:preserve-3d;
  animation:rollUp 1s linear;
}

@keyframes rollUp {
  0% {transform: scale3d(1,1,1);}
  20% {transform: scale3d(1.3,1.3,1.3);}
  80% {transform: scale3d(1.3,1.3,1.3);}
  100% {transform: scale3d(1,1,1);}
}

.dice .side.topFace {
  z-index: 1;
}

/* START ON A 1!*/
.rolled1 .front {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
.rolled1 .top {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
.rolled1 .bottom {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
.rolled1 .back {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
.rolled1 .left {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.rolled1 .right {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}

/* START ON A 2 */
.rolled2 .front {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
.rolled2 .top {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
.rolled2 .bottom {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
.rolled2 .back {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
.rolled2 .left {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
.rolled2 .right {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}

/* START ON A 3 */
.rolled3 .front { transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
.rolled3 .top {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
.rolled3 .bottom {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
.rolled3 .back {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.rolled3 .left {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
.rolled3 .right {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}

/* START ON A 4 */
.rolled4 .front {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
.rolled4 .top {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
.rolled4 .bottom {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.rolled4 .back {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
.rolled4 .left {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
.rolled4 .right {transform: perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}

/* START ON A 5 */
.rolled5 .front {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.rolled5 .top {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
.rolled5 .bottom {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
.rolled5 .back {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
.rolled5 .left {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
.rolled5 .right {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}

/* START ON A 6 */
.rolled6 .front {transform: perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
.rolled6 .top {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
.rolled6 .bottom {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
.rolled6 .back {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
.rolled6 .left {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
.rolled6 .right {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}


.rolled1.rolling1 .front {animation:rolled1rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling1 .top {animation:rolled1rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling1 .bottom {animation:rolled1rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling1 .back {animation:rolled1rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling1 .left {animation:rolled1rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling1 .right {animation:rolled1rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled1.rolling2 .front {animation:rolled1rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling2 .top {animation:rolled1rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling2 .bottom {animation:rolled1rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling2 .back {animation:rolled1rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling2 .left {animation:rolled1rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling2 .right {animation:rolled1rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled1.rolling3 .front {animation:rolled1rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling3 .top {animation:rolled1rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling3 .bottom {animation:rolled1rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling3 .back {animation:rolled1rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling3 .left {animation:rolled1rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling3 .right {animation:rolled1rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled1.rolling4 .front {animation:rolled1rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling4 .top {animation:rolled1rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling4 .bottom {animation:rolled1rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling4 .back {animation:rolled1rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling4 .left {animation:rolled1rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling4 .right {animation:rolled1rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled1.rolling5 .front {animation:rolled1rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling5 .top {animation:rolled1rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling5 .bottom {animation:rolled1rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling5 .back {animation:rolled1rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling5 .left {animation:rolled1rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling5 .right {animation:rolled1rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled1.rolling6 .front {animation:rolled1rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling6 .top {animation:rolled1rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling6 .bottom {animation:rolled1rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling6 .back {animation:rolled1rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling6 .left {animation:rolled1rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled1.rolling6 .right {animation:rolled1rolling6spin6 1s ease-out;animation-fill-mode: forwards;}


.rolled2.rolling1 .front {animation:rolled2rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling1 .top {animation:rolled2rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling1 .bottom {animation:rolled2rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling1 .back {animation:rolled2rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling1 .left {animation:rolled2rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling1 .right {animation:rolled2rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled2.rolling2 .front {animation:rolled2rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling2 .top {animation:rolled2rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling2 .bottom {animation:rolled2rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling2 .back {animation:rolled2rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling2 .left {animation:rolled2rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling2 .right {animation:rolled2rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled2.rolling3 .front {animation:rolled2rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling3 .top {animation:rolled2rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling3 .bottom {animation:rolled2rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling3 .back {animation:rolled2rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling3 .left {animation:rolled2rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling3 .right {animation:rolled2rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled2.rolling4 .front {animation:rolled2rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling4 .top {animation:rolled2rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling4 .bottom {animation:rolled2rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling4 .back {animation:rolled2rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling4 .left {animation:rolled2rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling4 .right {animation:rolled2rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled2.rolling5 .front {animation:rolled2rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling5 .top {animation:rolled2rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling5 .bottom {animation:rolled2rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling5 .back {animation:rolled2rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling5 .left {animation:rolled2rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling5 .right {animation:rolled2rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled2.rolling6 .front {animation:rolled2rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling6 .top {animation:rolled2rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling6 .bottom {animation:rolled2rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling6 .back {animation:rolled2rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling6 .left {animation:rolled2rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled2.rolling6 .right {animation:rolled2rolling6spin6 1s ease-out;animation-fill-mode: forwards;}


.rolled3.rolling1 .front {animation:rolled3rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling1 .top {animation:rolled3rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling1 .bottom {animation:rolled3rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling1 .back {animation:rolled3rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling1 .left {animation:rolled3rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling1 .right {animation:rolled3rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled3.rolling2 .front {animation:rolled3rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling2 .top {animation:rolled3rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling2 .bottom {animation:rolled3rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling2 .back {animation:rolled3rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling2 .left {animation:rolled3rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling2 .right {animation:rolled3rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled3.rolling3 .front {animation:rolled3rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling3 .top {animation:rolled3rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling3 .bottom {animation:rolled3rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling3 .back {animation:rolled3rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling3 .left {animation:rolled3rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling3 .right {animation:rolled3rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled3.rolling4 .front {animation:rolled3rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling4 .top {animation:rolled3rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling4 .bottom {animation:rolled3rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling4 .back {animation:rolled3rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling4 .left {animation:rolled3rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling4 .right {animation:rolled3rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled3.rolling5 .front {animation:rolled3rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling5 .top {animation:rolled3rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling5 .bottom {animation:rolled3rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling5 .back {animation:rolled3rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling5 .left {animation:rolled3rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling5 .right {animation:rolled3rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled3.rolling6 .front {animation:rolled3rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling6 .top {animation:rolled3rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling6 .bottom {animation:rolled3rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling6 .back {animation:rolled3rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling6 .left {animation:rolled3rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled3.rolling6 .right {animation:rolled3rolling6spin6 1s ease-out;animation-fill-mode: forwards;}


.rolled4.rolling1 .front {animation:rolled4rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling1 .top {animation:rolled4rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling1 .bottom {animation:rolled4rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling1 .back {animation:rolled4rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling1 .left {animation:rolled4rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling1 .right {animation:rolled4rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled4.rolling2 .front {animation:rolled4rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling2 .top {animation:rolled4rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling2 .bottom {animation:rolled4rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling2 .back {animation:rolled4rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling2 .left {animation:rolled4rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling2 .right {animation:rolled4rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled4.rolling3 .front {animation:rolled4rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling3 .top {animation:rolled4rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling3 .bottom {animation:rolled4rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling3 .back {animation:rolled4rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling3 .left {animation:rolled4rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling3 .right {animation:rolled4rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled4.rolling4 .front {animation:rolled4rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling4 .top {animation:rolled4rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling4 .bottom {animation:rolled4rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling4 .back {animation:rolled4rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling4 .left {animation:rolled4rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling4 .right {animation:rolled4rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled4.rolling5 .front {animation:rolled4rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling5 .top {animation:rolled4rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling5 .bottom {animation:rolled4rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling5 .back {animation:rolled4rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling5 .left {animation:rolled4rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling5 .right {animation:rolled4rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled4.rolling6 .front {animation:rolled4rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling6 .top {animation:rolled4rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling6 .bottom {animation:rolled4rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling6 .back {animation:rolled4rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling6 .left {animation:rolled4rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled4.rolling6 .right {animation:rolled4rolling6spin6 1s ease-out;animation-fill-mode: forwards;}


.rolled5.rolling1 .front {animation:rolled5rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling1 .top {animation:rolled5rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling1 .bottom {animation:rolled5rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling1 .back {animation:rolled5rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling1 .left {animation:rolled5rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling1 .right {animation:rolled5rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled5.rolling2 .front {animation:rolled5rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling2 .top {animation:rolled5rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling2 .bottom {animation:rolled5rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling2 .back {animation:rolled5rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling2 .left {animation:rolled5rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling2 .right {animation:rolled5rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled5.rolling3 .front {animation:rolled5rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling3 .top {animation:rolled5rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling3 .bottom {animation:rolled5rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling3 .back {animation:rolled5rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling3 .left {animation:rolled5rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling3 .right {animation:rolled5rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled5.rolling4 .front {animation:rolled5rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling4 .top {animation:rolled5rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling4 .bottom {animation:rolled5rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling4 .back {animation:rolled5rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling4 .left {animation:rolled5rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling4 .right {animation:rolled5rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled5.rolling5 .front {animation:rolled5rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling5 .top {animation:rolled5rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling5 .bottom {animation:rolled5rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling5 .back {animation:rolled5rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling5 .left {animation:rolled5rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling5 .right {animation:rolled5rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled5.rolling6 .front {animation:rolled5rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling6 .top {animation:rolled5rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling6 .bottom {animation:rolled5rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling6 .back {animation:rolled5rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling6 .left {animation:rolled5rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled5.rolling6 .right {animation:rolled5rolling6spin6 1s ease-out;animation-fill-mode: forwards;}


.rolled6.rolling1 .front {animation:rolled6rolling1spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling1 .top {animation:rolled6rolling1spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling1 .bottom {animation:rolled6rolling1spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling1 .back {animation:rolled6rolling1spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling1 .left {animation:rolled6rolling1spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling1 .right {animation:rolled6rolling1spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled6.rolling2 .front {animation:rolled6rolling2spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling2 .top {animation:rolled6rolling2spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling2 .bottom {animation:rolled6rolling2spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling2 .back {animation:rolled6rolling2spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling2 .left {animation:rolled6rolling2spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling2 .right {animation:rolled6rolling2spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled6.rolling3 .front {animation:rolled6rolling3spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling3 .top {animation:rolled6rolling3spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling3 .bottom {animation:rolled6rolling3spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling3 .back {animation:rolled6rolling3spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling3 .left {animation:rolled6rolling3spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling3 .right {animation:rolled6rolling3spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled6.rolling4 .front {animation:rolled6rolling4spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling4 .top {animation:rolled6rolling4spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling4 .bottom {animation:rolled6rolling4spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling4 .back {animation:rolled6rolling4spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling4 .left {animation:rolled6rolling4spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling4 .right {animation:rolled6rolling4spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled6.rolling5 .front {animation:rolled6rolling5spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling5 .top {animation:rolled6rolling5spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling5 .bottom {animation:rolled6rolling5spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling5 .back {animation:rolled6rolling5spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling5 .left {animation:rolled6rolling5spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling5 .right {animation:rolled6rolling5spin6 1s ease-out;animation-fill-mode: forwards;}

.rolled6.rolling6 .front {animation:rolled6rolling6spin1 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling6 .top {animation:rolled6rolling6spin2 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling6 .bottom {animation:rolled6rolling6spin3 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling6 .back {animation:rolled6rolling6spin4 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling6 .left {animation:rolled6rolling6spin5 1s ease-out;animation-fill-mode: forwards;}
.rolled6.rolling6 .right {animation:rolled6rolling6spin6 1s ease-out;animation-fill-mode: forwards;}



.rolled1.prompt .front {animation:rolled1prompt1 1s ease-out infinite;}
.rolled1.prompt .top {animation:rolled1prompt2 1s ease-out infinite;}
.rolled1.prompt .bottom {animation:rolled1prompt3 1s ease-out infinite;}
.rolled1.prompt .back {animation:rolled1prompt4 1s ease-out infinite;}
.rolled1.prompt .left {animation:rolled1prompt5 1s ease-out infinite;}
.rolled1.prompt .right {animation:rolled1prompt6 1s ease-out infinite;}

.rolled2.prompt .front {animation:rolled2prompt1 1s ease-out infinite;}
.rolled2.prompt .top {animation:rolled2prompt2 1s ease-out infinite;}
.rolled2.prompt .bottom {animation:rolled2prompt3 1s ease-out infinite;}
.rolled2.prompt .back {animation:rolled2prompt4 1s ease-out infinite;}
.rolled2.prompt .left {animation:rolled2prompt5 1s ease-out infinite;}
.rolled2.prompt .right {animation:rolled2prompt6 1s ease-out infinite;}

.rolled3.prompt .front {animation:rolled3prompt1 1s ease-out infinite;}
.rolled3.prompt .top {animation:rolled3prompt2 1s ease-out infinite;}
.rolled3.prompt .bottom {animation:rolled3prompt3 1s ease-out infinite;}
.rolled3.prompt .back {animation:rolled3prompt4 1s ease-out infinite;}
.rolled3.prompt .left {animation:rolled3prompt5 1s ease-out infinite;}
.rolled3.prompt .right {animation:rolled3prompt6 1s ease-out infinite;}

.rolled4.prompt .front {animation:rolled4prompt1 1s ease-out infinite;}
.rolled4.prompt .top {animation:rolled4prompt2 1s ease-out infinite;}
.rolled4.prompt .bottom {animation:rolled4prompt3 1s ease-out infinite;}
.rolled4.prompt .back {animation:rolled4prompt4 1s ease-out infinite;}
.rolled4.prompt .left {animation:rolled4prompt5 1s ease-out infinite;}
.rolled4.prompt .right {animation:rolled4prompt6 1s ease-out infinite;}

.rolled5.prompt .front {animation:rolled5prompt1 1s ease-out infinite;}
.rolled5.prompt .top {animation:rolled5prompt2 1s ease-out infinite;}
.rolled5.prompt .bottom {animation:rolled5prompt3 1s ease-out infinite;}
.rolled5.prompt .back {animation:rolled5prompt4 1s ease-out infinite;}
.rolled5.prompt .left {animation:rolled5prompt5 1s ease-out infinite;}
.rolled5.prompt .right {animation:rolled5prompt6 1s ease-out infinite;}

.rolled6.prompt .front {animation:rolled6prompt1 1s ease-out infinite;}
.rolled6.prompt .top {animation:rolled6prompt2 1s ease-out infinite;}
.rolled6.prompt .bottom {animation:rolled6prompt3 1s ease-out infinite;}
.rolled6.prompt .back {animation:rolled6prompt4 1s ease-out infinite;}
.rolled6.prompt .left {animation:rolled6prompt5 1s ease-out infinite;}
.rolled6.prompt .right {animation:rolled6prompt6 1s ease-out infinite;}




/* ROLLED 1 ROLLING 1-6 */

@keyframes rolled1rolling1spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled1rolling1spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled1rolling1spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled1rolling1spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled1rolling1spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled1rolling1spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled1rolling2spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled1rolling2spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled1rolling2spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled1rolling2spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled1rolling2spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled1rolling2spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled1rolling3spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled1rolling3spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled1rolling3spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled1rolling3spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled1rolling3spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled1rolling3spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled1rolling4spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled1rolling4spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled1rolling4spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled1rolling4spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled1rolling4spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled1rolling4spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled1rolling5spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled1rolling5spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled1rolling5spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled1rolling5spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled1rolling5spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled1rolling5spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}

@keyframes rolled1rolling6spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled1rolling6spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled1rolling6spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled1rolling6spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled1rolling6spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled1rolling6spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}




/* ROLLED 2, LANDING 1-6 */


@keyframes rolled2rolling1spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled2rolling1spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled2rolling1spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled2rolling1spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled2rolling1spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled2rolling1spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled2rolling2spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled2rolling2spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled2rolling2spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled2rolling2spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled2rolling2spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled2rolling2spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled2rolling3spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled2rolling3spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled2rolling3spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled2rolling3spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled2rolling3spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled2rolling3spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled2rolling4spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled2rolling4spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled2rolling4spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled2rolling4spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled2rolling4spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled2rolling4spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled2rolling5spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled2rolling5spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled2rolling5spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled2rolling5spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled2rolling5spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled2rolling5spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}

@keyframes rolled2rolling6spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled2rolling6spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(360deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled2rolling6spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled2rolling6spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled2rolling6spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled2rolling6spin6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}


/* ROLLED 3 ROLLING 1-6 */

@keyframes rolled3rolling1spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled3rolling1spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled3rolling1spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled3rolling1spin4 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled3rolling1spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled3rolling1spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled3rolling2spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled3rolling2spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled3rolling2spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled3rolling2spin4 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled3rolling2spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled3rolling2spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled3rolling3spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled3rolling3spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled3rolling3spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled3rolling3spin4 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled3rolling3spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled3rolling3spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled3rolling4spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled3rolling4spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled3rolling4spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled3rolling4spin4 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled3rolling4spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled3rolling4spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled3rolling5spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled3rolling5spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled3rolling5spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled3rolling5spin4 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled3rolling5spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled3rolling5spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}


@keyframes rolled3rolling6spin1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled3rolling6spin2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled3rolling6spin3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled3rolling6spin4 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled3rolling6spin5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled3rolling6spin6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}






/* ROLLED 4 ROLLING 1-6 */

@keyframes rolled4rolling1spin1 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled4rolling1spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled4rolling1spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled4rolling1spin4 {
  0% {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled4rolling1spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled4rolling1spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled4rolling2spin1 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled4rolling2spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled4rolling2spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled4rolling2spin4 {
  0% {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled4rolling2spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled4rolling2spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled4rolling3spin1 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled4rolling3spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled4rolling3spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled4rolling3spin4 {
  0% {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled4rolling3spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled4rolling3spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled4rolling4spin1 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled4rolling4spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled4rolling4spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled4rolling4spin4 {
  0% {transform:perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled4rolling4spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled4rolling4spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled4rolling5spin1 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled4rolling5spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled4rolling5spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled4rolling5spin4 {
  0% {transform:perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled4rolling5spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled4rolling5spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}


@keyframes rolled4rolling6spin1 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled4rolling6spin2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled4rolling6spin3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled4rolling6spin4 {
  0% {transform:perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled4rolling6spin5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled4rolling6spin6 {
  0% {transform:  perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}


/* ROLLED 5 ROLLING 1-6 */

@keyframes rolled5rolling1spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled5rolling1spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled5rolling1spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled5rolling1spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled5rolling1spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled5rolling1spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled5rolling2spin1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled5rolling2spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled5rolling2spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled5rolling2spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled5rolling2spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled5rolling2spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled5rolling3spin1 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled5rolling3spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled5rolling3spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled5rolling3spin4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled5rolling3spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled5rolling3spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled5rolling4spin1 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled5rolling4spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled5rolling4spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled5rolling4spin4 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled5rolling4spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled5rolling4spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled5rolling5spin1 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled5rolling5spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled5rolling5spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled5rolling5spin4 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled5rolling5spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled5rolling5spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}


@keyframes rolled5rolling6spin1 {
  0% {transform:perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled5rolling6spin2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled5rolling6spin3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled5rolling6spin4 {
  0% {transform:perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled5rolling6spin5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled5rolling6spin6 {
  0% {transform:  perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}



/* ROLLED 6 ROLLING 1-6 */

@keyframes rolled6rolling1spin1 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled6rolling1spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled6rolling1spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled6rolling1spin4 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled6rolling1spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled6rolling1spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}

@keyframes rolled6rolling2spin1 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled6rolling2spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(720deg) rotateZ(0deg);}
}
@keyframes rolled6rolling2spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-450deg);}
}
@keyframes rolled6rolling2spin4 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(450deg);}
}
@keyframes rolled6rolling2spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled6rolling2spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);}
}

@keyframes rolled6rolling3spin1 {
  0% {transform:perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled6rolling3spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled6rolling3spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled6rolling3spin4 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled6rolling3spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled6rolling3spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled6rolling4spin1 {
  0% {transform:perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled6rolling4spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled6rolling4spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled6rolling4spin4 {
  0% {transform:perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled6rolling4spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled6rolling4spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(540deg) rotateZ(0deg);}
}


@keyframes rolled6rolling5spin1 {
  0% {transform:perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled6rolling5spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);}
}
@keyframes rolled6rolling5spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-270deg);}
}
@keyframes rolled6rolling5spin4 {
  0% {transform:perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(270deg);}
}
@keyframes rolled6rolling5spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled6rolling5spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
}


@keyframes rolled6rolling6spin1 {
  0% {transform:perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(450deg) rotateZ(0deg);}
}
@keyframes rolled6rolling6spin2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(630deg) rotateZ(0deg);}
}
@keyframes rolled6rolling6spin3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(630deg) rotateY(0deg) rotateZ(-360deg);}
}
@keyframes rolled6rolling6spin4 {
  0% {transform:perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(360deg);}
}
@keyframes rolled6rolling6spin5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(360deg) rotateZ(0deg);}
}
@keyframes rolled6rolling6spin6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(540deg) rotateY(540deg) rotateZ(0deg);}
}


/* PROMPT ROLLS */

@keyframes rolled1prompt1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
}
@keyframes rolled1prompt2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(305deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled1prompt3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(0deg) rotateZ(35deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled1prompt4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(0deg) rotateZ(35deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled1prompt5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled1prompt6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
}

@keyframes rolled2prompt1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
}
@keyframes rolled2prompt2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled2prompt3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(0deg) rotateZ(-125deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(-90deg);}
}
@keyframes rolled2prompt4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(0deg) rotateZ(125deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(90deg);}
}
@keyframes rolled2prompt5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
}
@keyframes rolled2prompt6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(305deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);}
}

@keyframes rolled3prompt1 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
}
@keyframes rolled3prompt2 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(305deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled3prompt3 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(215deg) rotateY(0deg) rotateZ(-35deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled3prompt4 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(0deg) rotateZ(35deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled3prompt5 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled3prompt6 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(180deg) rotateZ(0deg);}
}

@keyframes rolled4prompt1 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
}
@keyframes rolled4prompt2 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(305deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled4prompt3 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(0deg) rotateZ(-35deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled4prompt4 {
  0% {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-145deg) rotateY(0deg) rotateZ(35deg);}
  100% {transform: perspective(600px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled4prompt5 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled4prompt6 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
}

@keyframes rolled5prompt1 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled5prompt2 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);}
}
@keyframes rolled5prompt3 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(35deg) rotateZ(125deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(90deg);}
}
@keyframes rolled5prompt4 {
  0% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
  40% {transform: perspective(600px) rotateX(-55deg) rotateY(0deg) rotateZ(-55deg);}
  100% {transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(-90deg);}
}
@keyframes rolled5prompt5 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(-55deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);}
}
@keyframes rolled5prompt6 {
  0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(35deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
}

@keyframes rolled6prompt1 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(215deg) rotateY(125deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(90deg) rotateZ(0deg);}
}
@keyframes rolled6prompt2 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(215deg) rotateY(305deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(270deg) rotateZ(0deg);}
}
@keyframes rolled6prompt3 {
  0% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(305deg) rotateY(0deg) rotateZ(-35deg);}
  100% {transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled6prompt4 {
  0% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(125deg) rotateY(0deg) rotateZ(35deg);}
  100% {transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled6prompt5 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(215deg) rotateY(35deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes rolled6prompt6 {
  0% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
  40% {transform: perspective(600px) rotateX(215deg) rotateY(215deg) rotateZ(0deg);}
  100% {transform: perspective(600px) rotateX(180deg) rotateY(180deg) rotateZ(0deg);}
}

* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

#game {width:100%;height:100%;overflow:hidden;}

#version {position: absolute;bottom: 0px;height: 15px;right: 0px;width: 36px;}
#version p {color:#fff;font:10px Arial;margin:0px;padding:0px;}


#loading {z-index:1; display:none;position: absolute;top: 50%;margin-top: -32px;left: 50%;margin-left: -32px;background: #585858;padding: 3px 3px 0px 3px;border-radius: 6px;}
#loading.visible {display:block;}

#ticket-price {position:absolute;top:54%;left:50%;width:160px;height:51px;text-align:center;margin: 0px 0px 0px -76px;opacity:0;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

#ticket-price.loaded {opacity:1;}
#ticket-price span {color:#fff;font:20px Arial;position:absolute;width: 100%;top: 4px;left: 0px;}

#ticket-price img {height: 47px;top: -8px;position: relative;}

#loader {
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    background: #f88f0b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OGYwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTI3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f88f0b 0%, #712704 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88f0b), color-stop(100%,#712704));
    background: -webkit-linear-gradient(top, #f88f0b 0%,#712704 100%);
    background: -o-linear-gradient(top, #f88f0b 0%,#712704 100%);
    background: -ms-linear-gradient(top, #f88f0b 0%,#712704 100%);
    background: linear-gradient(to bottom, #f88f0b 0%,#712704 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88f0b', endColorstr='#712704',GradientType=0 );
}

#rotate-bg{
    background-color: #333333;
    padding: 10% 25%;
    width: 50%;
    display: none;
}

#rotate-bg img{
    width:  100%;
}

#loaderImageHolder{
    position: absolute;
    height: 44%;
    text-align: center;
    width: 60%;
    margin: 0% 20%;
    top:5%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateY(-50%);
    -webkit-transform:translate3d(0,-50%,0);
}
#loaderImageHolder img {
    height: 100%;
    max-height: 248px;
    position: relative;
    top: 50%;
    
    width: auto;
    max-width: 100%;
}

#buybutton {
    width: 16%;
    height: 41px;
    background: #fff;
    border-radius: 32px;
    border: 3px #F4BA7F solid;
    font-family: Arial;
    font-size: 26px;
    color: #4F494C;
    display: inline-block;
    line-height: 40px;
    min-width: 170px;
}

.enabled #buybutton:hover {
    color: #FFF;
    background:#4F494C;
}

.buying #buybutton:hover {
    color:#4F494C;
    background: #fff;
}

#logoHolder {
    padding-left: 88%;
    padding-top: 11.5%;
    bottom: 0px;
    position: absolute;
}

#logo {
    bottom: 0;
    right: 0;
    width: 100%;
}

#loadingBarHolder {
    height: 3%;
    margin: 0 20%;
    position: absolute;
    width: 60%;
    top:54%;
}

#startButtonHolder{
    width: 100%;
    position: absolute;
    top: 68%;
    text-align: center;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   opacity: 0;
}
#startButtonHolder.enabled {
    opacity: 1;
    cursor:pointer;
}

#startButtonHolder.buying {
    opacity:0.5;
    cursor:default;
}
.loaded .meter {
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   opacity:0;}
.loaded .meter > span:after {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.meter { 
    top:0;
    height: 100%;
    position: relative;
    background: #466fb5;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 4px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(43,194,83)),
      color-stop(1, rgb(84,240,84))
     );
    background-image: -moz-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
     );
    -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 
       -webkit-gradient(linear, 0 0, 100% 100%, 
          color-stop(.25, rgba(255, 255, 255, .2)), 
          color-stop(.25, transparent), color-stop(.5, transparent), 
          color-stop(.5, rgba(255, 255, 255, .2)), 
          color-stop(.75, rgba(255, 255, 255, .2)), 
          color-stop(.75, transparent), to(transparent)
       );
    background-image: 
        -moz-linear-gradient(
          -45deg, 
          rgba(255, 255, 255, .2) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .2) 50%, 
          rgba(255, 255, 255, .2) 75%, 
          transparent 75%, 
          transparent
       );
    background-image: 
        linear-gradient(
            -45deg,
            rgba(255, 255, 255, .2) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .2) 50%, 
            rgba(255, 255, 255, .2) 75%, 
            transparent 75%, 
            transparent
        );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    -webkit-animation: move 2s linear infinite;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}
@keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}
.meter {
    background: #F88F0B;
}

.meter > span {
    background-color: #55acff;
    background-image: -moz-linear-gradient(top, #F2Ad07, #FBD074);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F2Ad07),color-stop(1, #FBD074));
    background-image: -webkit-linear-gradient(#F2Ad07, #FBD074); 
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

#loaderText {
    text-align: center;
    font-family: Arial;
    font-size:13px;
    color: #FFF;
    top:83%;
    position:relative;
    max-width: 60%;
    margin: 0px 20%;
}
#loaderText p {
    text-shadow: 0px 0px 6px #801300;
}

#buybutton {
    border: 3px #F88F0B solid;
}




.meter {
    background: #F88F0B;
}

.meter > span {
    background-color: #55acff;
    background-image: -moz-linear-gradient(top, #F2Ad07, #FBD074);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F2Ad07),color-stop(1, #FBD074));
    background-image: -webkit-linear-gradient(#F2Ad07, #FBD074); 
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

#loaderText {
    text-align: center;
    font-family: Arial;
    font-size:13px;
    color: #FFF;
    top:83%;
    position:relative;
    max-width: 60%;
    margin: 0px 20%;
}
#loaderText p {
    text-shadow: 0px 0px 6px #801300;
}

#buybutton {
    border: 3px #F88F0B solid;
}