.gotoDemo .speakingGirl,
.gotoDemo .speakingBoy,
#loginWrap .speechDots,
.specialTxtBlock_top,
.speechBlockAvatarWrap,
.progressBar-top {
  display: none;
  }


#progressBubbles {
  padding: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(212, 212, 212, 1) 35%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 2px solid #eee;
  }


#progressBubbles .bubbleWrap {
  padding: 20px;
  border-left: 2px solid #eee;
  }

#progressBubbles #userStat_starsWrap {
  border-left: 0;
  }

#progressBubbles .us_No {
  background: none;
  width: auto;
  height: auto;
  display: block;
  line-height: 20px;
  color: #333333;
  }

#progressBubbles .us_desc {
  margin-top: 5px;
  color: #333333;
  height: auto;
  width: auto;
  background: none;
  display: block;
  position: static;
  transform: none;
  padding: 0;
  }

#header {
  background: #333333;
  }

.speechBlockWrap.dynamic {
  padding: 0;
  }

.speechBlockWrap .speechBlock_content {
  background: none;
  /*border: 2px solid #eee;*/
  border: none;
  color: #333;
  padding: 25px;
  }

.speechDots .speechDot {
  background: black;
  }

.content {
  padding: 25px 0;
  }

#footer {
  background: #333;
  }

.typeProgramBlock {
  background-color: #333;
  }

.btn {
  background: #333333;
  }

.bubblesBG {
  background: #ccc;
  }

#TP_fullWrap .speechBlockWrap {
  background: #A5D557;
  }

.speechBlockWrap .speechBlock_content.hasBtn {
  padding-bottom: 60px;
  }

#TP_typingPadWrap h2 {
  top: 35px;
  }

#typeSettings .container {
  background: rgba(165, 213, 87, 0.5);
  }

.bgBubble {
  display: none;
  }

.speechBlock_content, .specialTxtBlock_content {
  background: #333333;
  }

.speechBlockWrap {
  padding: 15px 0 15px 0;
  }

.speechBlockWrap .speechBlock_content.hasBtn .btn {
  bottom: 0;
  }

.game {
  background-color: #ccc;
  }

.popupContent .specialTxtBlock_content {
  border-radius: 50px;
  }

#overlay_exercise_passed .specialTxtBlock_content, #overlay_exercise_failed .specialTxtBlock_content {
  background: #A5D557;
  padding: 80px 80px 50px 65px;
  }


.popupResults thead {
  background: #333;
  }

.popupResults th, .popupResults td {
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  }

.pageBubble.activeTextBoxPage {
  background: #333;
  }

#keyboardLayoutWrap .keyboardBtn {
  border: 1px solid #333;
  }

#lessonGamesWrap .speechBubble.avatarRight {
  display: none;
  }

.page_home .container-wider {
  background: #A5D557;
  width: 100%;
  }

.txtBubble.girlText,
.txtBubble.boyText {
  display: block;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 50%;
  height: auto;
  color: #333;
  float: left;
  text-align: center;
  padding: 25px;
  }

.txtBubble.boyText {
  float: right;
  }

.gotoDemo .btn.cta {
  margin: 0 auto;
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: auto;
  display: inline-block;
  }

.txtBubble.boyText .btn.cta {
  margin-bottom: 20px;
  }

.txtBubble.girlText .btn.cta {
  margin-top: 20px;
  }

@media only screen and (max-width: 768px) AND (max-device-width: 768px) {
  #navigationWrap {
    background: #333;
    }

  #nav {
    background: #333;
    }
  }