@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
}

@keyframes dropAnimation {
  0% { transform: translateY(-120px); animation-timing-function: ease-in; }
  84% { transform: translateY(-25px); animation-timing-function: ease-in; }
  75% , 100% { transform: translateY(0px); animation-timing-function: ease-out; }
}

@keyframes wiggle {
  20% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes s4a1-movemyth {
  100% { transform: translate(130%, -500%) rotate(-45deg); opacity: 0; }
}

@keyframes pulse {
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@font-face {
    font-family: 'doublebubble_shadowregular';
    src: url('../fonts/double_bubble_shadow-webfont.woff2') format('woff2'),
         url('../fonts/double_bubble_shadow-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'hero';
  src: url('../fonts/hero.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'road_rage';
  src: url('../fonts/Road_Rage.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'romantisch';
  src: url('../fonts/romantisch_personaluse.otf') format('otf'),
       url('../fonts/romantisch_personaluse.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



.single-session .site-content {

  z-index: 99;

  position: relative;

}



.hide-character {

  opacity: 0;

}



.section-session {

  margin-bottom: 100px;
  min-width: 1022px;
  overflow: hidden;

}



#counter {

  margin-top: 10px;

  float: left;

}



#session-activity-nav {

  margin-top: 10px;

  float: right;

}



#session-activity-nav ul {

  padding: 0;

  margin: 0;

}



#session-activity-nav ul li {

  list-style-type: none;

  margin-left: 20px;

  cursor: pointer;

  display: inline-block;

}



.session-container .page-sleeve {

  padding-left: 0;

  padding-right: 0;

}



.session-container .video-wrap {

  padding-bottom: 56.25%;

  position: relative;

  border: 1px solid #5f73b1;

}



.session-container .video-wrap video {

  position: absolute;

  width: 100%;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

}

.session-container .video-wrap .start,

.session-container .video-wrap .back-to-home {

  position: absolute;

  z-index: 99999;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  margin: 0 auto;

  font-size: 50px;

  line-height: 50px;

  cursor: pointer;

  display: inline;

  text-align: center;

  color: #FFFFFF;

  text-transform: uppercase;

  font-weight: 200;

}



.session-container .video-wrap .back-to-home {

  display: none;

}



.session-container .video-wrap .back-to-home a {

  color: #FFFFFF;

}



.session-container .video-wrap .back-to-home a:hover {

  text-decoration: none;

}



.session-container .video-wrap .back-to-home span,

.session-container .video-wrap .start span {

  background-color: #4b713c;

  border-radius: 50px;

  padding: 20px 40px;

}



.session-container .section-activity {

  position: absolute;

  top: 0px;

  bottom: 0px;

  left: 0px;

  right: 00px;

  z-index: 999;

  pointer-events: none;

}



.session-container .section-activity > .sleeve {

  pointer-events: initial;

}







.section-activity {

  font-family: 'Indie flower';

  pointer-events: none;

}



.section-activity-quiz .sleeve {

  position: absolute;

  left: calc(30% - 15px);

  right: calc(30% - 15px);

  top: 30%;

  bottom: 5%;

  overflow: hidden;

  opacity: 0;

  transition: all 1s ease-in-out;

}



.section-activity-quiz .sleeve.in {

  opacity: 1;

}

.section-activity-quiz .sleeve.pullup {
  transform: translateY(-80%) scale(0.8);
}



.section-activity-quiz fieldset {

  position: absolute;

  left: 15px;

  right: 15px;

  top: 0;

  bottom: 0;

  opacity: 0;

  transition: all 1s ease-in-out;

}



.section-activity-quiz fieldset.in {

  opacity: 1;

  z-index: 1;

}


#session-9-activity-3 fieldset .question,
.section-activity-quiz fieldset .question {

  font-size: 24px;

  line-height: 42px;

  font-weight: bold;

  color: #335673;

  pointer-events: initial;

}



.section-activity-quiz fieldset .question .title .number {

  font-size: 250%;

  vertical-align: bottom;

  font-weight: normal;

  padding-right: 10px;

}


#session-9-activity-3 fieldset .field-wrap,
.section-activity-quiz fieldset .field-wrap {

  margin-bottom: 0;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap label,
.section-activity-quiz fieldset .field-wrap .input-wrap label {

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 42px;

  color: #335673;

  padding: 0 0 0 60px;

  cursor: pointer;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap label:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 30px;

  height: 30px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input.optionbox ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input.tickbox ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input.optionbox ~ label {

  min-height: 30px;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input.optionbox ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input.optionbox ~ label:before {

  background-image: url(../img/checkbox-outer.svg);

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input.tickbox ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input.tickbox ~ label:before {

  background-image: url(../img/question-tick.svg);

  filter: grayscale(100%);

  opacity: 0.5;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input.tickbox:checked ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input.tickbox:checked ~ label:after {

  background-image: url(../img/question-tick.svg);

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio]:checked ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox]:checked ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio]:checked ~ label:after {

  content: '';

  position: absolute;

  left: 5px;

  top: 5px;

  bottom: 0;

  width: 20px;

  height: 20px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox:checked ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox:checked ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox:checked ~ label:after {

  background-image: url(../img/checkbox-inner.svg);

}




#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-incorrect ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label:before {

  background-image: url(../img/question-cross.svg);

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-incorrect ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label {

  color: #b73635;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-correct ~ label:before,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label:before {

  background-image: url(../img/question-tick.svg);

  transition: all 0.5s ease-in-out;

  transform: scale(2);

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-correct ~ label,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label {

  color: #507641;

}


#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label:after,
#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-correct ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-correct ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox].optionbox.is-incorrect ~ label:after,
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio].optionbox.is-incorrect ~ label:after {

  background-image: none;

}






#session-9-activity-3 fieldset .field-wrap .input-wrap input[type=radio],
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=checkbox],
.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio] {

  position: absolute;

  left: -99999px;

}



.section-activity-quiz fieldset .next {

  font-size: 22px;

  line-height: 42px;

  color: #335673;

  text-align: right;

  font-weight: bold;

}


.section-activity-quiz fieldset .next span {

  cursor: pointer;

  pointer-events: none;

  background-color: #d29243;

  border-radius: 10px;

  color: #FFFFFF;

  padding-left: 20px;

  padding-right: 20px;

  position: relative;

  margin-top: -25px;

  transition: all 0.5s ease-in-out;

  text-align: center;

  display: inline-block;

  box-sizing: border-box;

}



.section-activity-quiz fieldset .next span:hover {

  transform: scale(1.1);

}



.section-activity-quiz fieldset .next.in span {

  pointer-events: initial;

}



.section-activity-quiz fieldset .score-wrap {

  color: #B83836;

  font-size: 48px;

  line-height: 42px;

  margin-top: 42px;

  text-align: center;

  font-family: 'Permanent Marker', cursive;

  font-weight: 200;

}

#session-9-activity-4 fieldset .score-wrap .score,
#session-8-activity-8 fieldset .score-wrap .score,
#session-7-activity-5 fieldset .score-wrap .score,
#session-6-activity-5 fieldset .score-wrap .score,
#session-5-activity-4 fieldset .score-wrap .score,
#session-2-activity-4 fieldset .score-wrap .score {

  /* font-size: 90px; */
  font-size: 4vw;

}

.section-activity-quiz fieldset .score-wrap .score {

  font-size: 120px;

  line-height: 120px;

  margin: 30px 0 10px 0;

  color: #E8913A;

}

@media only screen and (max-width: 1000px) {
  .section-activity-quiz fieldset .score-wrap .score {
    margin: 0 0 0 0;
  }
}


.section-activity-quiz fieldset .score-wrap .score span {

  transition: opacity 2s ease-in-out;

  opacity: 0;

  display: inline-block;

}



.section-activity-quiz fieldset .score-wrap .score span {

  opacity: 1;

}



.section-activity-quiz fieldset .score-wrap .score .result {

  transition-delay: 0s;

  color: #E8913A;

  /* transform: translateY(-25%); */

}



.section-activity-quiz fieldset .score-wrap .score .separator {

  transition-delay: 1s;

  color: #CE82A5;

  font-size: 80px;

}

#session-9-activity-4 fieldset .score-wrap .score .separator,
#session-8-activity-8 fieldset .score-wrap .score .separator,
#session-7-activity-5 fieldset .score-wrap .score .separator,
#session-6-activity-5 fieldset .score-wrap .score .separator,
#session-5-activity-4 fieldset .score-wrap .score .separator,
#session-2-activity-4 fieldset .score-wrap .score .separator {

  /* font-size: 60px; */
  font-size: 2vw;
  margin: 0px 20px;

}




.section-activity-quiz fieldset .score-wrap .score .total {

  transition-delay: 2s;

  color: #E8913A;

  /* transform: translateY(25%); */

}

#session-1-activity-1.section-activity fieldset  {

  background-color: #40569d;

  pointer-events: none;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 0;

  opacity: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow-y: scroll;

}



#session-1-activity-1.section-activity fieldset .blocker,
#session-6-activity-1.section-activity fieldset .blocker {

  background-color: white;

  pointer-events: none;

  opacity: 0.5;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 900;

}



#session-1-activity-1.section-activity fieldset.in {

  opacity: 1;

  pointer-events: initial;

  transition: all 1s ease-in-out;

}

#session-1-activity-1.section-activity fieldset.in.blocked  {
  pointer-events: none;
}

#session-1-activity-1.section-activity fieldset .field-wrap {
  margin-left: 10%;
  max-width: 100%;
}

#session-1-activity-1.section-activity fieldset .field-wrap .title {
  color: white;
  font-size: 30px;
  line-height: 50px;
  background-color: #4b713c;
  text-align: center;
  width: 50%;
  transform: translate(40%, 30%) rotate(-1deg);
}

#session-1-activity-1.section-activity fieldset .field-wrap .avatar-item {
  width: calc( (100% / 8) - ( 100px / 8 ) );
}

#session-1-activity-1.section-activity fieldset .field-wrap .input-wrap .image-wrap:hover {
  border: 3px solid #fff;
}

#session-1-activity-1.section-activity fieldset .field-wrap .input-wrap input:checked ~ label .image-wrap {
  border: 3px solid #fff;
}

#session-1-activity-1.section-activity fieldset .buttons {
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 70%;
  left: 29%;
  transition: all 0.5s ease-in-out;
  width: 60%;
  display: flex;
}

#session-1-activity-1.section-activity fieldset .buttons.in {
  opacity: 1;
  pointer-events: initial;
}

#session-1-activity-1.section-activity fieldset .buttons .button {
  border-radius: 20px;
  width: 30%;
  cursor: pointer;
  margin: 0px 20px;
  transition: all 0.5s ease-in-out;
  box-shadow: white 0 0 5px 0;
}

#session-1-activity-1.section-activity fieldset .buttons .button:hover {
  transform: scale(1.2);
}

#session-1-activity-1.section-activity fieldset .buttons .cancelbtn {
  background-color: #d29243;
}

#session-1-activity-1.section-activity fieldset .buttons .savebtn {
  background-color: #4b713c;
}


#session-1-activity-2 {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

#session-1-activity-2.in {
  opacity: 1;
}

#session-1-activity-2.q1 {
  background-color: #52a689;
}

#session-1-activity-2.q2,
#session-1-activity-2.q5 {
  background-color: #527fa6;
}

#session-1-activity-2.q3,
#session-1-activity-2.q6 {
  background-color: #6a52a6;
}

#session-1-activity-2.q4 {
  background-color: #9852a6;
}

/* #session-1-activity-2.q5 {
  background-color: #a6528b;
} */

#session-1-activity-2 .blocker {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.4;
  z-index: 900;
}

#session-1-activity-2 fieldset {
  position: absolute;
  width: 100%;
  color: white;
  font-size: 20px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5 ease-in-out;
}

#session-1-activity-2 fieldset:nth-child(6) {
  top: 23%
}

#session-1-activity-2 fieldset.in {
  opacity: 1;
}

#session-1-activity-2 fieldset.unblocked {
  pointer-events: initial;
}

#session-1-activity-2 fieldset .field-wrap {
  width: 80%;
  margin-left: 10%;
}

#session-1-activity-2 fieldset .field-wrap .question {
  margin-top: 4%;
  font-size: 2.2em;
  line-height: 1.3em;
}

#session-1-activity-2 fieldset .field-wrap .question .subtitle {
  font-size: 0.8em;
  margin: 2% 0%;
  line-height: 1em;
}

#session-1-activity-2 fieldset:nth-child(4) .field-wrap .input-wrap {
  margin-top: 10%;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap {
  margin-top: 4%;
  text-align: left;
  /* margin-left: 10%; */
}

#session-1-activity-2 fieldset .field-wrap .input-wrap label {
  margin-bottom: 3%;
  font-size: 1.2em;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap textarea,
#session-1-activity-2 fieldset .field-wrap .input-wrap input[type=text] {
  color: #555;
  border: 0px solid;
  background-color: white;
  border-radius: 10px;
  font-size: 1.2em;
}

#session-1-activity-2 fieldset:nth-child(3) .field-wrap .steps {
  display: flex;
  justify-content: space-between;
}

#session-1-activity-2 fieldset:nth-child(3) .field-wrap .steps .input-wrap:nth-child(1) {
  width: 150%
}

#session-1-activity-2 fieldset:nth-child(3) .field-wrap .steps .input-wrap:nth-child(2) {
  width: 150%;
  margin-left: 6%;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap textarea {
  height: 110px;
  padding: 10px;
  resize: none;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap input[type=text] {
  margin-bottom: 1%;
  height: 35px;
  padding-left: 10px;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap label .title {
  font-weight: bold;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap label .subtitle {
  font-size: 0.9em;
}

#session-1-activity-2 fieldset .field-wrap .input-wrap .checkbox {
  width: 30px;
  height: 30px;
  background-image: url(../img/checkbox-white.png);
  background-size: cover;
  margin-right: 7px;
}

#session-1-activity-2 fieldset .calendar{
  margin: 0px auto;
  width: 400px;
  height: 300px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 10px 10px 0px 0px;
  /* background-color: #466c8c; */
}

#session-1-activity-2 fieldset .ui-datepicker .ui-state-disabled {
  opacity: 0.4;
}

#session-1-activity-2 fieldset .ui-datepicker-header{
  background-color: #36546e;
  color:white;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  padding:10px;
  height:40px;
  border-radius:8px 8px 0px 0px;
}

#session-1-activity-2 fieldset .ui-datepicker-prev span, 
#session-1-activity-2 fieldset .ui-datepicker-next span{
  display:none;
}

#session-1-activity-2 fieldset .ui-datepicker-prev:after{
  content:"<";
  color: white;
  font-size:2rem;
  float:left;
  margin-left:10px;
  margin-top: 10px;
  cursor:pointer;
}

#session-1-activity-2 fieldset .ui-datepicker-prev.ui-state-disabled:after{
  opacity: 0.4;
}


#session-1-activity-2 fieldset .ui-datepicker-next:after{
  content:">";
  color: white;
  float:right;
  font-size:2rem;
  margin-right:10px;
  margin-top: 10px;
  cursor:pointer;
}
#session-1-activity-2 fieldset .ui-datepicker-calendar th{
  padding:10px;
  color:white;
}

#session-1-activity-2 fieldset .ui-datepicker-calendar {
    text-align:center;
    margin:0 auto;
    border-collapse: initial;
    border-spacing: 0 0.4em;
}

#session-1-activity-2 fieldset .ui-datepicker-title{
  padding:10px;
}

#session-1-activity-2 fieldset .ui-datepicker-calendar td {
  padding:4px 0px;
}

#session-1-activity-2 fieldset .ui-datepicker-calendar .ui-state-default {
  text-decoration:none;
  color:white;
}

#session-1-activity-2 fieldset .ui-datepicker-calendar .ui-state-active {
  background-color: #36546e;
  display: block;
  width: 70%;
  /* height: 20px; */
  margin: auto;
  /* padding-top: 5px; */
}

#session-1-activity-2 fieldset .buttons {
  display: flex;
  justify-content: center;
}

#session-1-activity-2 fieldset .buttons .public {
  padding: 0px 15px;
  width: 30%;
  background-color: #4b713c;
}

#session-1-activity-2 fieldset .buttons .private {
  padding: 0px 15px;
  width: 30%;
}

#session-1-activity-2 fieldset .buttons div {
  background-color: #e8913a;
  font-size: 1.5em;
  line-height: 1.6em;
  width: 20%;
  margin: 0% 2%;
  border-radius: 20px;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

#session-1-activity-2 fieldset .buttons div:hover {
  transform: scale(1.2);
}


#session-2-activity-1 .sleeve {

  position: absolute;

  left: 50px;

  right: 50px;

  bottom: 40px;

}



#session-2-activity-1.section-activity .option-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}



#session-2-activity-1.section-activity .option-wrap .option-item-button {

  background-color: #4b713c;

  padding: 10px 20px;

  border-radius: 36px;

  color: #FFFFFF;

  position: relative;

  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: scale(0.2);

  opacity: 0;

  pointer-events: none;

}





#session-2-activity-1.section-activity .option-wrap .option-item-button.in {

  opacity: 1;

  transform: scale(1);

}



#session-2-activity-1.section-activity .option-wrap .option-item-button.clickable {

  cursor: pointer;

  pointer-events: initial;

}



#session-2-activity-1.section-activity .option-wrap .option-item-button.clickable:hover {

  transform: scale(1.2);

}



#session-2-activity-1.section-activity .option-wrap .option-item-button .label {

  font-size: 32px;

  line-height: 36px;

}



#session-2-activity-1.section-activity .option-wrap .option-item-button span {

  background-color: #000000;

  position: absolute;

  display: inline-block;

  transform: translateY(-50%) translateX(-50%) rotate(-3deg);

  top: -5px;

  margin: 0 auto;

  padding: 2px 5px;

  text-transform: uppercase;

  white-space: nowrap;

  font-size: 12px;

  line-height: 14px;

}











