@import url('https://fonts.googleapis.com/css?family=Roboto:400|Open+Sans:600,400,700');

@font-face {
                          font-family: "FontAwesome";
                          src: url('../fontawesome/FontAwesome.otf') format("opentype");
                        }
                        @font-face {
                          font-family: "material";
                          src: url('../fontawesome/material.ttf') format("truetype");
                        }
                        @font-face {
                          font-family: "Ionicons";
                          src: url('../fontawesome/ionicons.ttf') format("truetype");
                        }
@font-face {
    font-family: "Simple-Line-Icons";
    src: url('../fontawesome/Simple-Line-Icons.ttf') format("truetype");
}
                        
.a02module1achoose {
  /* width               : 100%; */
  /*min-width           : 1024px;*/
  width           : 768px;
  /* height              : 100vh; */
  /*height               :700px;*/
  min-height          : 546px;
  position            : relative;
  overflow            : hidden;
  margin              : auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(0, 0, 0, 1.0);
}
a {
  text-decoration     : none;
}
div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
div {
  -webkit-text-size-adjust: none;
}
.a02module1achoose .hp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5px;
  height              : 643px;
  width               : 1024px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.35;
}
.a02module1achoose .line {
  background-color    : rgba(255,255,255,0.0);
  top                 : 177px;
  height              : 3px;
  width               : 757px;
  position            : absolute;
  margin              : 0;
  left                : 134px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .game1border {
  background-color    : rgba(255,255,255,0.0);
  /*top                 : 68px;*/
  height              : 546px;
  width               : 768px;
  position            : absolute;
  margin              : 0;
  /*left                : 124px;*/
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}


.a02module1achoose .game1border .rectangle1 {
  background-color    : rgba(230, 230, 230, 1);
  top                 : 0px;
  height              : 546px;
  width               : 768px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .game1border .rectangledark  {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 76px;
  width               : 768px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .game1border .rectangle2 {
  background-color    : rgba(230, 230, 230, 0);
  top                 : 0px;
  height              : 546px;
  box-sizing          : border-box;
  width               : 768px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  border-style        : solid;
  border-width        : 10px;
  border-color        : rgba(138, 178, 72, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .rectdemo{
  background-color    : rgba(230, 230, 230, 1);
  top                 : 93px;
  height              : 100%;
  min-height          : 443px;  
  width               : 94.6%;
  position            : absolute;
  margin              : 0;
  left                : 2.7%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .rectangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 369px;
  height              : 50px;
  width               : 157px;
  position            : absolute;
  margin              : 0;
  left                : 503px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 348px;
  height              : 160px;
  width               : 77%;
  position            : absolute;
  margin              : 0;
  left                : 11%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group2 .rectangle2 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 0px;
  height              : 100%;
  box-sizing          : border-box;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(150, 150, 150, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group2 .howtoplay {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14px;
  height              : auto;
  width               : 122px;
  position            : absolute;
  margin              : 0;
  left                : 6%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .group2 .a1whenreadyselec {
  background-color    : rgba(255,255,255,0.0);
  top                 : 49px;
  height              : auto;
  width               : 71%;
  position            : absolute;
  margin              : 0;
  left                : 6.3%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.1px;
  line-height         : 22.0px;
}
.a02module1achoose .group2 .a1whenreadyselec .span1 {
  
}
.a02module1achoose .group2 .a1whenreadyselec .span2 {
  
}
.a02module1achoose .group2 .a1whenreadyselec .span3 {
  
}
.a02module1achoose .group2 .a1whenreadyselec .span4 {
  
}
.a02module1achoose .group2 .a1whenreadyselec .span5 {
  
}
.a02module1achoose .rectdemo .rectangle2 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 20px;
  height              : 90%;
  box-sizing          : border-box;
  width               : 94%;
  position            : absolute;
  margin              : 0;
  left                : 3%;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(150, 150, 150, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .rectdemo .instructionforgame {
  background-color    : rgba(255,255,255,0.0);
  top                 : 34px;
  height              : auto;
  width               : 88%;
  position            : absolute;
  margin              : 0;
  left                : 6%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .rectdemo .a1whenreadyselec {
  background-color    : rgba(255,255,255,0.0);
  top                 : 64px;
  height              : auto;
  width               : 87.4%;
  position            : absolute;
  margin              : 0;
  left                : 6.3%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : -0.1px;
  line-height         : 22.0px;
}


.a02module1achoose .group {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;   
  top                 : 105px;
  height              : 219px;
  width               : 22%;
  position            : absolute;
  margin              : 0;
  left                : 9%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 219px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group .rectangle11 {
  background-color    : rgba(138, 178, 72, 1.0);
  top                 : 2px;
  height              : 38px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group .budemo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 175px;
  height              : 38px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .group .budemo .rectanglecopy {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 38px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.92;
}
.a02module1achoose .group .budemo .start {
  background-color    : rgba(255,255,255,0.0);
  top                 : 7px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 24.0px;
}
.a02module1achoose .group .beginning {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .group .words {
  background-color    : rgba(255,255,255,0.0);
  top                 : 126px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .group .a3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : auto;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 40%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 60.0px;
  color               : rgba(138, 178, 72, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 82.0px;
}

.a02module1achoose .tgroup {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;   
  top                 : 105px;
  height              : 219px;
  width               : 22%;
  position            : absolute;
  margin              : 0;
  left                : 18%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroup .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 219px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroup .rectangle11 {
  background-color    : rgba(138, 178, 72, 1.0);
  top                 : 2px;
  height              : 38px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroup .budemo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 175px;
  height              : 38px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroup .budemo .rectanglecopy {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 38px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.92;
}
.a02module1achoose .tgroup .budemo .start {
  background-color    : rgba(255,255,255,0.0);
  top                 : 7px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroup .beginning {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroup .words {
  background-color    : rgba(255,255,255,0.0);
  top                 : 126px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroup .a3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 46px;
  height              : auto;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 40%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 60.0px;
  color               : rgba(138, 178, 72, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 82.0px;
}

    .a02module1achoose .tgroup .ta3 {
        background-color: rgba(255,255,255,0.0);
        top: 46px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 25.0px;
        color: rgba(138, 178, 72, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }

    .a02module1achoose .tgroup .ma3 {
        background-color: rgba(255,255,255,0.0);
        top: 46px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 35.0px;
        color: rgba(138, 178, 72, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }

    .a02module1achoose .tgroup .normal {
        background-color: rgba(255,255,255,0.0);
        top: 46px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 35.0px;
        color: rgba(138, 178, 72, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }


.a02module1achoose .groupcopy {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;   
  top                 : 105px;
  height              : 219px;
  width               : 22%;
  position            : absolute;
  margin              : 0;
  left                : 38%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 219px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy .budemo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 176px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy .budemo .rectanglecopy {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 37px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.92;
}
.a02module1achoose .groupcopy .budemo .start {
  background-color    : rgba(255,255,255,0.0);
  top                 : 7px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy .rectangle11 {
  background-color    : rgba(255, 189, 18, 1.0);
  top                 : 2px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy .intermediate {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy .words {
  background-color    : rgba(255,255,255,0.0);
  top                 : 123px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy .a4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 44px;
  height              : auto;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 40%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 60.0px;
  color               : rgba(255, 189, 18, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 82.0px;
}
.a02module1achoose .groupcopy2 {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer; 
  top                 : 105px;
  height              : 219px;
  width               : 22%;
  position            : absolute;
  margin              : 0;
  left                : 68%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy2 .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 219px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy2 .budemo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 176px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy2 .budemo .rectanglecopy {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 37px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.92;
}
.a02module1achoose .groupcopy2 .budemo .start {
  background-color    : rgba(255,255,255,0.0);
  top                 : 7px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy2 .rectangle11 {
  background-color    : rgba(210, 1, 1, 1.0);
  top                 : 2px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .groupcopy2 .advance {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy2 .words {
  background-color    : rgba(255,255,255,0.0);
  top                 : 123px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .groupcopy2 .a5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 44px;
  height              : auto;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 40%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 60.0px;
  color               : rgba(255, 18, 18, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 82.0px;
}

.a02module1achoose .tgroupcopy2 {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer; 
  top                 : 105px;
  height              : 219px;
  width               : 22%;
  position            : absolute;
  margin              : 0;
  left                : 55%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroupcopy2 .rectangle2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 219px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroupcopy2 .budemo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 176px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroupcopy2 .budemo .rectanglecopy {
  background-color    : rgba(0, 0, 0, 1.0);
  top                 : 0px;
  height              : 37px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.92;
}
.a02module1achoose .tgroupcopy2 .budemo .start {
  background-color    : rgba(255,255,255,0.0);
  top                 : 7px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroupcopy2 .rectangle11 {
  background-color    : rgba(210, 1, 1, 1.0);
  top                 : 2px;
  height              : 37px;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .tgroupcopy2 .advance {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroupcopy2 .words {
  background-color    : rgba(255,255,255,0.0);
  top                 : 123px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}
.a02module1achoose .tgroupcopy2 .a5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 44px;
  height              : auto;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 40%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 60.0px;
  color               : rgba(255, 18, 18, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 82.0px;
}


    .a02module1achoose .tgroupcopy2 .ta5 {
        background-color: rgba(255,255,255,0.0);
        top: 44px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 23.0px;
        color: rgba(255, 18, 18, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }

    .a02module1achoose .tgroupcopy2 .ma5 {
        background-color: rgba(255,255,255,0.0);
        top: 44px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 30.0px;
        color: rgba(255, 18, 18, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }


    .a02module1achoose .tgroupcopy2 .rotation {
        background-color: rgba(255,255,255,0.0);
        top: 44px;
        height: auto;
        width: 100%;
        position: absolute;
        margin: 0;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Open Sans", Helvetica, Arial, serif;
        font-weight: 600;
        font-style: normal;
        font-size: 35.0px;
        color: rgba(255, 18, 18, 1.0);
        text-align: center;
        letter-spacing: -0.15px;
        line-height: 82.0px;
    }

.a02module1achoose .gametopdark {
  background-color    : rgba(255,255,255,0.0);
  /*top                 : 51px;*/
  height              : 96px;
  width               : 776px;
  position            : absolute;
  margin              : 0;
  /*left                : 134px;*/
  /*left                : 10px; */
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .gametopdark .group21 {
  background-color    : rgba(255,255,255,0.0); 
  cursor: pointer;   
  top                 : -16px;
  height              : 56px;
  width               : 56px;
  position            : absolute;
  left                : 90%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.82;
}
.a02module1achoose .gametopdark .group21 .oval {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 56px;
  width               : 56px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .gametopdark .group21 .union38 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 18px;
  height              : 22px;
  width               : 22px;
  position            : absolute;
  margin              : 0;
  left                : 18px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .gametopdark .memorywhatu2019stheo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 300px;
  position            : absolute;
  margin              : 0;
  left                : 65px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}

.a02module1achoose .demotitle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 30px;
  height              : auto;
  width               : 256px;
  position            : absolute;
  margin              : 0;
  left                : 115px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 32.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : -0.15px;
  line-height         : 24.0px;
}

.a02module1achoose .gametopdark .listolfontawesome {
  background-color    : rgba(255,255,255,0.0);
  top                 : 18px;
  height              : auto;
  width               : 45px;
  position            : absolute;
  margin              : 0;
  left                : 20px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "FontAwesome", Helvetica, Arial, serif;
  font-size           : 32.0px;
  color               : rgba(138, 178, 72, 1.0);
  text-align          : left;
  line-height         : 32.0px;
}

.a02module1achoose .gametopdark .listolfontslicons {
    background-color: rgba(255,255,255,0.0);
    top: 18px;
    height: auto;
    width: 45px;
    position: absolute;
    margin: 0;
    left: 20px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Simple-Line-Icons", Helvetica, Arial, serif;
    font-size: 32.0px;
    color: rgba(188, 166, 255, 1.0);
    text-align: left;
    line-height: 32.0px;
}

.a02module1achoose .retbutton{
  background-color    : rgba(255,255,255,0.0);
  top                 : 18px;
  height              : auto;
  width               : 48px;
  position            : absolute;
  margin              : 0;
  left                : 20px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "FontAwesome", Helvetica, Arial, serif;
  font-size           : 32.0px;
  color               : rgba(138, 178, 72, 1.0);
  text-align          : left;
  line-height         : 32.0px;
}

.a02module1achoose .gametopdark .ionioshelpoutlineionicons {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;     
  top                 : 10px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 84%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Ionicons", Helvetica, Arial, serif;
  font-size           : 45.0px;
  color               : rgba(128, 198, 251, 1.0);
  text-align          : left;
  line-height         : 49.0px;
}

.a02module1achoose .gametopdark .a110 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 36px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 68%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 20.0px;
  color               : rgba(68, 175, 255, 1.0);
  text-align          : center;
  letter-spacing      : -0.17px;
  line-height         : 27.0px;
}
.a02module1achoose .gametopdark .score {
  background-color    : rgba(255,255,255,0.0);
  top                 : 36px;
  height              : 27px;
  width               : 12px;
  position            : absolute;
  margin              : 0;
  left                : 78%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .gametopdark .score .a0 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : -5px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 20.0px;
  color               : rgba(68, 175, 255, 1.0);
  text-align          : center;
  letter-spacing      : -0.17px;
  line-height         : 27.0px;
}

.a02module1achoose .gametopdark .categoryname {
    background-color: rgba(255,255,255,0.0);
    top: 22px;
    height: 27px;
    width: auto;
    position: absolute;
    margin: 0;
    left: 35%;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20.0px;
    color: white;
    text-align: center;
    letter-spacing: -0.17px;
    line-height: 27.0px;
}

.a02module1achoose .gametopdark .locdate {
    background-color: rgba(255,255,255,0.0);
    top: 22px;
    height: 27px;
    width: auto;
    position: absolute;
    margin: 0;
    left: 65%;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20.0px;
    color: white;
    text-align: center;
    letter-spacing: -0.17px;
    line-height: 27.0px;
}

.a02module1achoose .gametopdark .options {
    background-color: rgba(255,255,255,0.0);
    top: 60px;
    height: 27px;
    width: 95%;
    position: absolute;
    margin: 0;
    left: 2px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20.0px;
    color: black;
    text-align: center;
    letter-spacing: -0.17px;
    line-height: 27.0px;
}

.a02module1achoose .gratitudeinput {
    top: 155px;
    width: 100%;
    position: absolute;
}

.a02module1achoose .permainput {
    top: 160px;
    width: 100%;
    position: absolute;
}

.a02module1achoose .strquainput {
    top: 155px;
    width: 95%;
    position: absolute;
}

.a02module1achoose .storylifeinput {
    top: 155px;
    width:95%;
    position: absolute;
}

.a02module1achoose .retcategory {
    background-color: rgba(255,189,18,1.0);
    color: black;
    border-radius: 12px;
    top: 472px;
    height: 46px;
    width: auto;
    position: absolute;
    margin: 0;
    left: 88%;
    text-align: center;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16.0px;
}

.a02module1achoose .busubmit {
    background-color: rgba(255,189,18,1.0);
    color: black;
    border-radius: 12px;
    top: 472px;
    height: 46px;
    width: auto;
    position: absolute;
    margin: 0;
    left: 46%;
    text-align: center;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16.0px;
}

.a02module1achoose .gametopdark .round {
    background-color: rgba(255,255,255,0.0);
    top: 12px;
    height: auto;
    width: 56px;
    position: absolute;
    margin: 0;
    left: 66%;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Open Sans", Helvetica, Arial, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14.0px;
    color: rgba(255, 255, 255, 1.0);
    text-align: center;
    letter-spacing: -0.12px;
    line-height: 19.0px;
}
.a02module1achoose .gametopdark .score1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 12px;
  height              : auto;
  width               : 45px;
  position            : absolute;
  margin              : 0;
  left                : 76%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 14.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : -0.12px;
  line-height         : 19.0px;
}

 
.a02module1achoose .rectangle1 {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;      
  top                 : 358px;
  height              : 50px;
  width               : 20%;
  position            : absolute;
  margin              : 0;
  left                : 65%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .ioniosvideocamioniconscopy {
  background-color    : rgba(255,255,255,0.0);
  cursor: pointer;    
  top                 : 367px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 69%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Ionicons", Helvetica, Arial, serif;
  font-size           : 28.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 32.0px;
}

.a02module1achoose .gamesummary
{
	margin-top : 113px;
}

.gamesummary .summary {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5px;
  height              : auto;
  width               : 47.1%;
  margin              : 0;
  position            : absolute; 
  left                : 26.1%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.11px;
  line-height         : 24.0px;
}
.gamesummary .correctplay {
  background-color    : rgba(255,255,255,0.0);
  top                 : 69px;
  height              : auto;
  width               : 17.18%;
  margin              : 0;
  position            : absolute; 
  left                : 30.3%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.1px;
  line-height         : 21.0px;
}
.gamesummary .averagetime {
  background-color    : rgba(255,255,255,0.0);
  top                 : 69px;
  height              : auto;
  width               : 17.18%;
  margin              : 0;
  position            : absolute; 
  left                : 52.08%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.1px;
  line-height         : 21.0px;
}
.gamesummary .summaryoval {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 122px;
  width               : 15.88%;
  margin              : 0;
  position            : absolute; 
  left                : 30.99%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.gamesummary .summaryovalcopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 106px;
  height              : 122px;
  width               : 15.88%;
  margin              : 0;
  position            : absolute; 
  left                : 52.73%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.gamesummary .a2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 125px;
  height              : auto;
  width               : 15.88%;
  margin              : 0;
  position            : absolute; 
  left                : 30.99%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 55.0px;
  color               : rgba(138, 179, 72, 1.0);
  text-align          : center;
  letter-spacing      : -0.41px;
  line-height         : 86.0px;
}
.gamesummary .a63 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 130px;
  height              : auto;
  width               : 15.88%;
  margin              : 0;
  position            : absolute; 
  left                : 52.73%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 55.0px;
  color               : rgba(0, 153, 204, 1.0);
  text-align          : center;
  letter-spacing      : -0.37px;
  line-height         : 73.0px;
}
.gamesummary .outof10 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 239px;
  height              : auto;
  width               : 17.18%;
  position            : absolute; 
  margin              : 0;
  left                : 30.33%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(4, 85, 111, 1.0);
  text-align          : center;
  letter-spacing      : -0.1px;
  line-height         : 21.0px;
}
.gamesummary .secperplay {
  background-color    : rgba(255,255,255,0.0);
  top                 : 239px;
  height              : auto;
  width               : 15.88%;
  margin              : 0;
  position            : absolute; 
  left                : 52.73%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(4, 85, 111, 1.0);
  text-align          : center;
  letter-spacing      : -0.1px;
  line-height         : 21.0px;
}

.gamesummary .playagain
{
  background-color:rgba(255,189,18,1.0);
  color:black;	
  border-radius: 8px;
  top                 : 289px;
  height              : auto;
  width               : 22%;
  position            : absolute; 
  left                : 30.33%;	
}

.gamesummary .nextlevel
{
  background-color:black;
  color:rgba(245,248,250,1.0);
  border-radius: 8px;
  top                 : 289px;
  height              : auto;
  width               : 20%;
  position            : absolute; 
  left                : 53.5%;	
}

.a02module1achoose .democopy {
  background-color    : rgba(255,255,255,0.0);   
  cursor: pointer;   
  top                 : 370px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 74%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 16.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 22.0px;
}
.a02module1achoose .buquit {
  background-color:rgba(255,189,18,1.0);
  color:black;	
  border-radius: 12px;
  top                 : 472px;
  height              : 46px;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 88%;
  text-align          : center;  
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 16.0px;  
}
.a02module1achoose .buconfirm {
  color:black;	
  border-radius: 12px;
  top                 : 93px;
  height              : 46px;
  width               : 84px;
  position            : absolute;
  margin              : 0;
  left                : 85%;
  text-align          : center;  
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 600;
  font-style          : normal;
  font-size           : 16.0px;  
}

.a02module1achoose .wordgroup {
  background-color    : rgba(255,255,255,0.0);
  top                 : 211px;
  height              : 109px;
  width               : 80.2%;
  position            : absolute;
  margin              : 0;
  left                : 9.9%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.a02module1achoose .wordgroup .rectangle {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 0px;
  height              : 109px;
  box-sizing          : border-box;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(138, 178, 72, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .wordgroup1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 211px;
  height              : 109px;
  width               : 94%;
  position            : absolute;
  margin              : 0;
  left                : 3%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .wordgroup1 .rectangle1 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 20px;
  height              : 129px;
  box-sizing          : border-box;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(138, 178, 72, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.a02module1achoose .wordgroup1 .rectangle2 {
  top                 : 30px;
  width               : 100%;
  position            : absolute;
}

.a02module1achoose .wordgroup .ringnotebookcloc {
  background-color    : rgba(255,255,255,0.0);
  margin-top          : 38px;
  height              : auto;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Open Sans", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.15px;
  line-height         : 33.0px;
}
.a02module1achoose .startmemorizing {
  background-color    : rgba(255,255,255,0.0);
  top                 : 111px;
  height              : auto;
  width               : 94%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.11px;
  line-height         : 24.0px;
}
.a02module1achoose .ionarrowdownaionicons {
  background-color    : rgba(255,255,255,0.0);
  top                 : 157px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 48.4%;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Ionicons", Helvetica, Arial, serif;
  font-size           : 30.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 33.0px;
}

.a02module1achoose .pleasewaitu2026 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 93px;
  height              : auto;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.11px;
  line-height         : 24.0px;
}

.a02module1achoose p.nowdragdrop {
  background-color    : rgba(255,255,255,0.0);
  margin-top          : 115px;
  max-width           :100%;
  height              : 40px;
  position            : absolute;  
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : center;
  letter-spacing      : -0.11px;
  line-height         : 24.0px;	  
}

.a02module1achoose .msgdragdrop
{
  background-color    : rgba(255,255,255,0.0);
  margin-top          : 115px;
  max-width           :100%;
  height              : 40px;
  position            : absolute;  
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg); 	
}

.a02module1achoose .dragdropimage{
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 178px;
  height              : 280px;
  box-sizing          : border-box;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(138, 178, 72, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);	
}

.a02module1achoose .dragdropimage .dragdroptop{
  margin-top:20px;
}

.a02module1achoose .dragdropimage2{
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 178px;
  height              : 140px;
  box-sizing          : border-box;
  width               : 96%;
  position            : absolute;
  margin              : 0;
  left                : 2%;
  border-radius       : 20px;
  border-style        : solid;
  border-width        : 1px;
  border-color        : rgba(138, 178, 72, 1.0);
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);	
}

.a02module1achoose .dragdropimage2 .dragdroptop{
  margin-top:20px;
}

.a02module1achoose .dragdropimage3 {
    background-color: rgba(255, 255, 255, 1.0);
    top: 178px;
    box-sizing: border-box;
    width: 96%;
    position: absolute;
    margin: 0;
    left: 2%;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(138, 178, 72, 1.0);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

    .a02module1achoose .dragdropimage3 .dragdroptop {
        margin-top: 20px;
    }

.a02module1achoose .dragdropimage4 {
    background-color: rgba(255, 255, 255, 1.0);
    top: 115px;
    box-sizing: border-box;
    width: 96%;
    position: absolute;
    margin: 0;
    left: 2%;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(138, 178, 72, 1.0);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

    .a02module1achoose .dragdropimage4 .dragdroptop {
        margin-top: 10px;
        margin-bottom:10px;
    }


.a02module1achoose .bp3-group2 {
    background-color: rgba(255,255,255,0.0);
    width: 213px;
    margin-right: 100px;
    height: 100%;
    pointer-events: auto;
    margin-left: -120px;
    position: relative;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group2-layout-container {
    pointer-events: none;
    cursor: pointer;
    flex-direction: column;
    top: 47px;
    align-items: center;
    height: 256px;
    width: 100%;
    position: absolute;
    margin: 0;
    display: flex;
    left: 0;
}

.a02module1achoose .bp3-group2 .bp3-notebook4 {
    background-color: rgba(255,255,255,0.0);
    top: 0px;
    height: 256px;
    width: 213px;
    position: absolute;
    margin: 0;
    left: 0px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group2 .bp3-gratitude {
    background-color: rgba(255,255,255,0.0);
    top: 101px;
    height: 38px;
    width: 113px;
    position: absolute;
    margin: 0;
    left: 60px;
    overflow: hidden;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

    .a02module1achoose .bp3-group2 .bp3-gratitude .bp3-background {
        background-color: rgba(255,255,255,0.0);
        top: 0px;
        height: 38px;
        width: 113px;
        position: absolute;
        margin: 0;
        left: 0px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    .a02module1achoose .bp3-group2 .bp3-gratitude .bp3-gratitude1 {
        background-color: rgba(255,255,255,0.0);
        top: -3px;
        height: auto;
        width: 115px;
        position: absolute;
        margin: 0;
        left: -1px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Roboto", Helvetica, Arial, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15.99px;
        color: rgba(0, 0, 0, 1.0);
        text-align: center;
        letter-spacing: -0.13px;
        line-height: 21.0px;
    }

.a02module1achoose .bp3-group4 {
    background-color: rgba(255,255,255,0.0);
    width: 213px;
    margin-right: -112px;
    height: 100%;
    pointer-events: auto;
    margin-left: 92px;
    position: relative;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group4-layout-container {
    pointer-events: none;
    cursor: pointer;
    flex-direction: column;
    top: 47px;
    align-items: center;
    height: 256px;
    width: 100%;
    position: absolute;
    margin: 0;
    display: flex;
    left: 0;
}

.a02module1achoose .bp3-group4 .bp3-notebook1 {
    background-color: rgba(255,255,255,0.0);
    top: 0px;
    height: 256px;
    width: 213px;
    position: absolute;
    margin: 0;
    left: 0px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group4 .bp3-gratitudecopy {
    background-color: rgba(255,255,255,0.0);
    top: 101px;
    height: 38px;
    width: 113px;
    position: absolute;
    margin: 0;
    left: 61px;
    overflow: hidden;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

    .a02module1achoose .bp3-group4 .bp3-gratitudecopy .bp3-background {
        background-color: rgba(255,255,255,0.0);
        top: 0px;
        height: 38px;
        width: 113px;
        position: absolute;
        margin: 0;
        left: 0px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    .a02module1achoose .bp3-group4 .bp3-gratitudecopy .bp3-gratitude {
        background-color: rgba(255,255,255,0.0);
        top: -3px;
        height: auto;
        width: 115px;
        position: absolute;
        margin: 0;
        left: -1px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Roboto", Helvetica, Arial, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15.99px;
        color: rgba(0, 0, 0, 1.0);
        text-align: center;
        letter-spacing: -0.13px;
        line-height: 21.0px;
    }

.a02module1achoose .bp3-group6 {
    background-color: rgba(255,255,255,0.0);
    width: 213px;
    margin-right: 100px;
    height: 100%;
    pointer-events: auto;
    margin-left: -120px;
    position: relative;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group6-layout-container {
    pointer-events: none;
    cursor: pointer;
    flex-direction: column;
    top: 276px;
    align-items: center;
    height: 256px;
    width: 100%;
    position: absolute;
    margin: 0;
    display: flex;
    left: 0;
}

.a02module1achoose .bp3-group6 .bp3-notebook3 {
    background-color: rgba(255,255,255,0.0);
    top: 0px;
    height: 256px;
    width: 213px;
    position: absolute;
    margin: 0;
    left: 0px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group6 .bp3-gratitudecopy2 {
    background-color: rgba(255,255,255,0.0);
    top: 93px;
    height: 38px;
    width: 113px;
    position: absolute;
    margin: 0;
    left: 61px;
    overflow: hidden;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

    .a02module1achoose .bp3-group6 .bp3-gratitudecopy2 .bp3-background {
        background-color: rgba(255,255,255,0.0);
        top: 0px;
        height: 38px;
        width: 113px;
        position: absolute;
        margin: 0;
        left: 0px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }

    .a02module1achoose .bp3-group6 .bp3-gratitudecopy2 .bp3-gratitude {
        background-color: rgba(255,255,255,0.0);
        top: -3px;
        height: auto;
        width: 115px;
        position: absolute;
        margin: 0;
        left: -1px;
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
        transform: rotate(0deg);
        font-family: "Roboto", Helvetica, Arial, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15.99px;
        color: rgba(0, 0, 0, 1.0);
        text-align: center;
        letter-spacing: -0.13px;
        line-height: 21.0px;
    }

.a02module1achoose .bp3-group5 {
    background-color: rgba(255,255,255,0.0);
    width: 213px;
    margin-right: -112px;
    height: 100%;
    pointer-events: auto;
    margin-left: 92px;
    position: relative;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group5-layout-container {
    pointer-events: none;
    cursor: pointer;
    flex-direction: column;
    top: 276px;
    align-items: center;
    height: 256px;
    width: 100%;
    position: absolute;
    margin: 0;
    display: flex;
    left: 0;
}

.a02module1achoose .bp3-group5 .bp3-notebook5 {
    background-color: rgba(255,255,255,0.0);
    top: 0px;
    height: 256px;
    width: 213px;
    position: absolute;
    margin: 0;
    left: 0px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group5 .bp3-gratitudecopy3 {
    background-color: rgba(255,255,255,0.0);
    top: 104px;
    height: 29px;
    width: 113px;
    position: absolute;
    margin: 0;
    left: 61px;
    overflow: hidden;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group5 .bp3-gratitudecopy3 .bp3-background {
    background-color: rgba(255,255,255,0.0);
    top: 0px;
    height: 29px;
    width: 113px;
    position: absolute;
    margin: 0;
    left: 0px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.a02module1achoose .bp3-group5 .bp3-gratitudecopy3 .bp3-gratitude {
    background-color: rgba(255,255,255,0.0);
    top: -3px;
    height: auto;
    width: 115px;
    position: absolute;
    margin: 0;
    left: -1px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    font-family: "Roboto", Helvetica, Arial, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15.99px;
    color: rgba(0, 0, 0, 1.0);
    text-align: center;
    letter-spacing: -0.13px;
    line-height: 21.0px;
}


@media only screen and (max-width: 760px) {
	
    .a02module1achoose .dragdropimage {
        height: 240px;
    }
	
    .a02module1achoose .dragdropimage2 {
        height: 120px;
    }	
	
.a02module1achoose .game1border {
  width               : 100%;
}

.a02module1achoose .game1border .rectangledark {
  width               : 100%;
}
	
.a02module1achoose .game1border .rectangle1 {
  width               : 100%;
}	
.a02module1achoose .game1border .rectangle2 {
  width               : 100%;
}
	
.a02module1achoose .gametopdark {
  width               : 99%;
}

}

@media only screen and (max-width: 660px) {
	
    .a02module1achoose .dragdropimage {
        height: 160px;
    }
	
    .a02module1achoose .dragdropimage2 {
        height: 80px;
    }

    .a02module1achoose .dragdropimage4 {
        top:125px;
    }

        .a02module1achoose .gametopdark .group21 {
	left: 82%;
}

.a02module1achoose .gametopdark .ionioshelpoutlineionicons {
	left: 100%;
}

.a02module1achoose .group {
	top: 75px;
  width               : 30%;
  left                : 2%;
}


.a02module1achoose .group .beginning {
  left                : 2%;
}


.a02module1achoose .tgroup {
	top: 75px;
  width               : 37%;
  left                : 10%;
}


.a02module1achoose .tgroup .beginning {
  left                : 2%;
}


    .a02module1achoose .tgroup .normal {
        font-size: 29.0px;
    }

        .a02module1achoose .groupcopy {
		top: 75px;
  width               : 33%;
  left                : 34%;
}

.a02module1achoose .groupcopy .intermediate {
  left                : 2%;
}

.a02module1achoose .groupcopy2 {
		top: 75px;
  width               : 30%;
  left                : 69%;
}

.a02module1achoose .groupcopy2 .advance {
  left                : 2%;
}


.a02module1achoose .tgroupcopy2 {
		top: 75px;
  width               : 37%;
  left                : 55%; 
}

.a02module1achoose .tgroupcopy2 .advance {
  left                : 2%;
}


    .a02module1achoose .tgroupcopy2 .rotation {
        font-size: 29.0px;
    }

    .a02module1achoose .tgroupcopy2 .ta5 {
        left:2%;
    }

.a02module1achoose .group2 {
  top                 : 318px;
  height              : 190px;
  width               : 96%;
  left                : 2%;
}

.a02module1achoose .group2 .a1whenreadyselec {
  width               : 86%;
  left                : 6.3%;
}

.a02module1achoose .buquit {             	
  left                : 75%;
}

.a02module1achoose .buconfirm {             	
  left                : 72%;
}

.a02module1achoose .rectangle1 {
  top                 : 323px;
  width               : 30%;
}
.a02module1achoose .ioniosvideocamioniconscopy {
  top                 : 332px;
}
.a02module1achoose .democopy {
  top                 : 335px;
  left                : 77%;
}

.a02module1achoose .wordgroup {
	height: 130px;
}

.a02module1achoose .wordgroup .rectangle1{
	height: 130px;
}

.a02module1achoose .gametopdark .a110 {
  top                 : 85px;
  left                : 32%;
}
.a02module1achoose .gametopdark .score {
  top                 : 85px;
  left                : 62%;
}
.a02module1achoose .gametopdark .categoryname {
    top: 85px;
    left: 35%;
    color: black;
}

.a02module1achoose .gametopdark .locadate {
    top: 85px;
    left: 65%;
    color: black;
}

.a02module1achoose .gametopdark .round {
  color               : rgba(0, 0, 0, 1.0);  
  top                 : 65px;
  left                : 32%;
}
.a02module1achoose .gametopdark .score1 {
  top                 : 65px;
  left                : 56%;
  color               : rgba(0, 0, 0, 1.0);
}

.a02module1achoose .startmemorizing {
	top: 131px;
}

.a02module1achoose .pleasewaitu2026 {
	top: 131px;
}

.gamesummary .correctplay {
  width               : 34%;
  left:18%;
}
.gamesummary .averagetime {
  width               : 34%;
  left:60%;
}
.gamesummary .summaryoval {
  width               : 30%;
  left:20%;
}
.gamesummary .summaryovalcopy {
  width               : 30%;
  left:61%;
}
.gamesummary .outof10 {
  width               : 34%;
  left:18%;
}
.gamesummary .secperplay {
  width               : 34%;
  left:60%;
}

.gamesummary .playagain
{
  width               : 30%;
  left:20%;
}

.gamesummary .nextlevel
{
  width               : 30%;
  left:60%;
}
.gamesummary .a2 {
  left                : 29%;
}
.gamesummary .a63 {
  left                : 62%;
}

.a02module1achoose .wordgroup {
  width               : 90%;
  left                :5%;
}

.a02module1achoose .wordgroup .ringnotebookcloc {
  margin-top          : 28px;
}

.a02module1achoose .rectdemo .a1whenreadyselec {
  top                 : 88px;
}
.a02module1achoose .wordgroup1 .rectangle1 {
	height: 69px;
}
}


@media only screen and (max-height: 415px) {
.a02module1achoose p.nowdragdrop {
	margin-top: 70px;
}	
.a02module1achoose .msgdragdrop
{
	margin-top: 70px;
}
 .a02module1achoose .dragdropimage{
	 top: 110px;
 }
 
 .a02module1achoose .dragdropimage2{
	 top: 160px;
 } 
}


img.imgcenter{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

.ng-scope .countdowntop
{
	margin-top:173px;
}


/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}