#loginInfoWrapper {
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
  display: none;
}

#loginInfoLeft {
  background-image: url(../../images/720p/bgLoginInfo.png);
  position: absolute;
  width: 1280px;
  height: 720px;
  object-fit: contain;
}



#alreadySubscriptionWrapper {
  position: absolute;
  left: 149px;
  top: 184.3px;
  width: 438.8px;
  height: 434.3px;
  border-radius: 30px;
  background-color: #ffffff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

#demoWrapper {
  position: absolute;
  top: 184px;
  left: 691px;
  width: 441px;
  height: 434.3px;
  border-radius: 30px;
  background-color: #ffffff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

#juniorKing {
  position: absolute;
  top: -96px;
  left: 140px;
}

#juniorDance {
  position: absolute;
  top: -84.8px;
  left: 144px;
}

#alreadySubscriptionTitle {
  position: absolute;
  top: 160.5px;
  font-family: "Nunito-Black";
  font-size: 37.5px;
  text-align: center;
  color: #41505c;
  width: 438.8px;

}

#demoTitle {
  position: absolute;
  top: 160.5px;
  font-family: "Nunito-Black";
  font-size: 37.5px;
  text-align: center;
  color: #41505c;
  width: 441px;

}
.wrapperText{
  position: absolute;
  top: 216px;
  left: 51px;
  width: 337.5px;
  height: 74px;
  font-family: "NunitoSans-SemiBold";
  font-size: 27px;

  text-align: center;
  color: #41505c;
}
#loginInfoBackButtonWrapper {
    position: absolute;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 133px;
}

#loginInfoBackButton {
    background-image: url(../..//images/720p/button_standard.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 133px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#loginInfoBackButton.focus,
#loginInfoBackButton:hover {
    background-position: -127px 0;
}

#loginInfoBackButtonIcon {
    background-image: url(../..//images/720p/icon_back.png);
    background-repeat: no-repeat;
    background-position: 45px 48px;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
#alreadySubscriptionButton {
  position: absolute;
  top:321px;
  left:50.3px;
  width: 337.5px;
  height: 68.3px;
  border-radius: 13.5px;
  background-color: #8d62ff;


}

#alreadySubscriptionButton:hover, #alreadySubscriptionButton.focus {
  background-color: #ff9b42;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.15);
}

#alreadySubscriptionButton p {
  vertical-align: middle;
      text-align: center;
      font-size: 22.5px;
      margin-top: 18px;
      font-family: "NunitoSans-Black";
      color: #ffffff;


}

#watchDemoButton {
  position: absolute;
  top:321px;
  left:50.3px;
  width: 337.5px;
height: 68.3px;
border-radius: 13.5px;
background-color: #8d62ff;


}

#watchDemoButton:hover, #watchDemoButton.focus {
    background-color: #ff9b42;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.15);
}

#watchDemoButton p {
  vertical-align: middle;
      text-align: center;
      font-size: 22.5px;
      margin-top: 18px;
      font-family: "NunitoSans-Black";
      color: #ffffff;

}