#session-2-activity-2 .sleeve {

  position: absolute;

  left: 50px;

  right: 50px;

  top: 50px;

  height: 50%;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

}



/*

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] {

  left: 50%;

}

*/





#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button {

  font-size: 32px;

  line-height: 36px;

  text-align: center;

  margin-bottom: 20px;

  position: absolute;

  left: 50%;

  top: 50%;

  opacity: 0;

  transform: translateY(-50%) translateX(-50%) scale(0.2);

  transition: all 0.5s ease-in-out;

  white-space: nowrap;

  cursor: pointer;

  font-family: doublebubble_shadowregular;



}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button .label {

  display: block;

  background-color: #efe1d1;

  border-radius: 20px;

  padding: 5px 20px;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button.in {

  opacity: 1;

  transform: translateY(-50%) translateX(-50%) scale(1);

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button.inactive {

  pointer-events: none;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button.out {

  opacity: 0;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='1'] .option-item-button[data-delta='1'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='2'] .option-item-button[data-delta='2'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'] .option-item-button[data-delta='3'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] .option-item-button[data-delta='4'] {

  color: #e0bb66;

  top: 20%;

  left: 35%;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='1'] .option-item-button[data-delta='2'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='2'] .option-item-button[data-delta='3'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'] .option-item-button[data-delta='4'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] .option-item-button[data-delta='5'] {

  color: #6f7fae;

  top: 20%;

  left: 65%;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='1'] .option-item-button[data-delta='3'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='2'] .option-item-button[data-delta='4'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'] .option-item-button[data-delta='5'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] .option-item-button[data-delta='1'] {

  color: #010001;

  top: 80%;

  left: 35%;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='1'] .option-item-button[data-delta='4'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='2'] .option-item-button[data-delta='5'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'] .option-item-button[data-delta='1'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] .option-item-button[data-delta='2'] {

  color: #cc83a5;

  top: 80%;

  left: 65%;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='1'] .option-item-button[data-delta='5'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='2'] .option-item-button[data-delta='1'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='3'] .option-item-button[data-delta='2'],

#session-2-activity-2.section-activity .option-wrap.option-wrap-1[data-layout='4'] .option-item-button[data-delta='3'] {

  color: #507641;

}







#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button.not-selected {

  transition: all 0.75s ease-in-out;

  transform: translateY(-50%) translateX(-50%) scale(0.75);

  opacity: 0.25;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-1 .option-item-button:hover .label {

  transition: all 0.5s ease-in-out;

  transform: scale(1.2);

}







#session-2-activity-2.section-activity .option-wrap.option-wrap-2 {

  position: absolute;

  left: 0px;

  top: 20px;

  pointer-events: none;

}


#session-2-activity-2.section-activity .option-wrap.option-wrap-2 .option-item-button {

  background-color: #40569d;

  padding: 10px 10px 5px 10px;

  margin-bottom: 35px;

  border-radius: 24px;

  color: #FFFFFF;

  position: relative;

  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: scale(0.2);

  opacity: 0;

}


#session-2-activity-2.section-activity .option-wrap.option-wrap-2 .option-item-button.in {

  opacity: 1;

  transform: scale(1);

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-2 .option-item-button:hover {

  transform: scale(1.2);

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-2 .option-item-button .label {

  font-size: 22px;

  line-height: 24px;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-2 .option-item-button span {

  background-color: #000000;

  position: absolute;

  display: inline-block;

  transform: translateY(-50%) translateX(-50%) rotate(-3deg);

  top: -5px;

  margin: 0 auto;

  padding: 2px 5px;

  text-transform: uppercase;

  white-space: nowrap;

  font-size: 12px;

  line-height: 14px;

}

#session-2-activity-2.section-activity .after-act {

  position: absolute;

  left: 0px;

  top: 20px;

  pointer-events: none;

}


#session-2-activity-2.section-activity .after-act .option-item-button {

  background-color: #40569d;

  padding: 10px 10px 5px 10px;

  margin-bottom: 35px;

  border-radius: 24px;

  color: #FFFFFF;

  position: relative;

  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: scale(0.2);

  opacity: 0;

}

#session-2-activity-2.section-activity .after-act .option-item-button:nth-child(1) {
  top: 30px;
  left: 40px;
}

#session-2-activity-2.section-activity .after-act .option-item-button:nth-child(2) {
  top: -45px;
  left: 40px;
}

#session-2-activity-2.section-activity .after-act .option-item-button:nth-child(3) {
  top: -120px;
  left: 40px;
}


#session-2-activity-2.section-activity .after-act .option-item-button.in {

  opacity: 1;

  transform: scale(1);

}


#session-2-activity-2.section-activity .after-act .option-item-button .label {

  font-size: 22px;

  line-height: 24px;

}


#session-2-activity-2.section-activity .after-act .option-item-button span {

  background-color: #000000;

  position: absolute;

  display: inline-block;

  transform: translateY(-50%) translateX(-50%) rotate(-3deg);

  top: -5px;

  margin: 0 auto;

  padding: 2px 5px;

  text-transform: uppercase;

  white-space: nowrap;

  font-size: 12px;

  line-height: 14px;

}


#session-2-activity-2.section-activity .option-wrap.option-wrap-3 {

  position: absolute;

  right: 0;

  top: 0;

  pointer-events: none;

  font-family: doublebubble_shadowregular;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item {

  font-size: 28px;

  line-height: 32px;

  opacity: 0;

  transition: all 1s ease-in-out;

  margin-bottom: 10px;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item .label {

  background-color: #efe1d1;

  padding: 5px 20px;

  border-radius: 15px;

  display: inline-block;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item.in {

  opacity: 1;

}



#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item:nth-child(1) { color: #e0bb66; }

#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item:nth-child(2) { color: #6f7fae; }

#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item:nth-child(3) { color: #010001; }

#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item:nth-child(4) { color: #cc83a5; }

#session-2-activity-2.section-activity .option-wrap.option-wrap-3 .option-item:nth-child(5) { color: #507641; }







#session-2-activity-3.section-activity > .sleeve {

  position: absolute;

  left: 50px;

  top: 50px;

  right: 375px;

  pointer-events: none;

}



#session-2-activity-3.section-activity .scenario {

  color: #335673;

  font-size: 20px;

  line-height: 24px;

  padding: 0 20px;

  margin-bottom: 20px;

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-2-activity-3.section-activity .scenario.in {

  opacity: 1;

}



#session-2-activity-3.section-activity .scenario.out {

  opacity: 0;

}



#session-2-activity-3.section-activity .error {

  position: absolute;

  z-index: 99;

  right: 0;

  top: 0;

  left: 0;

  font-size: 20px;

  line-height: 22px;

  opacity: 0;

  color: #a42524;

  font-weight: bold;

  padding: 0 20px;

}



#session-2-activity-3.section-activity .error.in {

  transition: all 1s ease-in-out;

  opacity: 1;

}





#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field {

  background-color: #f5e7d7;

  padding: 5px 20px;

  margin-bottom: 20px;

  border-radius: 36px;

  /* color: #FFFFFF; */

  position: relative;

  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: scale(0.2);

  opacity: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row;

  flex-flow: row;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}



#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field:last-child {

  margin-bottom: 0;

}



#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field.in {

  opacity: 1;

  transform: scale(1);

  pointer-events: initial;

}



#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field .label {

  width: 220px;

  color: #335673;

  font-size: 20px;

  line-height: 50px;

  text-align: left;

}



#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field:last-child .label {

  color: #b73635;

}



#session-2-activity-3.section-activity .option-wrap.option-wrap .option-item-field textarea {

  border: 0;

  background-color: transparent;

  display: block;

  height: 75px;

  font-size: 18px;

  line-height: 22px;

  padding: 10px 0;

}



#session-2-activity-3.section-activity .button-wrap {

  position: absolute;

  right: 0;

  bottom: 0;

  transform: translateX( calc(100% + 35px) );

  padding: 0;

}



#session-2-activity-3.section-activity .button-wrap button {

  background-color: #4b713c;

  padding: 10px 20px;

  border-radius: 36px;

  font-size: 28px;

  line-height: 32px;

  color: #FFFFFF;

  position: relative;

  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: scale(0.2);

  opacity: 0;

  border: 0;

  cursor: pointer;

}



#session-2-activity-3.section-activity .button-wrap button.in {

  opacity: 1;

  transform: scale(1);

  pointer-events: initial;

}



#session-2-activity-3.section-activity .button-wrap button:hover {

  transform: scale(1.2);

}


#session-6-activity-4.in,
#session-3-activity-1.in {

  background-image: url(../img/bag/bag-background.jpg);

  background-size: cover;

  background-color: #627da3;

}


#session-6-activity-4.section-activity-quiz .sleeve {
  left: 15px;
  right: 15px;
  top: 12%;
}


#session-3-activity-1.section-activity-quiz .sleeve {
  left: 15px;
  right: 15px;
  top: 15%;
}

#session-6-activity-4.section-activity-quiz .activity-title {
  position: absolute;
  top: 4%;
  left: 34%;
  transform: rotate(-1deg);
  width: 30%;
  background-color: #4b713c;
  padding: 3px 20px;
  color: #FFFFFF;
  text-align: center;
  font-size: 30px;
  line-height: 28px;
}


#session-6-activity-4.section-activity-quiz fieldset .field-wrap,
#session-3-activity-1.section-activity-quiz fieldset .field-wrap {

  padding-top: 20px;

}


#session-6-activity-4.section-activity-quiz fieldset .question,
#session-3-activity-1.section-activity-quiz fieldset .question {

  margin-bottom: 45px;

  text-align: center;

  color: #FFFFFF;

}

#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group,
#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  flex-flow: row wrap;

  align-items: center;

  justify-content: center;

  position: relative;

  width: 500px;

  height: 250px;

  margin: 0 auto;

}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 15px;
  width: 70%;
  height: 130px;
  margin: 0 auto;
  transform: translate(15px, -20px);
}


#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group:before {
  content: '';
  position: absolute;
  background-size: 100% auto;
  background-image: url(../img/session-3/dial-background.svg);
  background-position: center top;
  width: 100%;
  height: 100%;
}

#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group:before {
  content: '';
  position: absolute;
  background-size: 100% auto;
  background-image: url(../img/dial2.svg);
  background-position: center top;
  width: 100%;
  height: 100%;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap:before {
  content: '';
  position: absolute;
  background-size: 100% auto;
  background-image: url(../img/dial2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group:after,
#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group:after {

  content: '';

  position: absolute;

  background-image: url(../img/session-3/dial.svg);

  background-size: auto 100%;

  background-repeat: no-repeat;

  background-position: center bottom;

  width: 50%;

  height: 50%;

  bottom: -20px;

  transform: rotate(-90deg);

  transform-origin: center 107px;

  transition: all 0.5s ease-in-out;

}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap:after {
  content: '';
  position: absolute;
  background-image: url(../img/session-3/dial.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 50%;
  height: 50%;
  bottom: 10px;
  transform: rotate(-90deg);
  transform-origin: center 55px;
  transition: all 0.5s ease-in-out;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap[data-position='1']:after,
#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group[data-position='1']:after,
#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group[data-position='1']:after {

  transform: rotate(-60deg);

}


#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap[data-position='2']:after,
#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group[data-position='2']:after,
#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group[data-position='2']:after {

  transform: rotate(0deg);

}


#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap[data-position='3']:after,
#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group[data-position='3']:after,
#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group[data-position='3']:after {

  transform: rotate(60deg);

}

#session-6-activity-4.section-activity-quiz .sleeve .input-wrap-group .input-wrap {
  position: absolute;
  bottom: 0;
  width: 50%;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap {
  position: absolute;
  width: 40%;
  text-align: center;
  cursor: pointer;
  color: white;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(1) {
  left: 0px;
  top: 65px;
  transform: rotate(-60deg);
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(1):hover {
  transform: rotate(-60deg) scale(1.1);
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(2) {
  top: 17px;
  padding: 10px 0px;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(2):hover {
  transform: scale(1.1);
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(3) {
  right: 0px;
  top: 60px;
  transform: rotate(60deg);
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .wrap .input-wrap:nth-child(3):hover {
  transform: rotate(60deg) scale(1.1);
}


#session-3-activity-1.section-activity-quiz .sleeve .input-wrap-group .input-wrap {
  position: absolute;
  bottom: 0;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label,
#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap label {
  text-align: left;
  margin-bottom: 9px;
  padding: 30px;
  color: #FFFFFF;
  transition: all 0.5s ease-in-out;
}

/*#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label {
  font-weight: bold;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label.aggressive {
  color: #ff7171;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label.assertive {
  color: #2a376e;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label.passive {
  color: #4b713c;
} */


#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(1) label {
  text-align: center;
  transform: rotate(-60deg) translateY(-60px);
  transform-origin: center bottom;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(1) label:hover {
  transform: rotate(-60deg) translateY(-60px) scale(1.2);
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(1) label {
  transform: rotate(-60deg) translateY(-120px);
  transform-origin: center bottom;
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(1) label:hover {
  transform: rotate(-60deg) translateY(-120px) scale(1.2);
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(2) label {
  text-align: center;
  transform: rotate(0deg) translateY(-60px);
  transform-origin: center bottom;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(2) label:hover {
  transform: rotate(0deg) translateY(-60px) scale(1.2);
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(2) label {
  transform: rotate(0deg) translateY(-120px);
  transform-origin: center bottom;
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(2) label:hover {
  transform: rotate(0deg) translateY(-120px) scale(1.2);
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(3) label {
  text-align: center;
  transform: rotate(60deg) translateY(-60px);
  transform-origin: center bottom;
}

#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(3) label:hover {
  transform: rotate(60deg) translateY(-60px) scale(1.2);
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(3) label {
  transform: rotate(60deg) translateY(-120px);
  transform-origin: center bottom;
}

#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap:nth-child(3) label:hover {
  transform: rotate(60deg) translateY(-120px) scale(1.2);
}


#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label:before,
#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap label:before {

  content: none !important;

}


#session-6-activity-4.section-activity-quiz fieldset .field-wrap .input-wrap label:after,
#session-3-activity-1.section-activity-quiz fieldset .field-wrap .input-wrap label:after {

  content: none !important;

}


#session-6-activity-4.section-activity-quiz fieldset .next,
#session-3-activity-1.section-activity-quiz fieldset .next {

  margin: 40px auto 0 auto;

  width: 500px;

}


#session-6-activity-4.section-activity-quiz fieldset .next span,
#session-3-activity-1.section-activity-quiz fieldset .next span {

  width: 500px;

}


#session-6-activity-4.section-activity-quiz fieldset .next span:hover,
#session-3-activity-1.section-activity-quiz fieldset .next span:hover {

  transform: none;

}


#session-6-activity-4.section-activity-quiz .results,
#session-3-activity-1.section-activity-quiz .results {

  font-size: 24px;

  line-height: 32px;

  position: absolute;

  left: 0px;

  right: 0px;

  opacity: 0;

  transition: all 1s ease-in-out;

  max-width: 600px;

  margin: 0 auto;

  color: #FFFFFF;

}


#session-6-activity-4.section-activity-quiz .results .score-overview,
#session-3-activity-1.section-activity-quiz .results .score-overview {

  margin-bottom: 20px;

  text-align: center;

  font-size: 50px;

  line-height: 50px;

}

#session-6-activity-4.section-activity-quiz .results .number,
#session-3-activity-1.section-activity-quiz .results .number {

    font-family: Arial, Helvetica, sans-serif;

}


#session-6-activity-4.section-activity-quiz .results .score-overview.low .score,
#session-3-activity-1.section-activity-quiz .results .score-overview.low .score { color: #b93937; }

#session-6-activity-4.section-activity-quiz .results .score-overview.medium .score,
#session-3-activity-1.section-activity-quiz .results .score-overview.medium .score { color: #D7B969; }

#session-6-activity-4.section-activity-quiz .results .score-overview.high .score,
#session-3-activity-1.section-activity-quiz .results .score-overview.high .score { color: #BC84A2; }


#session-6-activity-4.section-activity-quiz .results.in,
#session-3-activity-1.section-activity-quiz .results.in {

  pointer-events: initial;

  opacity: 1;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler,
#session-3-activity-1.section-activity-quiz .results .score-ruler {

  /* border-bottom: 3px solid #d29243; */

  margin-bottom: 60px;

  position: relative;

  font-size: 26px;

  font-weight: bold;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler .level-wrap,
#session-3-activity-1.section-activity-quiz .results .score-ruler .level-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler .level-wrap .level,
#session-3-activity-1.section-activity-quiz .results .score-ruler .level-wrap .level {

  width: 33.3%;

  border-bottom: 7px solid #FFFFFF;

  text-align: center;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler .level-wrap .level.low,
#session-3-activity-1.section-activity-quiz .results .score-ruler .level-wrap .level.low { color: #b93937; border-color: #b93937;   }

#session-6-activity-4.section-activity-quiz .results .score-ruler .level-wrap .level.medium,
#session-3-activity-1.section-activity-quiz .results .score-ruler .level-wrap .level.medium { color: #D7B969; border-color: #D7B969; }

#session-6-activity-4.section-activity-quiz .results .score-ruler .level-wrap .level.high,
#session-3-activity-1.section-activity-quiz .results .score-ruler .level-wrap .level.high { color: #BC84A2; border-color: #BC84A2; }




#session-6-activity-4.section-activity-quiz .results .score-ruler .count-wrap,
#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  position: relative;

  position: absolute;

  left: 0;

  right: 0;

  bottom: -40px;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler .count-wrap .count,
#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap .count {

  position: relative;

  width: 33.3%;

  text-align: center;

}


#session-6-activity-4.section-activity-quiz .results .score-ruler .count-wrap .count.low,
#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap .count.low { color: #b93937; }

#session-6-activity-4.section-activity-quiz .results .score-ruler .count-wrap .count.medium,
#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap .count.medium { color: #D7B969; }

#session-6-activity-4.section-activity-quiz .results .score-ruler .count-wrap .count.high,
#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap .count.high { color: #BC84A2; }



/*

#session-3-activity-1.section-activity-quiz .results .score-ruler .count-wrap .count:before {

  content: '';

  position: absolute;

  left: 50%;

  top: -15px;

  height: 15px;

  border-left: 1px solid #d29243;

  border-right: 1px solid #d29243;

}

*/




#session-6-activity-4.section-activity-quiz .results .result,
#session-3-activity-1.section-activity-quiz .results .result {

  display: none;

  margin-bottom: 30px;

}


#session-6-activity-4.section-activity-quiz .results .result .intro,
#session-3-activity-1.section-activity-quiz .results .result .intro {

  font-size: 130%;

}


#session-6-activity-4.section-activity-quiz .results .result.low .intro,
#session-3-activity-1.section-activity-quiz .results .result.low .intro { color: #b93937; }

#session-6-activity-4.section-activity-quiz .results .result.medium .intro,
#session-3-activity-1.section-activity-quiz .results .result.medium .intro { color: #D7B969; }

#session-6-activity-4.section-activity-quiz .results .result.high .intro,
#session-3-activity-1.section-activity-quiz .results .result.high .intro { color: #BC84A2; }


#session-6-activity-4.section-activity-quiz .results .result.in,
#session-3-activity-1.section-activity-quiz .results .result.in {

  display: block;

}


#session-6-activity-4.section-activity-quiz .results .continue,
#session-3-activity-1.section-activity-quiz .results .continue {

  background-color: #e8913a;

  color: #FFFFFF;

  border-radius: 15px;

  line-height: 36px;

  text-align: center;

  margin-top: 15px;

  cursor: pointer;

  transition: transform 0.5s ease-in-out;

}


#session-6-activity-4.section-activity-quiz .results .continue:hover,
#session-3-activity-1.section-activity-quiz .results .continue:hover {

  transform: scale(1.025);

}


#session-3-activity-4.in {

  background-image: url(../img/bag/bag-background.jpg);

  background-size: cover;

  background-color: #627da3;

}



#session-3-activity-4 .title-1,

#session-3-activity-4 .title-2 {

  position: absolute;

  top: -10px;

  left: 0;

  right: 0;

  transform: rotate(-1deg);

  width: 40%;

  background-color: #4b713c;

  padding: 10px 30px;

  margin: 50px auto 0 auto;

  font-size: 30px;

  line-height: 36px;

  text-align: center;

  color: #FFFFFF;

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-3-activity-4 .title-1.inhalf,

#session-3-activity-4 .title-2.inhalf {

  opacity: 0.3;

}

#session-3-activity-4 .title-1.infull,

#session-3-activity-4 .title-2.infull {

  opacity: 1;

}





#session-3-activity-4 .bag-container {

  background-image: url(../img/bag/bag.svg);

  background-size: contain;

  background-repeat: no-repeat;

  width: 145px;

  height: 205px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 70px;

  margin: 0 auto;

  opacity: 0;

}



#session-3-activity-4 .bag-container.clickable {

  cursor: pointer;

}



#session-3-activity-4 .bag-container.inhalf {

  transform: translateY(-120px);

  transition: all 1s ease-in-out;

  opacity: 0.3;

}

#session-3-activity-4 .bag-container.infull {

  transition: all 1s ease-in-out;

  opacity: 1;

}

#session-3-activity-4 .bag-container.drop {

  animation: dropAnimation 0.5s;

}

#session-3-activity-4 fielset.no-interaction {

  pointer-events: none;

}





#session-3-activity-4 .bag-container.ui-state-hover {

  transform: scale(1.2);

  transition: all 0.25s ease-in-out;

}



#session-3-activity-4 .bag-item {

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  opacity: 0;

  position: absolute;

  transform: translateX(-50%) scale(0.1);

  transition: opacity,transform 1.5s ease-in-out;

  cursor: pointer;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



#session-3-activity-4 .bag-item .name {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  transform: translateY(calc( 100% + 15px ));

  color: #FFFFFF;

  text-align: center;

  font-size: 22px;

  line-height: 24px;

}







#session-3-activity-4 .bag-item.in {

  opacity: 1;

  transform: scale(1);

}



/*

#session-3-activity-4 .bag-item.in.ui-draggable {

  opacity: 1;

}



#session-3-activity-4 .bag-item.dropped {

  opacity: 0.25;

  pointer-events: none;

}

*/





#session-3-activity-4 .bag-item-stress {

  background-image: url(../img/bag/bag-item-stress.svg);

  width: 205px;

  height: 124px;

  left: 50%;

  bottom: 90px;

}

#session-3-activity-4 .bag-item-stress.in {

  opacity: 1;

  transform: scale(1) translateX(120%);

}



#session-3-activity-4 .bag-item-stress:hover { transform: scale(1) translateX(120%) rotate(-5deg); }



#session-3-activity-4 .bag-item-decision-making {

  background-image: url(../img/bag/bag-item-decision-making.svg);

  width: 182px;

  height: 152px;

  left: 50%;

  bottom: 90px;

}

#session-3-activity-4 .bag-item-decision-making.in {

  opacity: 1;

  transform: scale(1) translate(130%, -140%);

}



#session-3-activity-4 .bag-item-decision-making:hover { transform: scale(1) translate(130%, -140%) rotate(-3deg); }



#session-3-activity-4 .bag-item-goal-setting {

  background-image: url(../img/bag/bag-item-goal-setting.svg);

  width: 160px;

  height: 106px;

  left: 50%;

  bottom: 90px;

}

#session-3-activity-4 .bag-item-goal-setting.in {

  opacity: 1;

  transform: scale(1) translateX(-270%);

}



#session-3-activity-4 .bag-item-goal-setting:hover { transform: scale(1) translateX(-270%) rotate(10deg); }



#session-3-activity-4 .bag-item-social-communication {

  background-image: url(../img/bag/bag-item-social-communication.svg);

  width: 208px;

  height: 91px;

  left: 50%;

  bottom: 90px;

  margin: 0 auto;

}

#session-3-activity-4 .bag-item-social-communication.in {

  opacity: 1;

  transform: scale(1) translate(-40%, -310%);

}

#session-3-activity-4 .bag-item-social-communication:hover { transform: scale(1) translate(-40%, -310%) rotate(5deg); }



#session-3-activity-4 .bag-item-social-influences {

  background-image: url(../img/bag/bag-item-social-influences.svg);

  width: 257px;

  height: 144px;

  left: 50%;

  bottom: 90px;

}

#session-3-activity-4 .bag-item-social-influences.in {

  opacity: 1;

  transform: scale(1) translate(-170%, -140%);

}



#session-3-activity-4 .bag-item-social-influences:hover { transform: scale(1) translate(-170%, -140%) rotate(-3deg); }




#session-3-activity-5.section-activity-quiz .sleeve,
#session-1-activity-3.section-activity-quiz .sleeve {

  left: calc(20% - 15px);

  right: calc(20% - 15px);

  top: 28.5%;

}



#session-3-activity-5.section-activity-quiz fieldset .question,
#session-1-activity-3.section-activity-quiz fieldset .question {

  margin-bottom: 43px;

  line-height: 50px;

}


#session-3-activity-5.section-activity-quiz fieldset .next,
#session-1-activity-3.section-activity-quiz fieldset .next {

  margin-top: 6px;

}



#session-3-activity-5.section-activity-quiz .sleeve,
#session-1-activity-3.section-activity-quiz .sleeve {

  left: calc(20% - 15px);

  right: calc(20% - 15px);

  top: 27.5%;

}



#session-3-activity-5.section-activity-quiz fieldset .field-wrap .input-wrap label {

  line-height: 50px;

  font-size: 18px;

}



#session-3-activity-5.section-activity-quiz fieldset .field-wrap .input-wrap label:before,
#session-1-activity-3.section-activity-quiz fieldset .field-wrap .input-wrap label:before {

  top: 5px;

}





#session-3-activity-5.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio]:checked ~ label:after,
#session-1-activity-3.section-activity-quiz fieldset .field-wrap .input-wrap input[type=radio]:checked ~ label:after {

  top: 10px;

}



#session-3-activity-2 fieldset,

#session-3-activity-3 fieldset {

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-3-activity-2 fieldset.in,

#session-3-activity-3 fieldset.in {

  opacity: 1;

  pointer-events: initial;

}



#session-3-activity-2 fieldset .intro-wrap,

#session-3-activity-3 fieldset .intro-wrap {

  position: absolute;

  left: 60px;

  top: 30px;

}



#session-3-activity-2 fieldset .intro-wrap .title,

#session-3-activity-3 fieldset .intro-wrap .title {

  transform: rotate(-1deg);

  background-color: #3E569B;

  text-align: center;

  color: #FFFFFF;

  font-size: 28px;

  line-height: 32px;

  padding: 15px 20px;

  margin-bottom: 20px;

}



#session-3-activity-2 fieldset .intro-wrap .continue,
#session-3-activity-3 fieldset .intro-wrap .continue,
#session-4-activity-1 fieldset .activity-container .continue,
#session-4-activity-3 fieldset .thoughts-wrap .continue,
#session-7-activity-4 fieldset .continue,
#session-8-activity-2 fieldset:nth-child(1) .continue,
#session-8-activity-3 fieldset:nth-child(1) .continue,
#session-8-activity-4 fieldset .continue,
#session-8-activity-5 fieldset .continue,
#session-9-activity-1 fieldset .continue,
#session-9-activity-3 fieldset .field-wrap .continue {
  text-align: center;
  display: inline-block;
  background-color: #E8913A;
  padding: 10px 20px;
  border-radius: 15px;
  color: #FFFFFF;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
}

#session-3-activity-2 fieldset .intro-wrap .continue:hover,
#session-3-activity-3 fieldset .intro-wrap .continue:hover,
#session-4-activity-1 fieldset .activity-container .continue:hover,
#session-4-activity-3 fieldset .thoughts-wrap .continue:hover,
#session-7-activity-4 fieldset .continue:hover,
#session-8-activity-2 fieldset:nth-child(1) .continue:hover,
#session-8-activity-3 fieldset:nth-child(1) .continue:hover,
#session-8-activity-4 fieldset .continue:hover,
#session-8-activity-5 fieldset .continue:hover,
#session-9-activity-1 fieldset .continue:hover,
#session-9-activity-3 fieldset .field-wrap .continue:hover {
  transform: scale(1.2);
}



#session-3-activity-2 fieldset .image,

#session-3-activity-3 fieldset .image {

  width: 200px;

  position: absolute;

  margin: 0 auto;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  opacity: 1;

  transition: all 1s ease-in-out;

  cursor: pointer;

}



#session-3-activity-2 fieldset .image:hover,

#session-3-activity-3 fieldset .image:hover {

  z-index: 1;

}



#session-3-activity-2 fieldset .image img,

#session-3-activity-3 fieldset .image img {

  width: 100%;

  height: auto;

  transition: all 1s ease-in-out;

  border: 3px solid #FFFFFF;

}



#session-3-activity-2 fieldset .image img:hover,

#session-3-activity-3 fieldset .image img:hover {

  transform: scale(1.5);

}



#session-3-activity-2 fieldset .image .name,

#session-3-activity-3 fieldset .image .name {

  position: absolute;

  left: 10px;

  right: 10px;

  bottom: 10px;

  color: #FFFFFF;

  text-align: center;

  padding: 5px 10px;

  opacity: 0;

  transition: all 1s ease-in-out;

  font-size: 20px;

  line-height: 24px;

  font-weight: bold;

}



#session-3-activity-2 fieldset .image:hover .name,

#session-3-activity-3 fieldset .image:hover .name {

  opacity: 1;

}



#session-3-activity-2 fieldset .image-1 .name, #session-3-activity-3 fieldset .image-1 .name { background-color: #3E569B; transform: rotate(5deg); }

#session-3-activity-2 fieldset .image-1:hover .name, #session-3-activity-3 fieldset .image-1:hover .name { transform: rotate(15deg); }



#session-3-activity-2 fieldset .image-2 .name, #session-3-activity-3 fieldset .image-2 .name { background-color: #B83836; transform: rotate(-5deg); }

#session-3-activity-2 fieldset .image-2:hover .name, #session-3-activity-3 fieldset .image-2:hover .name { transform: rotate(5deg); }



#session-3-activity-2 fieldset .image-3 .name, #session-3-activity-3 fieldset .image-3 .name { background-color: #E8913A; transform: rotate(10deg); }

#session-3-activity-2 fieldset .image-3:hover .name, #session-3-activity-3 fieldset .image-3:hover .name { transform: rotate(-5deg); }



#session-3-activity-2 fieldset .image-4 .name, #session-3-activity-3 fieldset .image-4 .name { background-color: #172539; transform: rotate(2deg); }

#session-3-activity-2 fieldset .image-4:hover .name, #session-3-activity-3 fieldset .image-4:hover .name { transform: rotate(-8deg); }



#session-3-activity-2 fieldset .image .sleeve {

  display: block;

  transition: all 2s ease-in-out;

}



#session-3-activity-2 fieldset .image .sleeve {

  transform: rotate(0deg);

}



#session-3-activity-2 fieldset.in .image:nth-child(2) .sleeve, #session-3-activity-3 fieldset.in .image:nth-child(2) .sleeve { transform: rotate(-2deg); }

#session-3-activity-2 fieldset.in .image:nth-child(3) .sleeve, #session-3-activity-3 fieldset.in .image:nth-child(3) .sleeve { transform: rotate(-4deg); }

#session-3-activity-2 fieldset.in .image:nth-child(4) .sleeve, #session-3-activity-3 fieldset.in .image:nth-child(4) .sleeve { transform: rotate(3deg); }

#session-3-activity-2 fieldset.in .image:nth-child(5) .sleeve, #session-3-activity-3 fieldset.in .image:nth-child(5) .sleeve { transform: rotate(-5deg); }

#session-3-activity-2 fieldset.in .image:nth-child(6) .sleeve, #session-3-activity-3 fieldset.in .image:nth-child(6) .sleeve { transform: rotate(7deg); }





#session-3-activity-2 fieldset .image:nth-child(2), #session-3-activity-3 fieldset .image:nth-child(2) { transform: translateY(-25%) translateX(-125%); }

#session-3-activity-2 fieldset .image:nth-child(3), #session-3-activity-3 fieldset .image:nth-child(3) { transform: translateY(-50%) translateX(-50%); }

#session-3-activity-2 fieldset .image:nth-child(4), #session-3-activity-3 fieldset .image:nth-child(4) { width: 250px; transform: translateY(-10%) translateX(40%); }

#session-3-activity-2 fieldset .image:nth-child(5), #session-3-activity-3 fieldset .image:nth-child(5) { transform: translateY(-110%) translateX(60%); }











#session-4-activity-1.in {

  background-image: url(../img/myths/myths-background.jpg);

  background-size: cover;

}



#session-4-activity-1 fieldset {

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-4-activity-1 fieldset.in {

  pointer-events: initial;

  opacity: 1;

}



#session-4-activity-1 fieldset .title-container {

  position: absolute;

  max-width: 400px;

  font-size: 32px;

  line-height: 40px;

  margin: 0 auto;

  top: 60px;

  left: 0;

  right: 0;

  color: #FFFFFF;

  text-align: center;

  opacity: 0;

  transition: all 1s ease-in-out;

  background-color: #527fa6;

  padding: 20px;

  transform: rotate(-3deg);

}



#session-4-activity-1 fieldset.in .title-container {

  opacity: 1;

}



#session-4-activity-1 fieldset.in .title-container.hide {

  opacity: 0;

}







#session-4-activity-1 .myth-wrap {

  text-align: center;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: 0;

  bottom: 90px;

  right: 0;

}



#session-4-activity-1 .myth-wrap.hide {

  opacity: 0;

  pointer-events: none;

}





#session-4-activity-1 .myth-wrap .myth-item {

  position: relative;

  width: 25%;

  margin: 0 20px;

}



#session-4-activity-1 .myth-wrap .myth-item.inactive {

  opacity: 0.5;

  pointer-events: none;

}







#session-4-activity-1 .myth-wrap .myth-item:first-child {

  margin-left: auto;

}



#session-4-activity-1 .myth-wrap .myth-item:last-child {

  margin-right: auto;

}



#session-4-activity-1 .myth-wrap .myth-item .title {

  text-align: center;

  display: inline-block;

  transition: all 0.5s ease-in-out;

  cursor: pointer;

  text-indent: -9999px;

  position: relative;

  z-index: 1;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

}



#session-4-activity-1 .myth-wrap .myth-item[data-type=vaping] .title {

  background-image: url(../img/session-4/icon-vaping.svg);

  width: 100px;

  height: 200px;

  transform: rotate(3deg);

}



#session-4-activity-1 .myth-wrap .myth-item[data-type=marijuana] .title {

  background-image: url(../img/session-4/icon-marijuana.svg);

  width: 300px;

  height: 30px;

  transform: rotate(-3deg);

}



#session-4-activity-1 .myth-wrap .myth-item[data-type=alcohol] .title {

  background-image: url(../img/session-4/icon-alcohol.svg);

  width: 300px;

  height: 200px;

  transform: rotate(5deg);

}



#session-4-activity-1 .myth-wrap .myth-item.played .title,

#session-4-activity-1 .myth-wrap .myth-item.disable .title {

  opacity: 0.5;

  pointer-events: none;

}



#session-4-activity-1 .myth-wrap .myth-item .title:hover {

  transform: scale(1.2);

}



#session-4-activity-1 .myth-wrap .myth-item ul {

  display: none;

}



#session-4-activity-1 .activity-container {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  opacity: 0;

  pointer-events: none;

  transition: all 1s ease-in-out;

  background-color: #527fa6;

  height: 100%;

}



#session-4-activity-1 .activity-container.in {

  opacity: 1;

  pointer-events: initial;

}


#session-4-activity-1 .activity-container .image-title {
  position: absolute;
  color: white;
  background-color: #405e32;
  font-size: 30px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50px;
  width: 30%;
  line-height: 50px;
  transform: rotate(-1deg);
}



#session-4-activity-1 .activity-container .image-container {

  position: absolute;

  width: calc( 100% - 600px );

  margin: 0 auto;

  left: 0;

  right: 0;

  top: 100px;

  height: 100px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}



#session-4-activity-1 .activity-container[data-type=vaping] .image-container {

  background-image: url(../img/session-4/icon-vaping.svg);

}



#session-4-activity-1 .activity-container[data-type=marijuana] .image-container {

  background-image: url(../img/session-4/icon-marijuana.svg);

}



#session-4-activity-1 .activity-container[data-type=alcohol] .image-container {

  background-image: url(../img/session-4/icon-alcohol.svg);

}



#session-4-activity-1 .activity-container .myth-container,

#session-4-activity-1 .activity-container .fact-container {

  position: absolute;

  transform: rotate(-1deg);

  transform: all 1s ease-in-out;

  padding-top: 120px;

  background-repeat: no-repeat;

  background-position: center top;

  background-size: 130px auto;

  width: 200px;

}

#session-4-activity-1 .activity-container .fact-container.movecloser {
  transform: translate(80px, 120px) scale(1.2);
  transition: transform 1s ease-in-out;
}

#session-4-activity-1 .activity-container .myth-container.movecloser {
  transform: translate(-80px, 110px) scale(1.2);
  transition: transform 1s ease-in-out;
}

#session-4-activity-1 .activity-container .fact-container.moveclosernoscale {
  transform: translate(80px, 110px);
  transition: transform 1s ease-in-out;
}

#session-4-activity-1 .activity-container .myth-container.moveclosernoscale {
  transform: translate(-80px, 110px);
  transition: transform 1s ease-in-out;
}


#session-4-activity-1 .activity-container .fact-container {

  background-image: url(../img/session-4/horse-emoji.png);

  left: 45px;

  top: 45px;

}



#session-4-activity-1 .activity-container .myth-container {

  background-image: url(../img/session-4/unicorn-emoji.png);

  right: 45px;

  top: 45px;

}



#session-4-activity-1 .activity-container .myth-container .title,

#session-4-activity-1 .activity-container .fact-container .title {

  color: #FFFFFF;

  padding: 10px;

  text-align: center;

  font-size: 16px;

  line-height: 20px;

  background-color: #b93937;

  padding: 10px;

}



#session-4-activity-1 .activity-container .myth-container .sleeve span,

#session-4-activity-1 .activity-container .fact-container .sleeve span {

  display: block;

  color: #FFFFFF;

  margin-top: 5px;

  font-size: 18px;

  line-height: 20px;

  text-align: center;

}







#session-4-activity-1 .activity-container .fortune-wrap {

  color: #FFFFFF;

  width: 250px;

  height: 250px;

  left: 38%;

  top: 380px;

  transform: translateY(-50%) rotate(45deg) scale(0.7);

  margin: 0 auto;

  box-sizing: border-box;

  text-align: center;

  position: absolute;

  transition: all 1s ease-in-out;

}



#session-4-activity-1 .activity-container .fortune-item {

  padding: 30px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  -webkit-box-shadow: 0px 0px 40px 0px rgba(255,255,255,0.2);

  -moz-box-shadow: 0px 0px 40px 0px rgba(255,255,255,0.2);

  box-shadow: 0px 0px 40px 0px rgba(255,255,255,0.2);

}



#session-4-activity-1 .activity-container .fortune-item.shake {

  animation: shake 0.5s;

  animation-iteration-count: 1;

}



#session-4-activity-1 .activity-container .fortune-item .leaf {

  position: absolute;

  display: block;

  height: 122px;



}


#session-4-activity-1 .activity-container .fortune-item .content {

  opacity: 0;
  position: relative;
  top: 105px;
  transform: translateY(-50%) rotate(-45deg);

  font-family: 'Indie Flower';
  font-size: 32px;
  line-height: 32px;
  transition: all 1s ease-in-out;
}



#session-4-activity-1 .activity-container .fortune-item.active .content {

  opacity: 1;

}

#session-4-activity-1 .activity-container .fortune-item.active .content.movemyth {

  transform: translate(130%, -500%) rotate(-45deg);

  opacity: 0;

}

#session-4-activity-1 .activity-container .fortune-item.active .content.movefact {

  transform: translate(-200%, 200%) rotate(-45deg);

  opacity: 0;

}



#session-4-activity-1 .activity-container .fortune-item .content .social-action {

  margin: 10px auto 10px auto;

}



#session-4-activity-1 .activity-container .fortune-item .click-me {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%) rotate(-45deg);

  font-family: 'Indie Flower';

  font-size: 40px;

  line-height: 44spx;

  cursor: pointer;

}



#session-4-activity-1 .activity-container .fortune-item.active .click-me {

  display: none;

}


#session-4-activity-1 .activity-container .fortune-item.active .fact {

  opacity: 1;

}

#session-4-activity-1 .activity-container .fortune-item.active .fact.inactive {

  opacity: 0.5;

  pointer-events: none;

}


#session-4-activity-1 .activity-container .fortune-item .fact {

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 125px;

  text-align: center;

  cursor: pointer;

  transform: rotate(-45deg) translateY(100px);

  font-family: 'Indie Flower';

  font-size: 40px;

  line-height: 40px;

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-4-activity-1 .activity-container .fortune-item.active .myth {

  opacity: 1;

}

#session-4-activity-1 .activity-container .fortune-item.active .myth.inactive {

  opacity: 0.5;

  pointer-events: none;

}



#session-4-activity-1 .activity-container .fortune-item .myth {

  position: absolute;

  right: 0px;

  bottom: 0px;

  width: 125px;

  text-align: center;

  cursor: pointer;

  transform: rotate(-45deg) translateY(20px) translateX(145px);

  font-family: 'Indie Flower';

  font-size: 40px;

  line-height: 40px;

  opacity: 0;

  transition: all 1s ease-in-out;

}





#session-4-activity-1 .activity-container .fortune-item .top {

  left: 0;

  right: 0;

  top: 0;

}



#session-4-activity-1 .activity-container .fortune-item .bottom {

  left: 0;

  right: 0;

  bottom: 0;

}



#session-4-activity-1 .activity-container .fortune-item .left {

  left: 0;

  bottom: 0;

  top: 0;

}



#session-4-activity-1 .activity-container .fortune-item .right {

  right: 0;

  bottom: 0;

  top: 0;

}



#session-4-activity-1 .activity-container .fortune-item.active .leaf {

  transition: transform 1s;

  transform-style: preserve-3d;

}



#session-4-activity-1 .activity-container .fortune-item.active .top {

  transform-origin: center top;

  transform: rotateX(180deg) scaleY(1.2);

}



#session-4-activity-1 .activity-container .fortune-item.active .bottom {

  transform-origin: center bottom;

  transform: rotateX(180deg) scaleY(1.2);

}



#session-4-activity-1 .activity-container .fortune-item.active .left {

  transform-origin: left center;

  transform: rotateY(180deg) scaleX(1.2);

}



#session-4-activity-1 .activity-container .fortune-item.active .right {

  transform-origin: right center;

  transform: rotateY(180deg) scaleX(1.2);

}



#session-4-activity-1 .activity-container .fortune-item .leaf:before {

  content: '';

  position: absolute;

  display: block;

  transition: all 1s;

}



#session-4-activity-1 .activity-container .fortune-item .top:before {

  left: 0;

  right: 0;

  top: 0;

  width: 0;

  height: 0;

  border-bottom: 0;

  border-left: 125px solid transparent !important;

  border-right: 125px solid transparent !important;

  border-top-width: 123px;

}



#session-4-activity-1 .activity-container .fortune-item .bottom:before {

  left: 0;

  right: 0;

  bottom: 0;

  width: 0;

  height: 0;

  border-top: 0;

  border-left: 125px solid transparent !important;

  border-right: 125px solid transparent !important;

  border-bottom-width: 123px;

}



#session-4-activity-1 .activity-container .fortune-item .left:before {

  top: 0;

  bottom: 0;

  left: 0;

  width: 0;

  height: 0;

  border-right: 0;

  border-top: 125px solid transparent !important;

  border-bottom: 125px solid transparent !important;

  border-left-width: 123px;

}



#session-4-activity-1 .activity-container .fortune-item .right:before {

  top: 0;

  bottom: 0;

  right: 0;

  width: 0;

  height: 0;

  border-left: 0;

  border-top: 125px solid transparent !important;

  border-bottom: 125px solid transparent !important;

  border-right-width: 123px;

}





#session-4-activity-1 .activity-container .fortune-item[data-style='0'] {

  background-color: #e89139;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='1'] {

  background-color: #405999;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='2'] {

  background-color: #50763f;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='3'] {

  background-color: #3f579b;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='0'] .leaf:before {

  border-color: #ba742e;

  border-style: solid;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='1'] .leaf:before {

  border-color: #283863;

  border-style: solid;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='2'] .leaf:before {

  border-color: #405e32;

  border-style: solid;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='3'] .leaf:before {

  border-color: #32467c;

  border-style: solid;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='0'].active .leaf:before {

  border-color: #955d25;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='1'].active .leaf:before {

  border-color: #283863;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='2'].active .leaf:before {

  border-color: #334b28;

}



#session-4-activity-1 .activity-container .fortune-item[data-style='3'].active .leaf:before {

  border-color: #283863;

}







#session-4-activity-3 fieldset {

  opacity: 0;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background-image: url(../img/backgrounds/session-5-activity-3-2.png);

  background-repeat: no-repeat;

  background-size: cover;

}



#session-4-activity-3 fieldset.in {

  pointer-events: initial;

  opacity: 1;

}



#session-4-activity-3 fieldset .title {

  text-align: center;

  font-size: 24px;

  line-height: 28px;

  color: #FFFFFF;

}



#session-4-activity-3 .thoughts-wrap {

  text-align: center;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-flow: row;

  flex-flow: row;

  flex-wrap: wrap;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}



#session-4-activity-3 .thoughts-wrap .title {

  width: 400px;

  left: 0;

  right: 0;

  position: absolute;

  margin: 30px auto;

  padding: 20px;

  background-color: #b93937;

  transform: rotate(2deg);

}



#session-4-activity-3 .thoughts-wrap .negative-thought-wrap {

  width: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  margin-top: 100px;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-wrap {

  width: 50%;

  text-align: center;

  position: relative;

  margin-top: 100px;

}







#session-4-activity-3 .thoughts-wrap .negative-thought-item {

  width: 200px;

  height: 140px;

  cursor: pointer;

  color: #FFFFFF;

  /*margin: 0 auto; */

  position: relative;

  font-size: 18px;

  line-height: 22px;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}





#session-4-activity-3 .thoughts-wrap .negative-thought-item .sleeve {

  background-image: url(../img/session-4/thought-bubble-grey.svg);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  transform: scale(0);

  opacity: 0;

  transition: all 2s ease-in-out 0s;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}



#session-4-activity-3 .thoughts-wrap .negative-thought-item.dropped {

  opacity: 0;

}



#session-4-activity-3 fieldset.in .thoughts-wrap .negative-thought-item  .sleeve {

  transform: scale(1);

  opacity: 1;

}



#session-4-activity-3 .thoughts-wrap .negative-thought-item:nth-child(1){ left: 41px; top: 115px; transform: rotate(-5deg); }

#session-4-activity-3 .thoughts-wrap .negative-thought-item:nth-child(2){ left: 252px; top: -91px; transform: rotate(-2deg); }

#session-4-activity-3 .thoughts-wrap .negative-thought-item:nth-child(3){ left: 39px; top: 1px; width: 225px; height: 157.5px; transform: rotate(3deg); }

#session-4-activity-3 .thoughts-wrap .negative-thought-item:nth-child(4){ left: 224px; top: -241px; width: 225px; height: 157.5px; transform: rotate(2deg);  }



#session-4-activity-3 .thoughts-wrap .negative-thought-item div.text-wrap {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  padding: 10px 50px;

}





#session-4-activity-3 .thoughts-wrap .positive-thought-item {

  width: 200px;

  height: 125px;

  cursor: pointer;

  position: relative;

  font-size: 18px;

  line-height: 22px;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-item.shake {

  animation: shake 0.5s;

  animation-iteration-count: 1;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-item.dropped .sleeve {

  background-image: url(../img/session-4/thought-bubble-green.svg);

  transition: none;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-item.dropped .sleeve .text-wrap {

  color: #FFFFFF;

}





#session-4-activity-3 .thoughts-wrap .positive-thought-item .sleeve {

  background-image: url(../img/session-4/thought-bubble-white.svg);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  transform: scale(0);

  opacity: 0;

  transition: all 2s ease-in-out 1.5s;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}



#session-4-activity-3 fieldset.in .thoughts-wrap .positive-thought-item  .sleeve {

  transform: scale(1);

  opacity: 1;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-item:nth-child(1){ left: -64px; top: 24px; width: 330px; height: 220px; transform: rotate(3deg); }

#session-4-activity-3 .thoughts-wrap .positive-thought-item:nth-child(2){ left: 255px; top: -192px; width: 225px; height: 157.5px; transform: rotate(-2deg); }

#session-4-activity-3 .thoughts-wrap .positive-thought-item:nth-child(3){ left: -97px; top: -117px; width: 300px; height: 210px; transform: rotate(-6deg); }

#session-4-activity-3 .thoughts-wrap .positive-thought-item:nth-child(4){ left: 159px; top: -399px; width: 300px; height: 210px; transform: rotate(-2deg); }





#session-4-activity-3 .thoughts-wrap .positive-thought-item div.text-wrap {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  color: #172539;

  padding: 10px 50px;

}



#session-4-activity-3 .thoughts-wrap .positive-thought-item:nth-child(1) div.text-wrap { padding-left: 70px; padding-right: 70px; }


#session-4-activity-3 fieldset .thoughts-wrap .continue {
  position: absolute;
  top: 50%;
  left: 25%;
  z-index: 999;
}








#session-4-activity-4.section-activity fieldset {

  position: absolute;

  left: 20%;

  right: 16%;

  top: 20%;

  opacity: 0;

  transition: all 1s ease-in-out;

}



#session-4-activity-4.section-activity fieldset.in {

  opacity: 1;

  pointer-events: initial

}



#session-4-activity-4.section-activity fieldset .title {

  font-size: 32px;

  line-height: 36px;

  margin-bottom: 10px;

}



#session-4-activity-4.section-activity fieldset .title .label {

  color: #495797;

}



#session-4-activity-4.section-activity fieldset .title .thought {

  color: #000000;

}



#session-4-activity-4.section-activity .textarea-wrap {

  border: 0;

  background-color: transparent;

  display: block;

  font-size: 18px;

  line-height: 22px;

  margin-bottom: 15px;

  padding: 10px;

  background-color: #FFFFFF;

  border-radius: 10px;

  height: 120px;
}



#session-4-activity-4.section-activity .textarea-wrap .subtitle .label {

  color: #495797;

  font-size: 28px;

  line-height: 32px;

}



#session-4-activity-4.section-activity .textarea-wrap textarea {

  height: 90px;

  padding: 10px 0;

  font-size: inherit;

  border: 0;

}

#session-4-activity-4.section-activity .information {
  font-size: 1.4em;
  color: #495797;
}

#session-4-activity-4.section-activity .feedcheck {
  margin-top: 20px;
  font-size: 1.5em;
  font-weight: bold;
  color: #495797;
}

#session-4-activity-4.section-activity .feedcheck label{
  cursor: pointer;
}

#session-4-activity-4.section-activity .feedcheck input {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}


#session-4-activity-4.section-activity .button-wrap {

  padding: 20px 0 10px 0;

}



#session-4-activity-4.section-activity .button-wrap button {

  background-color: #d29243;

  padding: 10px 20px;

  border-radius: 10px;

  font-size: 28px;

  line-height: 32px;

  color: #FFFFFF;

  position: relative;

  text-align: center;

  transition: all 0.25s ease-in-out;

  opacity: 1;

  border: 0;

}



#session-4-activity-4.section-activity .button-wrap button:hover {

  transform: scale(1.05);

}





#session-4-activity-4.section-activity .error {

  font-size: 20px;

  line-height: 22px;

  opacity: 0;

  color: #a42524;

  padding-bottom: 10px;

}



#session-4-activity-4.section-activity .error.in {

  transition: all 1s ease-in-out;

  opacity: 1;

}







#session-4-activity-5.section-activity-quiz .sleeve {

  left: calc(20% - 15px);

  right: calc(20% - 15px);

  top: 30%;

  bottom: 5%;

}



#session-5-activity-1.section-activity fieldset {

  transition: all 1s ease-in-out;

  opacity: 0;

  pointer-events: none;

}



#session-5-activity-1.section-activity fieldset.in {

  opacity: 1;

  pointer-events: initial;

}

#session-5-activity-1.section-activity fieldset .activity-title {

  opacity: 0;

  pointer-events: none;

  transition: all 1s ease-in-out;

  z-index: 999;

  transform: rotate(-1deg) translate(14%, 10%);

  margin-top: 1%;

  width: 40%;

  background-color: #4b713c;

  padding: 3px 20px;

  color: #FFFFFF;

  text-align: center;

  font-size: 25px;

  line-height: 30px;

}

#session-5-activity-1.section-activity fieldset .activity-title.in {

  opacity: 1;

  pointer-events: initial;

}




#session-5-activity-1.section-activity fieldset .responses-wrap {

  align-items: baseline;

  opacity: 0;

  pointer-events: none;

  transition: all 1s ease-in-out;

  position: absolute;

  top: 11%;

  right: 20%;

  left: 3%;

}

#session-5-activity-1.section-activity fieldset .responses-wrap .response-text {

  position: absolute;

  margin-top: 12%;

  margin-left: 12%;

  z-index: 900;

  width: 42%;
}

#session-5-activity-1.section-activity fieldset .responses-wrap .frame-back {

  padding-top: 50px;

  padding-left: 50px;

  width: 55%;

  height: 380px;

  background-color: #D5BA7A;

  background-clip: content-box;
}

#session-5-activity-1.section-activity fieldset .responses-wrap .frame {

  position: absolute;

  width: 65%;

  height: 600px;

  background-image: url('../img/session-5/frame.png');

  background-size: contain;

  background-repeat: no-repeat;
}


#session-5-activity-1.section-activity fieldset .thought {

  font-size: 20px;

  line-height: 26px;

  color: white;

  margin-bottom: 10px;

}



#session-5-activity-1.section-activity fieldset .responses-wrap.in {

  opacity: 1;

  pointer-events: initial;

}





#session-5-activity-1.section-activity fieldset .responses-wrap .response-item {

  margin-bottom: 15px;

  min-height: 92px;

  opacity: 0;

  pointer-events: none;

  transition: opacity 1s ease-in-out;

  transition-delay: 2s;

  z-index: 999;

}



#session-5-activity-1.section-activity fieldset .responses-wrap.in .response-item {

  opacity: 1;

  pointer-events: initial;



}



#session-5-activity-1.section-activity fieldset .responses-wrap .response-item label {

  font-size: 18px;

  line-height: 24px;

  margin-bottom: 5px;

  color: #495898;

  display: block;

}



#session-5-activity-1.section-activity fieldset .responses-wrap .response-item textarea {

  height: 117px;

  width: 96%;

  border: 0px solid;

  background-color: white;

  border-radius: 10px;

  padding: 10px;

  box-sizing: border-box;

  font-size: 18px;

  line-height: 22px;

  resize: none;

}



#session-5-activity-1.section-activity fieldset .responses-wrap .button-wrap {

  position: absolute;

  left: 73%;

  bottom: -3%;

  width: 200px;

  padding: 0;

}



#session-5-activity-1.section-activity fieldset .responses-wrap .button-wrap button {

  background-color: #be4143;

  border: 1px solid #be4143;

  border-radius: 30px;

  font-size: 28px;

  line-height: 40px;

}

#session-5-activity-1.section-activity fieldset .responses-wrap .button-wrap button:hover {

  background-color: #702728;
}


#session-5-activity-1.section-activity fieldset .social-feed-action,
#session-8-activity-7.section-activity .social-feed-action {

  opacity: 0;

  pointer-events: none;

  position: absolute;

  left: 5%;

  top: 40%;

  width: 40%;

  text-align: center;

}


#session-5-activity-1.section-activity fieldset .social-feed-action.in,
#session-8-activity-7.section-activity .social-feed-action.in {

  opacity: 1;

  pointer-events: initial;

  transition: all 1s ease-in-out;

}


#session-5-activity-1.section-activity fieldset .social-feed-action button,
#session-8-activity-7.section-activity .social-feed-action button {

  padding: 10px 30px;

  border-radius: 20px;

  background-color: #bc7340;

  color: #FFFFFF;

  font-size: 24px;

  line-height: 28px;

  border: 1px solid #FFFFFF;

  transform: scale(0);

  transition: all 1s ease-in-out;

  margin-bottom: 30px;

}


#session-5-activity-1.section-activity fieldset .social-feed-action.in button,
#session-8-activity-7.section-activity .social-feed-action.in button {

  transform: scale(1);

}


#session-5-activity-1.section-activity fieldset .social-feed-action.in button:hover,
#session-8-activity-7.section-activity .social-feed-action.in button:hover {

  transform: scale(1.2);

}


#session-5-activity-1.section-activity fieldset .social-feed-action button.public,
#session-8-activity-7.section-activity .social-feed-action button.public {

  background-color: #5b7348;

}


#session-5-activity-1.section-activity fieldset .social-feed-action button.private,
#session-8-activity-7.section-activity .social-feed-action button.private {

  background-color: #ac7ca1;

}


#session-5-activity-2.section-activity {

  background-color: #d5ba7a;

}

#session-5-activity-2.section-activity fieldset {

  transition: all 1s ease-in-out;

  opacity: 0;

  pointer-events: none;

}

#session-8-activity-7.section-activity fieldset {
  background-color: #d5ba7a;
  height: 100%;
  transition: all 1s ease-in-out;
  opacity: 0;
  pointer-events: none;
}


#session-5-activity-2.section-activity fieldset.in,
#session-8-activity-7.section-activity fieldset.in {

  opacity: 1;

  pointer-events: initial;

}

#session-5-activity-2.section-activity fieldset .title,
#session-8-activity-7.section-activity fieldset .title {

  transform: rotate(-1deg) translate(98%, 90%);

  margin-top: 1%;

  width: 30%;

  background-color: #4b713c;

  padding: 3px 20px;

  color: #FFFFFF;

  text-align: center;

  font-size: 20px;

  line-height: 28px;
}

#session-5-activity-2.section-activity fieldset .notebook,
#session-8-activity-7.section-activity fieldset .notebook {
  display: flex;
  flex-direction: row;
  position: absolute;
  height: 61%;
  top: 25%;
  right: 20%;
  left: 20%;
  background-image: url('../img/session-5/notebook.png');
  background-size: contain;
  background-repeat: no-repeat;
}

#session-5-activity-2.section-activity fieldset .notebook.bigger,
#session-8-activity-7.section-activity fieldset .notebook.bigger {
  transform: scale(1.4) translateY(-40px);
  transition: transform 1s ease-in-out;
  pointer-events: none;
}

#session-5-activity-2.section-activity fieldset .notebook .page-left,
#session-8-activity-7.section-activity fieldset .notebook .page-left {
  flex: 1;
}

#session-5-activity-2.section-activity fieldset .notebook .page-right,
#session-8-activity-7.section-activity fieldset .notebook .page-right {
  flex: 1;
}

#session-5-activity-2.section-activity fieldset .notebook .page-left .heading,
#session-8-activity-7.section-activity fieldset .notebook .page-left .heading {

  text-align: center;

  font-size: 30px;

  line-height: 30px;

  color: #2f538a;

  margin-top: 20px;

  opacity: 0;

  pointer-events: none;

  transition: all 1s ease-in-out;

}


#session-5-activity-2.section-activity fieldset.in .notebook .heading,
#session-8-activity-7.section-activity fieldset.in .notebook .heading {

  opacity: 1;

  pointer-events: initial;

}

#session-5-activity-2.section-activity fieldset .notebook .page-left .list-wrap {
  margin-top: 3px;
  margin-left: 4%;
  width: 90%;
}

#session-8-activity-7.section-activity fieldset .notebook .page-left .list-wrap {
  margin-top: 50px;
  margin-left: 4%;
  width: 90%;
}

#session-5-activity-2.section-activity fieldset .notebook .page-right .list-wrap,
#session-8-activity-7.section-activity fieldset .notebook .page-right .list-wrap {

  margin-top: 10%;

  margin-left: 8%;

  width: 88%;

}

#session-5-activity-2.section-activity fieldset .notebook .list-wrap .list-item,
#session-8-activity-7.section-activity fieldset .notebook .list-wrap .list-item {

  margin-left: 2%;

  color: #2f538a;

  font-size: 16px;

  line-height: 23px;

}

#session-5-activity-2.section-activity fieldset .notebook .list-wrap .list-item .delete,
#session-8-activity-7.section-activity fieldset .notebook .list-wrap .list-item .delete {

  width: 15px;

  height: 15px;

  background-image: url('../img/session-5/delete.png');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  margin-left: 5px;

}

#session-5-activity-2.section-activity fieldset .notebook .list-wrap .list-item .delete:hover,
#session-8-activity-7.section-activity fieldset .notebook .list-wrap .list-item .delete:hover {

  cursor: pointer;

}

#session-5-activity-2.section-activity fieldset .notebook .user-input input,
#session-8-activity-7.section-activity fieldset .notebook .user-input input {
  opacity: 0;
  pointer-events: none;
  margin-left: 4%;
  width: 90%;
  border: 0px solid;
  background-color: white;
  border-radius: 10px;
  text-align: center;
}

#session-5-activity-2.section-activity fieldset .notebook .user-input.in input,
#session-8-activity-7.section-activity fieldset .notebook .user-input.in input {
  opacity: 1;
  pointer-events: initial;
}


#session-5-activity-2.section-activity fieldset .thought-wrap,
#session-8-activity-7.section-activity fieldset .thought-wrap {

  position: absolute;

  left: 10px;

  top: 10px;

  bottom: 10px;

  right: 10px;

  pointer-events: none;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item {

  position: absolute;

  color: #FFFFFF;

  pointer-events: initial;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item.hidden,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item.hidden {

  display: none;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(1),
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(1) { left: 23px; top: 162px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(2) { left: 23px; top: -1px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(3) { left: 23px; top: 347px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(4) { left: 23px; top: 69px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(5) { left: 830px; top: 503px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(6) { left: 830px; top: 325px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(7) { left: 830px; top: 42px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(8) { left: 830px; top: 432px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(9) { left: 830px; top: 362px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(10) { left: 830px; top: 154px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(11) { left: 830px; top: 82px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(12) { left: 830px; top: 286px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(13) { left: 830px; top: 231px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(14) { left: 23px; top: 107px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(15) { left: 23px; top: 472px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(16) { left: 23px; top: 216px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(17) { left: 830px; top: 193px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(18) { left: 830px; top: 2px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(19) { left: 23px; top: 308px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(20) { left: 23px; top: 401px; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(21) { left: 23px; top: 270px; }

#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(2) { left: 23px; top: 256px; }

#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(3) { left: 23px; top: 370px; }

#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(4) { left: 830px; top: 164px; }

#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(5) { left: 830px; top: 263px; }

#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(6) { left: 830px; top: 371px; }


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item .sleeve {

  color: #FFFFFF;

  width: 150px;

  background-color: #a0423b;

  text-align: center;

  cursor: pointer;

  border-top-left-radius: 20%100%;

  border-bottom-left-radius: 20%100%;

  border-top-right-radius: 20%100%;

  border-bottom-right-radius: 20%100%;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

  transition: all 1s ease-in;

  transform: scale(0.1);

  opacity: 0;

  font-size: 14px;

  line-height: 16px;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item.small .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item.small .sleeve {

  width: 100px;

  height: 100px;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(1) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(1) .sleeve { transition-delay: 2s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(2) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(2) .sleeve { transition-delay: 0s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(3) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(3) .sleeve { transition-delay: 1.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(4) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(4) .sleeve { transition-delay: 3s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(5) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(5) .sleeve { transition-delay: 2.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(6) .sleeve,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item:nth-child(6) .sleeve { transition-delay: 1s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(7) .sleeve { transition-delay: 0.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(8) .sleeve { transition-delay: 2s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(9) .sleeve { transition-delay: 1.75s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(10) .sleeve { transition-delay: 0.25s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(11) .sleeve { transition-delay: 2.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(12) .sleeve { transition-delay: 2s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(13) .sleeve { transition-delay: 1s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(14) .sleeve { transition-delay: 1s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(15) .sleeve { transition-delay: 1.25s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(16) .sleeve { transition-delay: 2.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(17) .sleeve { transition-delay: 3s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(18) .sleeve { transition-delay: 0.5s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(19) .sleeve { transition-delay: 0s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(20) .sleeve { transition-delay: 0.75s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(21) .sleeve { transition-delay: 2.25s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(22) .sleeve { transition-delay: 3s; }

#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item:nth-child(23) .sleeve { transition-delay: 1.25s; }






#session-5-activity-2.section-activity fieldset.in .thought-wrap .thought-item .sleeve,
#session-8-activity-7.section-activity fieldset.in .thought-wrap .thought-item .sleeve {

  transform: scale(1);

  opacity: 1;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item.inactive,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item.inactive {

  opacity: 0.25;

}


#session-5-activity-2.section-activity fieldset .thought-wrap .thought-item span,
#session-8-activity-7.section-activity fieldset .thought-wrap .thought-item span {

  display: block;

  position: relative;

  top: 50%;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

  padding: 10px;

}


#session-5-activity-2.section-activity fieldset .button-wrap,
#session-8-activity-7.section-activity fieldset .button-wrap {

  position: absolute;
  top: 87%;
  left: 39%;

  opacity: 0;

  pointer-events: none;

  transition: all 1s ease-in-out;

  width: 20%;

}


#session-5-activity-2.section-activity fieldset .button-wrap.in,
#session-8-activity-7.section-activity fieldset .button-wrap.in {

  opacity: 1;

  pointer-events: initial;

}


#session-5-activity-2.section-activity fieldset .button-wrap button,
#session-8-activity-7.section-activity fieldset .button-wrap button {

  border-radius: 10px;

  font-size: 18px;

  line-height: 22px;

}




#session-6-activity-3.section-activity fieldset,
#session-5-activity-3.section-activity fieldset,
#session-9-activity-2.section-activity fieldset  {

  pointer-events: none;

  opacity: 0;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

#session-5-activity-3.section-activity fieldset.in,
#session-9-activity-2.section-activity fieldset.in {
  opacity: 1;
  pointer-events: initial;
}

#session-6-activity-3.section-activity fieldset {
  background-color: #4b713c;
}

#session-6-activity-3.section-activity fieldset.in {
  opacity: 1;
}

#session-6-activity-3.section-activity fieldset.in.unblocked {
  pointer-events: initial;
}


#session-5-activity-3.section-activity fieldset .statement-wrap,
#session-9-activity-2.section-activity fieldset .statement-wrap {

  background-color: #d5ba7a;

  pointer-events: none;

  opacity: 0;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  padding: 20px;

}

#session-5-activity-3.section-activity fieldset .statement-wrap.in .distorted-title,
#session-5-activity-3.section-activity fieldset .statement-wrap.in .accurate-title,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .distorted-title,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .accurate-title {
  opacity: 1;
  transition: opacity 3s ease-in;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .distorted-title,
#session-5-activity-3.section-activity fieldset .statement-wrap .accurate-title,
#session-9-activity-2.section-activity fieldset .statement-wrap .distorted-title,
#session-9-activity-2.section-activity fieldset .statement-wrap .accurate-title {
  position: absolute;
  color: white;
  background-color: #e8913a;
  font-size: 25px;
  line-height: 45px;
  transform: rotate(-1deg);
  width: 15%;
  text-align: center;
  opacity: 0;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .distorted-title,
#session-9-activity-2.section-activity fieldset .statement-wrap .distorted-title {
  top: 30%;
  left: 9%;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .accurate-title,
#session-9-activity-2.section-activity fieldset .statement-wrap .accurate-title {
  top: 30%;
  left: 75%;
}

#session-5-activity-3.section-activity fieldset .statement-wrap.in,
#session-9-activity-2.section-activity fieldset .statement-wrap.in {

  opacity: 1;

  pointer-events: initial;

}




#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item {

  position: absolute;

  color: #FFFFFF;

  font-size: 24px;

  line-height: 30px;

  margin-bottom: 30px;

  cursor: pointer;

  z-index: 1;

  display: inline-block;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}


#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.strikethrough,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.strikethrough {

  text-decoration: line-through;

  color: #a0423b;

}


#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.strikethrough span,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.strikethrough span {

  color: #FFFFFF;

}




#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.ui-draggable-dragging .sleeve span,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.ui-draggable-dragging .sleeve span {

  color: #495797;

}




#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item .sleeve {

  opacity: 0;

  white-space: nowrap;

  transform: scale(0.1);

}


#session-5-activity-3.section-activity fieldset .statement-wrap.in .statement-item .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .statement-item .sleeve {

  opacity: 1;

  transform: scale(1);

}








#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-1,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-1 { left: 26px; top: 236px; line-height: 30px; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-2,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-2 { left: 57px; top: 294px; line-height: 30px; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-3,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-3 { left: 30px; top: 353px; line-height: 30px; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-4,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-4 { left: 69px; top: 416px; line-height: 30px; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-5,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-5 { left: 42px; top: 473px; line-height: 30px; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-2.move,
#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-3.move,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-2.move,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-3.move {
  left: 714px;
  top: 278px;
  opacity: 0;
  transition: all 1s ease-in-out;
}


#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-1 .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-1 .sleeve { transition: opacity 2s ease-in 1s, transform 3s ease-in; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-2 .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-2 .sleeve { transition: opacity 4s ease-in 0s, transform 4s ease-in; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-3 .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-3 .sleeve { transition: opacity 3s ease-in 0.75s, transform 3.75s ease-in; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-4 .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-4 .sleeve { transition: opacity 1s ease-in 2s, transform 3s ease-in; }

#session-5-activity-3.section-activity fieldset .statement-wrap .statement-item.delta-5 .sleeve,
#session-9-activity-2.section-activity fieldset .statement-wrap .statement-item.delta-5 .sleeve { transition: opacity 2s ease-in 2.5s, transform 4.5s ease-in; }


#session-5-activity-3.section-activity fieldset .statement-wrap .reframe-title,
#session-9-activity-2.section-activity fieldset .statement-wrap .reframe-title {

  pointer-events: none;

  opacity: 0;

  transform: rotate(1deg);

  transition: all 1s ease-in-out;

  margin-left: 6%;

  margin-top: 2%;

  width: 85%;

  background-color: #4d65a7;

  padding: 3px 20px;

  color: #FFFFFF;

  text-align: center;

  font-size: 27px;

  line-height: 48px;
}

#session-5-activity-3.section-activity fieldset .statement-wrap.in .reframe-title,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .reframe-title {

  pointer-events: initial;

  opacity: 1;

  transition-delay: 3s;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .reframe-title2,
#session-9-activity-2.section-activity fieldset .statement-wrap .reframe-title2 {

  pointer-events: none;

  opacity: 0;

  position: absolute;

  transform: rotate(1deg);

  transition: all 1s ease-in-out;

  left: 38.5%;

  top: 76%;

  width: 20%;

  background-color: #4d65a7;

  padding: 10px 20px;

  color: #FFFFFF;

  text-align: center;

  font-size: 25px;

  line-height: 28px;

  z-index: 10;
}

#session-5-activity-3.section-activity fieldset .statement-wrap.in .reframe-title2,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .reframe-title2 {

  pointer-events: initial;

  opacity: 1;

  transition-delay: 3s;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box {

  pointer-events: none;

  opacity: 0;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 25%;

  bottom: 20%;

  width: 50%;

  height: 300px;

  background-image: url(../img/session-5/frame.png);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  text-align: center;

}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box.pulse,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box.pulse {
  animation: pulse 0.5s;
  animation-iteration-count: 1;
}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box.shake,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box.shake {
  animation: shake 0.5s;
  animation-iteration-count: 1;
}


#session-5-activity-3.section-activity fieldset .statement-wrap.in .re-framing-box,
#session-9-activity-2.section-activity fieldset .statement-wrap.in .re-framing-box {

  pointer-events: initial;

  opacity: 1;

  transition-delay: 3s;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box .results-correct,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box .results-correct {

  width: 45%;

  margin-top: 12%;

  margin-left: 27%;

}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box .results-correct .statement-item,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box .results-correct .statement-item {

  position: relative;

  cursor: default;

  font-size: 24px !important;

  line-height: 30px !important;

  color: #FFFFFF !important;

  margin-bottom: 10px;

}

#session-5-activity-3.section-activity fieldset .statement-wrap .re-framing-box .results-correct .statement-item .sleeve span,
#session-9-activity-2.section-activity fieldset .statement-wrap .re-framing-box .results-correct .statement-item .sleeve span {
  white-space: normal
}


#session-5-activity-3.section-activity fieldset .statement-wrap .results-incorrect,
#session-9-activity-2.section-activity fieldset .statement-wrap .results-incorrect {

  position: absolute;

  right: 10px;

  top: 40%;

  width: 30%;

  pointer-events: none;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

#session-5-activity-3.section-activity fieldset .statement-wrap .results-incorrect .statement-item.in,
#session-9-activity-2.section-activity fieldset .statement-wrap .results-incorrect .statement-item.in {

  opacity: 1;

}


#session-5-activity-3.section-activity fieldset .statement-wrap .results-incorrect .statement-item,
#session-9-activity-2.section-activity fieldset .statement-wrap .results-incorrect .statement-item {

  padding-left: 30px;

  font-size: 24px !important;

  line-height: 30px !important;

  color: #FFFFFF !important;

  position: relative;

  opacity: 0;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap,
#session-9-activity-2.section-activity fieldset .word-matching-wrap {

  background-color: #4b713c;

  pointer-events: none;

  opacity: 0;

  transition: all 1s ease-in-out;

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  padding: 20px;

}


#session-6-activity-3.section-activity fieldset .title,
#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-heading,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-heading {

  transform: rotate(-1deg) translateX(20%);

  margin-bottom: 10px;

  background-color: #3E569B;

  /* background-color: #E8913A; */

  text-align: center;

  color: #FFFFFF;

  font-size: 24px;

  line-height: 24px;

  padding: 15px 20px;

  width: 70%;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in,
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in {

  opacity: 1;

  pointer-events: initial;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-subwrap,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-subwrap {

  height: 100%;

  transform: translateY(-30px);

}

#session-5-activity-3.section-activity fieldset .statement-wrap .continue,
#session-9-activity-2.section-activity fieldset .statement-wrap .continue {
  top: 490px;
  left: 45%;
}

#session-6-activity-3.section-activity fieldset .continue ,
#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue {
  top: 430px;
  left: 45%;
}

#session-6-activity-3.section-activity fieldset .continue ,
#session-5-activity-3.section-activity fieldset .statement-wrap .continue ,
#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue,
#session-9-activity-2.section-activity fieldset .statement-wrap .continue ,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue {
  position: absolute;
  background-color: #e8913a;
  color: #FFFFFF;
  border-radius: 15px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  margin-top: 15px;
  padding: 0px 15px;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

#session-6-activity-3.section-activity fieldset .continue:hover ,
#session-5-activity-3.section-activity fieldset .statement-wrap .continue:hover ,
#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue:hover,
#session-9-activity-2.section-activity fieldset .statement-wrap .continue:hover ,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue:hover {
  transform: scale(1.2);
}

#session-6-activity-3.section-activity fieldset .continue.in ,
#session-5-activity-3.section-activity fieldset .statement-wrap .continue.in ,
#session-5-activity-3.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue.in,
#session-9-activity-2.section-activity fieldset .statement-wrap .continue.in ,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .word-matching-subwrap .continue.in {
  cursor: pointer;
  opacity: 1;
  pointer-events: initial;
}


#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames {

  font-size: 20px;

  line-height: 30px;

  color: #FFFFFF;

  max-width: 280px;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame {

  background-image: url(../img/session-5/s5-blank.png);

  background-repeat: round;

  height: 180px;

  text-align: center;

  position: relative;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame[data-match="3"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame[data-match="3"] {
  top: -150px;
  left: 30px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="3"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="3"] {
  transition: all 1s ease-in-out;
  top: -340px;
  left: 30px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame[data-match="2"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame[data-match="2"] {
  top: -330px;
  left: 358px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="2"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="2"] {
  transition: all 1s ease-in-out;
  top: -520px;
  left: 358px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame[data-match="1"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame[data-match="1"] {
  top: -512px;
  left: 680px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="1"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame.matched[data-match="1"] {
  transition: all 1s ease-in-out;
  top: -702px;
  left: 680px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .frames .frame .frametext,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .frames .frame .frametext {

  width: 70%;

  padding-top: 13%;

  margin-left: 15%;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .lines .line:nth-child(1),
#session-9-activity-2.section-activity fieldset .word-matching-wrap .lines .line:nth-child(1) {
  top: 45%;
  left: 16.8%;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .lines .line:nth-child(2),
#session-9-activity-2.section-activity fieldset .word-matching-wrap .lines .line:nth-child(2) {
  top: 45%;
  left: 50%;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .lines .line:nth-child(3),
#session-9-activity-2.section-activity fieldset .word-matching-wrap .lines .line:nth-child(3) {
  top: 45%;
  left: 82.9%;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .lines .line,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .lines .line {
  position: absolute;
  border-left: 5px solid black;
  height: 100px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .negative,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .negative {

  max-width: 250px;

}


#session-5-activity-3.section-activity fieldset .word-matching-wrap .negative .word-matching-item,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .negative .word-matching-item {

  background-image: url(../img/session-5/speech-bubble.png);

  background-repeat: round;

  font-size: 25px;

  line-height: 36px;

  color: #FFFFFF;

  text-align: center;

  opacity: 1;

  cursor: pointer;

  opacity: 0;

  pointer-events: none;

  z-index: 999;

  height: 140px;

}


#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item,
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item {

  opacity: 1;

  pointer-events: initial;

  position: relative;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.hover,
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.hover {

  transform: scale(1.2);

  transition: all 1s ease-in-out;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.wiggle,
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.wiggle {

  animation: wiggle 0.5s;

  animation-iteration-count: 1;

}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="1"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="1"] {
  left: 49px;
  top: 64px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.givespace[data-match="1"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.givespace[data-match="1"] {
  transition: all 1s ease-in-out;
  left: 703px;
  top: 57px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="1"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="1"] {
  transition: all 1s ease-in-out;
  left: 697px;
  top: 291px;
  transform: scale(0.8);
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="2"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="2"] {
  left: 379px;
  top: -81px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="2"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="2"] {
  transition: all 1s ease-in-out;
  left: 379px;
  top: 151px;
  transform: scale(0.8);
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="3"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item[data-match="3"] {
  left: 702px;
  top: -222px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.givespace[data-match="3"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.givespace[data-match="3"] {
  transition: all 1s ease-in-out;
  left: 48px;
  top: -216px;
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="3"],
#session-9-activity-2.section-activity fieldset .word-matching-wrap.in .negative .word-matching-item.matched[data-match="3"] {
  transition: all 1s ease-in-out;
  left: 47px;
  top: 13px;
  transform: scale(0.8);
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .negative .word-matching-item .inner-text,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .negative .word-matching-item .inner-text {
  width: 90%;
  transform: translate(5%, 20%);
}

#session-5-activity-3.section-activity fieldset .word-matching-wrap .negative .word-matching-item .inner-text.bitdown,
#session-9-activity-2.section-activity fieldset .word-matching-wrap .negative .word-matching-item .inner-text.bitdown { transform: translate(5%, 60%); }

#session-6-activity-1 fieldset {
  background-color: #e0c381;
  text-align: center;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-6-activity-1 fieldset.in {
  opacity: 1;
}

#session-6-activity-1 fieldset.noblock {
  pointer-events: initial;
}

#session-6-activity-1 fieldset .title,
#session-6-activity-2 fieldset .title,
#session-7-activity-2 fieldset .title {
  color: white;
  background-color: #4b713c;
  transform: rotate(-1deg);
  font-size: 2.5em;
  line-height: 1.2em;
  padding: 5px 0;
  pointer-events: none;
}

#session-6-activity-1 fieldset .title {
  margin-left: 15%;
  margin-top: 2%;
  width: 70%;
}

#session-6-activity-1 fieldset .wrap {
  margin-top: 5%;
  width: 90%;
}

#session-6-activity-1 fieldset .wrap .bubble {
  position: absolute;
  transition: all 1s ease-in-out;
  font-size: 35px;
  width: 200px;
  height: 150px;
  background-size: contain;
  background-repeat: round;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(2) .bubble-title {
  margin-top: 80px;
}

#session-6-activity-1 fieldset .wrap .bubble .bubble-title {
  margin-top: 50px;
}

#session-6-activity-1 fieldset .wrap .face {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  transition: transform 0.5s ease-in-out;
  background-size: cover;
  cursor: move;
}

#session-6-activity-1 fieldset .wrap .face.dragopacity {
  opacity: 0.8;
}

#session-6-activity-1 fieldset .wrap .face.hover {
  transform: scale(1.2);
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(1) {
  font-family: romantisch;
  background-image: url(../img/session-6/passive-bubble.png);
  color: white;
  top: 26%;
  left: 8%;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(1).matched {
  top: 34%;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(2) {
  font-family: hero;
  background-image: url(../img/session-6/assertive-bubble.png);
  color: #4b713c;
  top: 65%;
  left: 40%;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(2).matched {
  top: 50%;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(3) {
  font-family: road_rage;
  font-size: 30px;
  background-image: url(../img/session-6/aggressive-bubble.png);
  color: black;
  top: 26%;
  left: 72%;
}

#session-6-activity-1 fieldset .wrap .bubble:nth-child(3).matched {
  top: 34%;
}

#session-6-activity-1 fieldset .wrap .face.givespace,
#session-6-activity-1 fieldset .wrap .face.givemorespace {
  transition: all 1s ease-in-out;
}

#session-6-activity-1 fieldset .wrap .face.matched {
  transform: scale(0.8);
  transition: all 1s ease-in-out;
}

#session-6-activity-1 fieldset .wrap .face-1 {
  background-image: url(../img/session-6/aggressive-face.png);
  top: 65%;
  left: 10%;
}

#session-6-activity-1 fieldset .wrap .face-1.matched {
  left: 676.391px;
  top: 323.688px;
}

#session-6-activity-1 fieldset .wrap .face-1.position-2 {
  left: 434px;
  top: 149px;
}

#session-6-activity-1 fieldset .wrap .face-1.position-3 {
  left: 757.391px;
  top: 375.688px;
}

#session-6-activity-1 fieldset .wrap .face-2 {
  background-image: url(../img/session-6/passive-face.png);
  top: 26%;
  left: 42.2%;
}

#session-6-activity-1 fieldset .wrap .face-2.position-3 {
  left: 758.125px;
  top: 376.266px;
}

#session-6-activity-1 fieldset .wrap .face-2.position-1 {
  left: 101.125px;
  top: 376.266px;
}

#session-6-activity-1 fieldset .wrap .face-2.matched {
  left: 26.125px;
  top: 316.266px;
}

#session-6-activity-1 fieldset .wrap .face-3 {
  background-image: url(../img/session-6/assertive-face.png);
  top: 65%;
  left: 74%;
}

#session-6-activity-1 fieldset .wrap .face-3.matched {
  left: 352.75px;
  top: 148.688px;
}

#session-6-activity-1 fieldset .wrap .face-3.position-1 {
  left: 100.75px;
  top: 376.688px;
}

#session-6-activity-1 fieldset .wrap .face-3.position-2 {
  left: 433.75px;
  top: 150.688px;
}

#session-6-activity-2 fieldset {
  position: absolute;
  width: 100%;
  background-color: #e0c381;
  text-align: center;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-7-activity-2 fieldset:nth-child(2) {
  position: absolute;
  width: 100%;
  background-color: #e0c381;
  text-align: center;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

#session-6-activity-2 fieldset.in {
  opacity: 1;
}

#session-6-activity-2 fieldset.unblocked {
  pointer-events: initial;
}

#session-6-activity-2 fieldset .title,
#session-7-activity-2 fieldset .title {
  margin-left: 24%;
  margin-top: 2%;
  width: 55%;
}

#session-6-activity-2 fieldset:nth-child(2) .title,
#session-7-activity-2 fieldset:nth-child(2) .title {
  margin-top: 5%;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap {
  margin-top: 1%;
  margin-left: 27%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 50%;
  height: 90%;
  color: white;
  font-size: 20px;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario {
  height: 30%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario.disabled {
  opacity: 0.4;
  pointer-events: none;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario:hover:not(.disabled) {
  transform: scale(1.05);
  transition: transform 0.5s ease-in-out;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario:nth-child(1) {
  background-image: url(../img/session-6/aggressive-tile.png);
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario:nth-child(2) {
  background-image: url(../img/session-6/passive-tile.png);
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario:nth-child(3) {
  background-image: url(../img/session-6/assertive-tile.png);
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario .scenario-title{
  transform: translate(90%, 120px);
  font-weight: bold;
  background-color: #495898;
  line-height: 30px;
  width: 24%;
}

#session-6-activity-2 fieldset:nth-child(1) .wrap .scenario:nth-child(3) .scenario-title{
  transform: translate(90%, 110px);
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap {
  margin-top: 8%;
  margin-left: 15%;
  width: 70%;
  display: flex;
  justify-content: space-between;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image {
  width: 44%;
  height: 300px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-1 {
  background-image: url(../img/session-6/aggressive-circle.png);
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-2 {
  background-image: url(../img/session-6/passive-circle.png);
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-3 {
  background-image: url(../img/session-6/assertive-circle.png);
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-1 {
  background-image: url(../img/session-7/aggressive.png);
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-2 {
  background-image: url(../img/session-7/passive.png);
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .scenario-image.scenario-3 {
  background-image: url(../img/session-7/assertive.png);
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button .button-title,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button .button-title {
  font-size: 40px;
  line-height: 50px;
  padding: 10px 20px;
  border-radius: 30px;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button .button-title:hover,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button .button-title:hover {
  transform: scale(1.05);
  transition: transform 0.5s ease-in-out;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(1) .button-title,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(1) .button-title {
  font-family: romantisch;
  color: white;
  background-color: #788abc;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(2) .button-title,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(2) .button-title {
  font-family: hero;
  font-size: 45px;
  color: #4b713c;
  background-color: #efe8db;
}

#session-6-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(3) .button-title,
#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .button-wrap .button:nth-child(3) .button-title {
  font-family: road_rage;
  font-size: 35px;
  color: black;
  background-color: #99312c;
}

#session-6-activity-3.section-activity fieldset .title {
  margin-top: 3%;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word {
  position: absolute;
  color: white;
  background-color: #994241;
  font-size: 30px;
  line-height: 80px;
  padding: 0px 20px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word:not(.matched) {
  cursor: pointer;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word.hover {
  transform: scale(1.09);
}

#session-6-activity-3.section-activity fieldset .wrap .words .word.dragopacity {
  opacity: 0.8;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(1),
#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(3) {
  transform: rotate(-1deg);
}

#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(2) {
  transform: rotate(2deg);
}

#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(4),
#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(6) {
  transform: rotate(1deg);
}

#session-6-activity-3.section-activity fieldset .wrap .words .word:nth-child(5) {
  transform: rotate(-2deg);
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="5"] {
  left: 80px;
  top: 120px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="3"] {
  left: 220px;
  top: 150px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="6"] {
  left: 380px;
  top: 130px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="2"] {
  left: 500px;
  top: 150px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="4"] {
  left: 630px;
  top: 150px;
}

#session-6-activity-3.section-activity fieldset .wrap .words .word[data-match="1"] {
  left: 800px;
  top: 130px;
}

#session-6-activity-3.section-activity fieldset .wrap .images div {
  position: absolute;
  border: 2px solid white;
  background-size: cover;
  text-align: center;
  color: white;
}

#session-6-activity-3.section-activity fieldset .wrap .images div .inner-text {
  font-size: 20px;
  line-height: 24px;
  background-color: black;
  padding: 0px 10px;
  border: 0px;
  opacity: 0;
}

#session-6-activity-3.section-activity fieldset .wrap .images div .inner-text.in {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

#session-6-activity-3.section-activity fieldset .wrap .images div.matched {
  /*opacity: 0.5;*/
  transition: all 1s ease-in-out;
}

#session-6-activity-3.section-activity fieldset .wrap .images .angry {
  left: 30px;
  top: 320px;
  width: 150px;
  height: 200px;
  transform: rotate(5deg);
  background-image: url(../img/session-6/angry.png);
}

#session-6-activity-3.section-activity fieldset .wrap .images .angry.matched {
  transform: rotate(5deg) translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .angry .inner-text {
  transform: translate(60%, 200px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .calm {
  left: 190px;
  top: 350px;
  width: 180px;
  height: 150px;
  background-image: url(../img/session-6/calm.png);
}

#session-6-activity-3.section-activity fieldset .wrap .images .calm.matched {
  transform: translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .calm .inner-text {
  transform: translate(60px, 150px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .nervous {
  left: 350px;
  top: 330px;
  width: 150px;
  height: 120px;
  transform: rotate(-2deg);
  background-image: url(../img/session-6/nervous.jpg);
}

#session-6-activity-3.section-activity fieldset .wrap .images .nervous.matched {
  transform: rotate(-2deg) translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .nervous .inner-text {
  transform: translate(30px, 120px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .shocked {
  left: 500px;
  top: 350px;
  width: 120px;
  height: 150px;
  transform: rotate(-5deg);
  background-image: url(../img/session-6/shocked.png);
}

#session-6-activity-3.section-activity fieldset .wrap .images .shocked.matched {
  transform: rotate(-5deg) translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .shocked .inner-text {
  transform: translate(20px, 150px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .happy {
  left: 630px;
  top: 350px;
  width: 150px;
  height: 180px;
  background-image: url(../img/session-6/happy.png);
}

#session-6-activity-3.section-activity fieldset .wrap .images .happy.matched {
  transform: translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .happy .inner-text {
  transform: translate(40px, 180px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .sad {
  left: 780px;
  top: 330px;
  width: 200px;
  height: 150px;
  background-image: url(../img/session-6/sad.png);
}

#session-6-activity-3.section-activity fieldset .wrap .images .sad.matched {
  transform: translateY(-80px);
}

#session-6-activity-3.section-activity fieldset .wrap .images .sad .inner-text {
  transform: translate(70px, 150px);
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(1) .input-wrap-group .input-wrap:nth-child(1) label,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(3) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 70%;
  bottom: 10px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(1) .input-wrap-group .input-wrap:nth-child(2) label,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(2) .input-wrap-group .input-wrap:nth-child(2) label,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(3) .input-wrap-group .input-wrap:nth-child(2) label {
  padding: 0px;
  width: 70%;
  left: 40px;
  bottom: 30px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(1) .input-wrap-group .input-wrap:nth-child(3) label,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(2) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 20px;
  left: 90px;
  padding: 30px 0px;
  width: 70%;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(2) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 50%;
  bottom: 10px;
  left: 30px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(3) .input-wrap-group .input-wrap:nth-child(3) {
  transform: translateY(100px);
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(3) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 90px;
  left: 35px;
  padding: 30px 0px;
  width: 60%;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(4) .input-wrap-group .input-wrap,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(5) .input-wrap-group .input-wrap,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(6) .input-wrap-group .input-wrap,
#session-6-activity-4.section-activity-quiz fieldset:nth-child(7) .input-wrap-group .input-wrap {
  transform: translateY(150px);
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(4) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 60%;
  bottom: 160px;
  left: 30px;
  font-size: 20px;
  line-height: 25px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(4) .input-wrap-group .input-wrap:nth-child(2) label {
  padding: 0px;
  width: 60%;
  left: 50px;
  bottom: 160px;
  font-size: 18px;
  line-height: 40px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(4) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 150px;
  left: 65px;
  padding: 30px 0px;
  width: 60%;
  font-size: 18px;
  line-height: 32px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(5) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 70%;
  bottom: 170px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(5) .input-wrap-group .input-wrap:nth-child(2) label {
  padding: 0px;
  width: 60%;
  left: 50px;
  bottom: 160px;
  font-size: 18px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(5) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 150px;
  left: 60px;
  padding: 30px 0px;
  width: 60%;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(6) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 50%;
  bottom: 170px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(6) .input-wrap-group .input-wrap:nth-child(2) label {
  padding: 0px;
  width: 60%;
  left: 50px;
  bottom: 180px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(6) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 130px;
  left: 40px;
  padding: 30px 0px;
  width: 60%;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(7) .input-wrap-group .input-wrap:nth-child(1) label {
  padding: 0px;
  width: 60%;
  bottom: 150px;
  left: 40px;
  font-size: 18px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(7) .input-wrap-group .input-wrap:nth-child(2) label {
  padding: 0px;
  width: 60%;
  left: 50px;
  bottom: 170px;
  font-size: 19px;
  line-height: 30px;
}

#session-6-activity-4.section-activity-quiz fieldset:nth-child(7) .input-wrap-group .input-wrap:nth-child(3) label {
  bottom: 150px;
  left: 90px;
  padding: 30px 0px;
  width: 50%;
}

#session-7-activity-1.section-activity fieldset {
  position: absolute;
  opacity: 0;
  width: 100%;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-7-activity-2.section-activity fieldset {
  position: absolute;
  opacity: 0;
  width: 100%;
  pointer-events: none;
}

#session-7-activity-2.section-activity fieldset:nth-child(1) {
  transition: opacity 1s ease-in-out;
}

#session-7-activity-1.section-activity fieldset.in,
#session-7-activity-2.section-activity fieldset.in {
  opacity: 1;
}

#session-7-activity-1.section-activity fieldset.unblocked,
#session-7-activity-2.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-7-activity-1.section-activity fieldset:nth-child(1) .wrap,
#session-7-activity-1.section-activity fieldset:nth-child(3) .wrap,
#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#session-7-activity-1.section-activity fieldset:nth-child(1) .wrap {
  width: 20%;
  height: 270px;
  top: 130px;
  left: 5%;
}

#session-7-activity-1.section-activity fieldset:nth-child(3) .wrap {
  width: 30%;
  height: 300px;
  top: 30%;
  left: 35%;
}

#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap .scenario {
  transition: transform 0.5s ease-in-out;
}

#session-7-activity-1.section-activity fieldset:nth-child(1) .wrap .option-title,
#session-7-activity-1.section-activity fieldset:nth-child(3) .wrap .option-title,
#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap .scenario-title {
  color: white;
  background-color: #c36a41;
  font-size: 25px;
  padding: 20px 20px;
  cursor: pointer;
  border-radius: 30px;
  text-align: center;
}

#session-7-activity-1.section-activity fieldset:nth-child(1) .wrap .option-title.disabled,
#session-7-activity-1.section-activity fieldset:nth-child(3) .wrap .option-title.disabled,
#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap .scenario.disabled {
  opacity: 0.4;
  pointer-events: none;
}

#session-7-activity-1.section-activity fieldset:nth-child(1) .wrap .option-title:hover:not(.disabled),
#session-7-activity-1.section-activity fieldset:nth-child(3) .wrap .option-title:hover:not(.disabled),
#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap .scenario:hover:not(.disabled) {
  transform: scale(1.1);
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap {
  position: absolute;
  width: 22%;
  height: 260px;
  top: 280px;
  left: 64%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap .option {
  padding: 30px 20px;
  cursor: pointer;
  border-radius: 40px;
  text-align: center;
  transition: transform 0.5s ease-in-out;
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap .option:hover {
  transform: scale(1.1);
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap .option.passive {
  font-family: romantisch;
  color: white;
  background-color: #788abc;
  font-size: 45px;
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap .option.assertive {
  font-family: hero;
  font-size: 45px;
  color: #4b713c;
  background-color: #efe8db;
}

#session-7-activity-1.section-activity fieldset:nth-child(2) .wrap .option.aggressive {
  font-family: road_rage;
  font-size: 32px;
  color: black;
  background-color: #99312c;
}

#session-7-activity-1.section-activity fieldset:nth-child(3) {
  background-color: #e0c381;
  height: 100%;
}

#session-7-activity-1.section-activity fieldset:nth-child(3) .title {
  position: absolute;
  left: 30%;
  top: 40px;
  color: white;
  background-color: #4b713c;
  font-size: 25px;
  line-height: 40px;
  padding: 10px 20px;
  transform: rotate(1deg);
}

#session-7-activity-1.section-activity .continue {
  text-align: center;
  position: absolute;
  left: 68%;
  top: 50px;
  background-color: #E8913A;
  padding: 10px 40px;
  border-radius: 15px;
  color: #FFFFFF;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
  opacity: 0;
  transform: scale(0.1);
  pointer-events: none;
}

#session-7-activity-1.section-activity .continue:hover {
  transform: scale(1.2);
}

#session-7-activity-1.section-activity .continue.in {
  opacity: 1;
  transform: scale(1);
  pointer-events: initial;
}

#session-7-activity-2.section-activity fieldset:nth-child(1) .wrap {
  width: 20%;
  height: 270px;
  top: 130px;
  left: 5%;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result {
  width: 200px;
  height: 100px;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 999;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result.tick {
  background-image: url(../img/tick.svg);
  opacity: 1;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result.cross {
  background-image: url(../img/cross.svg);
  opacity: 1;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result.scenario-2 {
  top: 30%;
  right: 18%;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result.scenario-3 {
  top: 50%;
  right: 18%;
}

#session-7-activity-2 fieldset:nth-child(2) .outer-wrap .result.scenario-1 {
  top: 70%;
  right: 18%;
}

#session-7-activity-3.section-activity fieldset {
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

#session-7-activity-3.section-activity fieldset.in {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

#session-7-activity-3.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-7-activity-3.section-activity fieldset .control-board {
  width: 100%;
  height: 33%;
  background-image: url(../img/session-7/woodtopbg.png);
  background-size: 100.3% 95%;
  background-repeat: no-repeat;
  text-align: center;
  color: white;
}

#session-7-activity-3.section-activity fieldset .control-board .control {
  position: absolute;
  margin-top: 6%;
  width: 33%;
}

#session-7-activity-3.section-activity fieldset .control-board .control .title {
  font-size: 25px;
  transform: translateY(-40px);
}

#session-7-activity-3.section-activity fieldset .control-board .body-language .title {
  transform: translate(20px, -40px);
}

#session-7-activity-3.section-activity fieldset .control-board .volume {
  width: 25%;
  margin-top: 7%;
  margin-left: 30px;
  height: 50%;
  background-image: url(../img/session-7/volume.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .title {
  transform: translateY(-50px);
}

#session-7-activity-3.section-activity fieldset .control-board .volume .knob {
  position: absolute;
  left: 80px;
  z-index: 900;
  width: 20px;
  height: 60px;
  background-image: url(../img/session-7/volumeknob.png);
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .labels {
  display: flex;
  justify-content: space-between;
  margin-left: 120px;
  width: 110px;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .labels div {
  cursor: pointer;
  padding-top: 45px;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .knob.low {
  left: 120px;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .knob.medium {
  left: 165px;
}

#session-7-activity-3.section-activity fieldset .control-board .volume .knob.high {
  left: 210px;
}

#session-7-activity-3.section-activity fieldset .control-board .tone {
  left: 33%;
}

#session-7-activity-3.section-activity fieldset .control-board .body-language {
  left: 66.3%;
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  transform: translate(20px, 10px);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .switch {
  width: 100%;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .angry.off {
  background-image: url(../img/session-7/angryoff.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .calm.off {
  background-image: url(../img/session-7/calmoff.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .anxious.off {
  background-image: url(../img/session-7/anxiousoff.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .angry.on {
  background-image: url(../img/session-7/angryon.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .calm.on {
  background-image: url(../img/session-7/calmon.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .anxious.on {
  background-image: url(../img/session-7/anxiouson.png);
}

#session-7-activity-3.section-activity fieldset .control-board .tone .wrap .switch .label {
  transform: translate(-10px, 50px);
}

#session-7-activity-3.section-activity .error {
  position: absolute;
  width: 20%;
  left: 2%;
  top: 30%;
  color: white;
  font-size: 15px;
  padding: 10px 20px;
}

#session-7-activity-3.section-activity .scene-title {
  position: absolute;
  width: 20%;
  right: 0%;
  top: 13%;
  color: white;
  background-color: #3E569B;
  font-size: 25px;
  line-height: 40px;
  padding: 10px 20px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
}

#session-7-activity-3.section-activity .scene-title.position-2 {
  top: 33%;
}

#session-7-activity-3.section-activity fieldset .play.in,
#session-7-activity-3.section-activity .scene-title.in {
  opacity: 1;
  pointer-events: initial;
}

#session-7-activity-3.section-activity fieldset .play {
  position: absolute;
  width: 15%;
  right: 5%;
  top: 43%;
  background-color: #e8573a;
  color: #FFFFFF;
  border-radius: 15px;
  line-height: 46px;
  font-size: 25px;
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

#session-7-activity-3.section-activity fieldset .play:hover {
  transform: scale(1.2);
}

#session-7-activity-4.section-activity fieldset,
#session-8-activity-5.section-activity fieldset {
  position: absolute;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-7-activity-4.section-activity fieldset.in,
#session-8-activity-5.section-activity fieldset.in {
  opacity: 1;
}

#session-7-activity-4.section-activity fieldset.unblocked,
#session-8-activity-5.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-7-activity-4.section-activity fieldset:nth-child(1),
#session-8-activity-5.section-activity fieldset {
  background-color: #d791b6;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) {
  left: 18%;
  right: 16%;
  top: 10%;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .title,
#session-8-activity-5.section-activity fieldset .title {
  margin-top: 20px;
  margin-left: 25%;
  width: 40%;
  padding: 20px 50px;
  color: white;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #4f65a8;
  transform: rotate(-2deg);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf,
#session-8-activity-5.section-activity fieldset .shelf {
  position: absolute;
  width: 90%;
  height: 150px;
  bottom: 10%;
  left: 5%;
  background-image: url(../img/session-7/shelf.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card,
#session-8-activity-5.section-activity fieldset .shelf .flip-card {
  background-color: transparent;
  width: 150px;
  height: 220px;
  perspective: 1000px;
  transform: translateY(-130px);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:hover:not(.disabled),
#session-8-activity-5.section-activity fieldset .shelf .flip-card:hover:not(.disabled) {
  transition: transform 0.5s ease-in;
  transform: translateY(-130px) scale(1.1);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:not(.disabled),
#session-8-activity-5.section-activity fieldset .shelf .flip-card:not(.disabled) {
  cursor: pointer;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card.disabled,
#session-8-activity-5.section-activity fieldset .shelf .flip-card.disabled {
  pointer-events: none;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card .flip-card-inner,
#session-8-activity-5.section-activity fieldset .shelf .flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card.show .flip-card-inner,
#session-8-activity-5.section-activity fieldset .shelf .flip-card.show .flip-card-inner {
  transform: rotateY(180deg);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card .flip-card-front,
#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card .flip-card-front,
#session-8-activity-5.section-activity fieldset .shelf .flip-card .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-size: contain;
  background-repeat: no-repeat;
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card .flip-card-back {
  transform: rotateY(180deg);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card .flip-card-front,
#session-8-activity-5.section-activity fieldset .shelf .flip-card .flip-card-front {
  background-image: url(../img/session-7/card-back.png);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:nth-child(1) .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card:nth-child(1) .flip-card-back {
  background-image: url(../img/session-7/avoid-the-scene.png);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:nth-child(2) .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card:nth-child(2) .flip-card-back {
  background-image: url(../img/session-7/make-a-joke.png);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:nth-child(3) .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card:nth-child(3) .flip-card-back {
  background-image: url(../img/session-7/alternative.png);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:nth-child(4) .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card:nth-child(4) .flip-card-back {
  background-image: url(../img/session-7/say-why.png);
}

#session-7-activity-4.section-activity fieldset:nth-child(1) .shelf .flip-card:nth-child(5) .flip-card-back,
#session-8-activity-5.section-activity fieldset .shelf .flip-card:nth-child(5) .flip-card-back {
  background-image: url(../img/session-7/nothing-personal.png);
}

#session-7-activity-4 fieldset .continue,
#session-8-activity-5 fieldset .continue {
  position: absolute;
  background-color: #e83a3a;
  bottom: 10px;
  left: 45%;
}

#session-7-activity-4 fieldset .continue.out,
#session-8-activity-5 fieldset .continue.out {
  opacity: 0;
  pointer-events: none;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .title {
  font-size: 25px;
  line-height: 36px;
  margin-bottom: 10px;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .title .label {
  color: #495797;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .title .thought {
  color: #000000;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .textarea-wrap {
  border: 0;
  background-color: transparent;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 10px;
  height: 120px;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .textarea-wrap .subtitle .label {
  color: #495797;
  font-size: 25px;
  line-height: 32px;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .textarea-wrap textarea {
  height: 100%;
  padding: 10px 0;
  font-size: inherit;
  border: 0;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .information {
  font-size: 1.4em;
  color: #495797;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .feedcheck {
  margin-top: 20px;
  font-size: 1.5em;
  font-weight: bold;
  color: #495797;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .feedcheck label{
  cursor: pointer;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .feedcheck input {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .button-wrap {
  padding: 2px 0 10px 0;
}


#session-7-activity-4.section-activity fieldset:nth-child(2) .button-wrap button {
  background-color: #d29243;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 28px;
  line-height: 32px;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  transition: all 0.25s ease-in-out;
  opacity: 1;
  border: 0;
}

#session-7-activity-4.section-activity fieldset:nth-child(2) .button-wrap button:hover {
  transform: scale(1.1);
}

#session-8-activity-1.section-activity fieldset {
  pointer-events: none;
}

#session-8-activity-1.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-8-activity-1.section-activity fieldset .wrap {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 330px;
  height: 390px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#session-8-activity-1.section-activity fieldset .wrap .option {
  width: 150px;
  height: 160px;
  cursor: pointer;
}

#session-8-activity-2.section-activity fieldset {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-8-activity-2.section-activity fieldset:nth-child(1) {
  background-color: rgb(241, 106, 106);
}

#session-8-activity-2.section-activity fieldset.in {
  opacity: 1;
}

#session-8-activity-2.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .title {
  position: absolute;
  left: 23%;
  top: 5%;
  color: white;
  font-size: 30px;
  padding: 20px;
  background-color: #4b713c;
  text-align: center;
  width: 50%;
  transform: rotate(-1deg);
  opacity: 0;
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .title.in {
  opacity: 1;
}

#session-8-activity-2.section-activity fieldset .ad {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid white;
}

#session-8-activity-2.section-activity fieldset .ad1 {
  background-image: url(../img/session-8/img1.jpg);
}

#session-8-activity-2.section-activity fieldset .ad2 {
  background-image: url(../img/session-8/img2.jpg);
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .ad1 {
  left: 15%;
  top: 35%;
  width: 310px;
  height: 180px;
  transform: rotate(-2deg);
  transition: transform 0.5s ease-in;
  cursor: pointer;
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .ad1:hover {
  transform: rotate(-2deg) scale(1.5);
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .ad2 {
  right: 20%;
  top: 25%;
  width: 220px;
  height: 330px;
  transform: rotate(1deg);
  transition: transform 0.5s ease-in;
  cursor: pointer;
}

#session-8-activity-2.section-activity fieldset:nth-child(1) .ad2:hover {
  transform: rotate(1deg) scale(1.5);
}

#session-8-activity-2 fieldset:nth-child(1) .continue {
  position: absolute;
  background-color: #9c2121;
  left: 46%;
  bottom: 5%;
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad {
  transition: all 1s ease-in;
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad1.position-1 {
  left: 25%;
  top: 40%;
  width: 250px;
  height: 150px;
  transform: rotate(-2deg);
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad2.position-1 {
  left: 58%;
  top: 40%;
  width: 130px;
  height: 160px;
  transform: rotate(1deg);
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad1.position-2 {
  left: 20%;
  top: 20%;
  width: 250px;
  height: 150px;
  transform: rotate(-2deg) scale(1.4);
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad2.position-2 {
  left: 65%;
  top: 9%;
  width: 190px;
  height: 240px;
  transform: rotate(1deg) scale(1.2);
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad1.position-3 {
  left: 8%;
  top: 9%;
  width: 250px;
  height: 150px;
  transform: rotate(-2deg);
}

#session-8-activity-2.section-activity fieldset:nth-child(2) .ad2.position-3 {
  left: 11%;
  bottom: 15%;
  width: 190px;
  height: 260px;
  transform: rotate(1deg);
}

#session-8-activity-3.section-activity fieldset {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

#session-8-activity-3.section-activity fieldset.in {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

#session-8-activity-3.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad {
  position: absolute;
  border: 2px solid white;
  background-size: 100% 100%;
  transition: transform 0.5s ease-in;
  cursor: pointer;
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad .checkbox {
  position: absolute;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid black;
  background-color: white;
  right: -20px;
  transform: translateY(-20px);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad .checkbox .check {
  height: 100%;
  background-image: url(../img/question-tick.svg);
  background-size: 150% 100%;
  transform: rotate(5deg) translate(-5px, -5px);
  opacity: 0;
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad .checkbox .check.in {
  opacity: 1;
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad1 {
  top: 10%;
  left: 10%;
  width: 250px;
  height: 180px;
  transform: rotate(-2deg);
  background-image: url(../img/session-8/a3_1.png);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad1:hover {
  transform: rotate(-2deg) scale(1.4);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad2 {
  top: 10%;
  left: 40%;
  width: 250px;
  height: 180px;
  transform: rotate(2deg);
  background-image: url(../img/session-8/a3_2.jpg);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad2:hover {
  transform: rotate(2deg) scale(1.4);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad3 {
  top: 10%;
  left: 70%;
  width: 200px;
  height: 250px;
  transform: rotate(-3deg);
  background-image: url(../img/session-8/a3_3.gif);
}

#session-8-activity-3.section-activity fieldset:nth-child(1) .ad3:hover {
  transform: rotate(-3deg) scale(1.4);
}

#session-8-activity-3 fieldset .continue {
  position: absolute;
  background-color: #e83a3a;
  bottom: 40%;
  left: 45%;
}

#session-8-activity-3 fieldset .continue.out {
  opacity: 0;
  pointer-events: none;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) {
  background-color: #d4a658;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 500px;
  background-size: 100% 100%;
  background-image: url(../img/session-8/notebook.png);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .ad {
  position: absolute;
  border: 2px solid white;
  background-size: 100% 100%;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .ad.ad1 {
  left: 3%;
  top: 20%;
  width: 390px;
  height: 280px;
  background-image: url(../img/session-8/a3_1.png);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .ad.ad2 {
  left: 3%;
  top: 20%;
  width: 390px;
  height: 280px;
  background-image: url(../img/session-8/a3_2.jpg);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .ad.ad3 {
  left: 5%;
  top: 10%;
  width: 350px;
  height: 400px;
  background-image: url(../img/session-8/a3_3.gif);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap {
  position: absolute;
  color: #172539;
  font-size: 25px;
  line-height: 30px;
  opacity: 0;
  pointer-events: none;
  left: 56%;
  top: 23%;
  width: 390px;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap.in {
  opacity: 1;
  pointer-events: initial;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap textarea {
  color: #555;
  border: 0px solid;
  background-color: white;
  border-radius: 10px;
  height: 110px;
  padding: 10px;
  margin: 20px 0px;
  font-size: 20px;
  resize: none;
  transform: translateX(-10px);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap .submit {
  text-align: center;
  width: 20%;
  background-color: #E8913A;
  padding: 10px 40px;
  margin: 0px 25%;
  border-radius: 15px;
  color: #FFFFFF;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  font-size: 25px;
  line-height: 28px;
  pointer-events: none;
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap .submit:hover {
  transform: scale(1.2);
}

#session-8-activity-3.section-activity fieldset:nth-child(2) .notebook .question-wrap .submit.unblocked {
  pointer-events: initial;
}

#session-8-activity-4.section-activity fieldset {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: #d791b6;
  transition: opacity 1s ease-in-out;
}

#session-8-activity-4.section-activity fieldset.in {
  opacity: 1;
}

#session-8-activity-4.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-8-activity-4.section-activity fieldset .title {
  color: white;
  font-size: 30px;
  padding: 20px 20px;
  background-color: #4f65a8;
  text-align: center;
  width: 60%;
  margin-left: 19%;
  margin-top: 2%;
  transform: rotate(-1deg);
}

#session-8-activity-4.section-activity fieldset .thought-wrap {
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  right: 10px;
}


#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item {
  position: absolute;
  color: #FFFFFF;
}


#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(1) { left: 23px; top: 162px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(2) { left: 250px; top: 100px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(3) { left: 70px; top: 377px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(4) { left: 200px; top: 170px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(5) { left: 650px; top: 393px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(6) { left: 790px; top: 335px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(7) { left: 600px; top: 102px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(8) { left: 580px; top: 452px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(9) { left: 203px; top: 452px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(10) { left: 610px; top: 254px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(11) { left: 780px; top: 150px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(12) { left: 600px; top: 326px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(13) { left: 830px; top: 261px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(14) { left: 250px; top: 250px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(15) { left: 253px; top: 352px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(16) { left: 50px; top: 250px; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(17) { left: 700px; top: 203px; }


#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item .sleeve {
  color: #FFFFFF;
  width: 150px;
  background-color: #a0423b;
  text-align: center;
  cursor: pointer;
  border-top-left-radius: 20%100%;
  border-bottom-left-radius: 20%100%;
  border-top-right-radius: 20%100%;
  border-bottom-right-radius: 20%100%;
  transition: all 1s ease-in;
  transform: scale(0.1);
  opacity: 0;
  font-size: 20px;
  line-height: 22px;
}

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item.small .sleeve {
  width: 100px;
  height: 100px;
}

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(1) .sleeve { transition-delay: 2s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(2) .sleeve { transition-delay: 0s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(3) .sleeve { transition-delay: 1.5s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(4) .sleeve { transition-delay: 3s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(5) .sleeve { transition-delay: 2.5s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(6) .sleeve { transition-delay: 1s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(7) .sleeve { transition-delay: 0.5s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(8) .sleeve { transition-delay: 2s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(9) .sleeve { transition-delay: 1.75s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(10) .sleeve { transition-delay: 0.25s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(11) .sleeve { transition-delay: 2.5s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(12) .sleeve { transition-delay: 2s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(13) .sleeve { transition-delay: 1s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(14) .sleeve { transition-delay: 1s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(15) .sleeve { transition-delay: 1.25s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(16) .sleeve { transition-delay: 2.5s; }

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item:nth-child(17) .sleeve { transition-delay: 3s; }


#session-8-activity-4.section-activity fieldset.in .thought-wrap .thought-item .sleeve {
  transform: scale(1);
  opacity: 1;
}

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item.inactive {
  opacity: 0.4;
}

#session-8-activity-4.section-activity fieldset .thought-wrap .thought-item span {
  display: block;
  position: relative;
  top: 50%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px;
}

#session-8-activity-4.section-activity fieldset .figure {
  margin: 0% auto;
  width: 200px;
  height: 500px;
  background-image: url(../img/session-8/influencer.png);
  background-size: 100% 100%;
}

#session-8-activity-4.section-activity fieldset .continue {
  position: absolute;
  right: 10%;
  bottom: 5%;
  background-color: #507641;
}

#session-8-activity-5.section-activity .side-logos .logo {
  position: absolute;
  top: 50px;
  right: 80px;
  width: 100px;
  height: 100px;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

#session-8-activity-5.section-activity .side-logos .logo.in {
  opacity: 1;
}

#session-8-activity-5.section-activity .side-logos .logo-1 {
  background-image: url(../img/session-8/exit.png);
}

#session-8-activity-5.section-activity .side-logos .logo-2 {
  background-image: url(../img/session-8/make-a-joke.png);
}

#session-8-activity-5.section-activity .side-logos .logo-3 {
  background-image: url(../img/session-8/alternative.png);
}

#session-8-activity-5.section-activity .side-logos .logo-4 {
  background-image: url(../img/session-8/say-why.png);
}

#session-8-activity-5.section-activity .side-logos .logo-5 {
  background-image: url(../img/session-8/nothing-personal.png);
}

#session-9-activity-1.section-activity fieldset {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

#session-9-activity-1.section-activity fieldset.in {
  opacity: 1;
}

#session-9-activity-1.section-activity fieldset.unblocked {
  pointer-events: initial;
}

#session-9-activity-1.section-activity fieldset {
  background-color: #9691d7;
}

#session-9-activity-1.section-activity fieldset .title {
  position: absolute;
  top: 2%;
  left: 5%;
  color: white;
  font-size: 28px;
  line-height: 30px;
  padding: 15px 50px;
  background-color: #4b713c;
  text-align: center;
  width: 80%;
  transform: rotate(-1deg);
}

#session-9-activity-1.section-activity fieldset .title.completed {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

#session-9-activity-1.section-activity fieldset .grid-container {
  position: absolute;
  top: 20%;
  left: 8%;
  display: block;
  padding: 20px;
  width: 80%;
  height: 70%;
  background-color: #8580bd;
  grid-gap: 20px;
  color: white;
  font-size: 28px;
  line-height: 30px;
}


#session-9-activity-1.section-activity fieldset .grid-row {
  display: table-row;
}

#session-9-activity-1.section-activity fieldset .grid-item {
  display: table-cell;
}

#session-9-activity-1.section-activity fieldset .grid-container.completed {
  top: 5%;
  transition: top 1s ease-in;
}

#session-9-activity-1.section-activity fieldset .grid-container .grid-item.dragmouseover {
  opacity: 0.4;
}

#session-9-activity-1.section-activity fieldset .grid-container .grid-item.wiggle,
#session-9-activity-1.section-activity fieldset .grid-container .grid-item .drag-item.wiggle {
  animation-iteration-count: 1; 
  animation: wiggle 0.5s;
}

#session-9-activity-1.section-activity fieldset .grid-container .col-head,
#session-9-activity-1.section-activity fieldset .grid-container .row-head {
  /* background-color: #65609c; */
  padding: 20px;
  text-align: center;
  width: 150px;
}

#session-9-activity-1.section-activity fieldset .grid-container .drag-item {
  background-color: white;
  color: #643869;
  border-radius: 10px;
  padding: 20px 10px;
  margin: 10px;
  text-align: center;
  cursor: move;
}

#session-9-activity-1.section-activity fieldset .grid-container .drag-item:not(.matched):not(.dragmouseover):hover {
  background-color: #643869;
  color: white;
  transform: scale(1.1);
}

#session-9-activity-1.section-activity fieldset .grid-container .drag-item.matched {
  background-color: #1d805e;
  color: white;
  transition: background-color 0.5s ease-in;
  cursor: initial;
}

#session-9-activity-1 fieldset .continue {
  position: absolute;
  background-color: #d25151;
  font-size: 30px;
  bottom: 5%;
  left: 45%;
  opacity: 0;
}

#session-9-activity-1 fieldset .continue.in {
  opacity: 1;
  transition: all 0.5s ease-in;
}

#session-9-activity-3 fieldset {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in;
}

#session-9-activity-3 fieldset.in {
  opacity: 1;
}

#session-9-activity-3 fieldset.unblocked {
  pointer-events: initial;
}

#session-9-activity-3 fieldset .field-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #527fa6;
}

#session-9-activity-3 fieldset .field-wrap.out {
  opacity: 0;
  pointer-events: none;
}

#session-9-activity-3 fieldset .field-wrap .question-wrap {
  width: 400px;
  margin: 7% 27%;
  padding: 50px;
  background-color: #c9dae8;
  border-radius: 20px;
}

#session-9-activity-3 fieldset .field-wrap .question-wrap .question {
  margin-bottom: 30px;
}

#session-9-activity-3 fieldset .field-wrap .question-wrap .continue {
  margin-top: 20px;
}

#session-9-activity-3 fieldset .stop {
  position: absolute;
  top: 15%;
  left: 33%;
  width: 400px;
  height: 400px;
  background-image: url(../img/session-9/stop.png);
  background-size: 100% 100%;
  opacity: 0;
  transform: scale(0.1);
  transition: transform 0.5s ease-in;
  pointer-events: none;
}

#session-9-activity-3 fieldset .stop.in {
  opacity: 1;
  transform: scale(1);
}

#session-9-activity-3 fieldset .stop.unblocked {
  pointer-events: initial;
  cursor: pointer;
}

#session-9-activity-3 fieldset .question-2,
#session-9-activity-3 fieldset .question-3,
#session-9-activity-3 fieldset .question-4 {
  position: absolute;
  top: 30%;
  left: 8%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in;
  font-size: 30px;
  color: white;
}

#session-9-activity-3 fieldset .question-2.in,
#session-9-activity-3 fieldset .question-3.in,
#session-9-activity-3 fieldset .question-4.in {
  opacity: 1;
}

#session-9-activity-3 fieldset .question-2.unblocked,
#session-9-activity-3 fieldset .question-3.unblocked,
#session-9-activity-3 fieldset .question-4.unblocked {
  pointer-events: initial;
}

#session-9-activity-3 fieldset .question-2.ques,
#session-9-activity-3 fieldset .question-3.ques,
#session-9-activity-3 fieldset .question-4.ques {
  margin-bottom: 50px;
}

#session-9-activity-3 fieldset .question-2 .btnyes,
#session-9-activity-3 fieldset .question-3 .btnyes,
#session-9-activity-3 fieldset .question-4 .btnyes,
#session-9-activity-3 fieldset .question-2 .btnno,
#session-9-activity-3 fieldset .question-3 .btnno,
#session-9-activity-3 fieldset .question-4 .btnno,
#session-9-activity-3 fieldset .options-wrap .option {
  position: relative;
  padding: 20px;
  width: 100px;
  text-align: center;
  background-color: #e8913a;
  border-radius: 20px;
  cursor: pointer;
  transition: transform 0.5s ease-in;
}

#session-9-activity-3 fieldset .question-2 .btnyes:hover,
#session-9-activity-3 fieldset .question-3 .btnyes:hover,
#session-9-activity-3 fieldset .question-4 .btnyes:hover,
#session-9-activity-3 fieldset .question-2 .btnno:hover,
#session-9-activity-3 fieldset .question-3 .btnno:hover,
#session-9-activity-3 fieldset .question-4 .btnno:hover,
#session-9-activity-3 fieldset .options-wrap .option-3:hover {
  transform: scale(1.1);
}

#session-9-activity-3 fieldset .question-2 .btnyes,
#session-9-activity-3 fieldset .question-3 .btnyes,
#session-9-activity-3 fieldset .question-4 .btnyes {
  top: 40px;
}

#session-9-activity-3 fieldset .question-2 .btnno,
#session-9-activity-3 fieldset .question-3 .btnno,
#session-9-activity-3 fieldset .question-4 .btnno {
  top: -15px;
  left: 200px;
}

#session-9-activity-3 fieldset .options-wrap {
  position: absolute;
  top: 20%;
  left: 38%;
  height: 300px;
  font-size: 25px;
  color: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in;
}

#session-9-activity-3 fieldset .options-wrap.in {
  opacity: 1;
}

#session-9-activity-3 fieldset .options-wrap.unblocked {
  pointer-events: initial;
}

#session-9-activity-3 fieldset .options-wrap .option-1 {
  opacity: 0.4;
  pointer-events: none;
}

#session-9-activity-3 fieldset .options-wrap .option-2 {
  top: 20%;
  opacity: 0.4;
  pointer-events: none;
}

#session-9-activity-3 fieldset .options-wrap .option-3 {
  top: 40%;
}