{"version":3,"sources":["main.css","questionnaire/_questionnaire.scss","quiz/_quiz.scss","playlist/_playlist.scss","form/_form.scss","main.scss","start/_start.scss","vendor/_sanitize.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@charset \"UTF-8\";\n.questionnaire {\n  overflow: hidden;\n  position: relative;\n  background: url(../images/questionairebg.png) no-repeat;\n  background-size: cover;\n  height: 100vh;\n  background-position: center 76%; }\n  @media (max-width: 641px) {\n    .questionnaire {\n      background: url(../images/questionnairemobileTEMP.png) no-repeat;\n      background-size: cover !important; } }\n\n.redFinish {\n  position: absolute;\n  right: -274px;\n  background: RGBA(239, 20, 138, 1);\n  width: 469px;\n  height: 100vh;\n  transform: skew(-27deg);\n  overflow: hidden;\n  top: 0; }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .redFinish {\n      height: 1000px;\n      right: -233px; } }\n  @media (max-width: 641px) {\n    .redFinish {\n      right: -397px;\n      transform: skew(-22deg); } }\n\n.wave2 {\n  position: absolute;\n  width: 100%;\n  top: 21%;\n  z-index: 1; }\n  @media (max-width: 800px) {\n    .wave2 {\n      width: 152%;\n      top: 19%;\n      left: -31%; } }\n  @media (max-width: 641px) {\n    .wave2 {\n      display: none; } }\n\n.redFinish::before {\n  content: \"\";\n  position: absolute;\n  width: 998px;\n  background: url(../images/linesbg.png) no-repeat;\n  display: block;\n  height: 100vh;\n  transform: skew(26.5deg);\n  background-size: 181%;\n  right: 9px;\n  z-index: 1000; }\n\n.question_questionnaire {\n  position: relative;\n  z-index: 1;\n  font-size: 24px;\n  text-align: left;\n  line-height: 25px;\n  font-family: proxima_nova_altextrabold;\n  transition: all .3s ease; }\n  .question_questionnaire span {\n    font-family: proxima_nova_alt_rgregular; }\n  @media (max-width: 641px) {\n    .question_questionnaire {\n      font-size: 22px;\n      text-align: center;\n      line-height: 22px; } }\n  .question_questionnaire.questionActive {\n    font-size: 14px;\n    text-align: left; }\n\n.questionnaireSearchTracks {\n  height: 199px;\n  overflow-y: scroll;\n  width: 100% !important;\n  padding: 0px 3.7%; }\n\n.questionnaireSearchTracks::-webkit-scrollbar {\n  width: 3px;\n  /* for vertical scrollbars */\n  height: 12px;\n  /* for horizontal scrollbars */ }\n\n.questionnaireSearchTracks::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1); }\n\n.questionnaireSearchTracks::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.5); }\n\n.line.chosenSong {\n  position: relative;\n  z-index: 1;\n  font-size: 47px;\n  font-family: sansa_problackitalic;\n  line-height: 49px;\n  text-align: center;\n  padding-top: 24px;\n  text-transform: uppercase; }\n  @media (max-width: 641px) {\n    .line.chosenSong {\n      line-height: 32px;\n      font-size: 30px; } }\n\n.linez {\n  width: 80px;\n  height: 2px;\n  background: #fff;\n  display: block;\n  position: absolute;\n  left: 28px;\n  top: 27px; }\n  @media (max-width: 641px) {\n    .linez {\n      top: 17.5px;\n      width: 39px; } }\n  @media (max-width: 321px) {\n    .linez {\n      display: none; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {\n    .linez {\n      top: 21.5px;\n      width: 39px; } }\n  .linez.right {\n    right: 28px;\n    left: auto; }\n\n.finalAnswersWrapper {\n  position: relative;\n  z-index: 1;\n  width: 360px;\n  margin: 0 auto;\n  border: 2px solid #fff;\n  padding: 18px 35px 16px;\n  background: #ef168b;\n  background: -moz-linear-gradient(-45deg, #ef168b 0%, #ef168b 50%, #d4d32f 50%, #d4d32f 50%, #d4d32f 100%);\n  background: -webkit-linear-gradient(-45deg, #ef168b 0%, #ef168b 50%, #d4d32f 50%, #d4d32f 50%, #d4d32f 100%);\n  background: linear-gradient(135deg, #ef168b 0%, #ef168b 50%, #d4d32f 50%, #d4d32f 50%, #d4d32f 100%);\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef168b', endColorstr='#d4d32f',GradientType=1 );\n  text-align: center; }\n  @media (max-width: 641px) {\n    .finalAnswersWrapper {\n      font-size: 16px;\n      width: 265px;\n      padding: 12px 17px 13px; } }\n  @media (max-width: 321px) {\n    .finalAnswersWrapper {\n      width: 237px; } }\n  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) {\n    .finalAnswersWrapper {\n      padding: 12px 17px 12px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\n    .finalAnswersWrapper {\n      padding: 12px 17px 12px; } }\n\n.interviewlogo {\n  width: 95px;\n  padding-top: 12px; }\n  @media (max-width: 641px) {\n    .interviewlogo {\n      width: 67px; } }\n  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) {\n    .interviewlogo {\n      width: 80px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\n    .interviewlogo {\n      width: 80px; } }\n\n.linezbot {\n  position: absolute;\n  bottom: 33px;\n  left: 27px;\n  width: 80px;\n  height: 2px;\n  background: #fff; }\n  @media (max-width: 641px) {\n    .linezbot {\n      bottom: 26px;\n      width: 39px; } }\n  @media (max-width: 321px) {\n    .linezbot {\n      display: none; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {\n    .linezbot {\n      bottom: 28px;\n      width: 39px; } }\n  .linezbot.right {\n    left: auto;\n    right: 27px; }\n\n.finalAnswerTitle {\n  font-family: sansa_problack;\n  font-size: 30px;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  padding-bottom: 12px; }\n  .finalAnswerTitle img {\n    width: 80px; }\n  @media (max-width: 641px) {\n    .finalAnswerTitle {\n      padding-bottom: 2px;\n      border-bottom: none;\n      border-style: none; } }\n\n.singleAnswer {\n  font-family: sansa_problackitalic;\n  font-size: 20px;\n  text-transform: uppercase;\n  color: #000;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n  @media (max-width: 641px) {\n    .singleAnswer {\n      font-size: 14px; } }\n  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) {\n    .singleAnswer {\n      font-size: 16px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\n    .singleAnswer {\n      font-size: 16px; } }\n\n.singleQuestion {\n  font-family: sansa_problack;\n  font-size: 10px; }\n  @media (max-width: 641px) {\n    .singleQuestion {\n      font-size: 10px;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis; } }\n\n.singleWrapperAnswers {\n  line-height: 18px;\n  padding: 0 0 9px; }\n  @media (max-width: 641px) {\n    .singleWrapperAnswers {\n      padding: 5px 0 0;\n      font-size: 14px;\n      border-bottom: none;\n      border-style: none;\n      line-height: 15px; } }\n  @media (max-width: 321px) {\n    .singleWrapperAnswers {\n      line-height: 15px; } }\n  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) {\n    .singleWrapperAnswers {\n      line-height: 16px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\n    .singleWrapperAnswers {\n      line-height: 16px; } }\n\n.finalAnswerWrap {\n  padding-top: 120px !important; }\n  @media (max-width: 321px) {\n    .finalAnswerWrap {\n      padding-top: 63px !important; } }\n\n.start {\n  position: relative;\n  background: url(../images/mainbackground.png) no-repeat;\n  background-size: cover;\n  height: 100vh;\n  background-position: 100% 100%; }\n  @media (max-width: 641px) {\n    .start {\n      background: url(../images/mainbackgroundmobileTEMP.png) no-repeat;\n      background-size: cover !important; } }\n\n@media (max-width: 641px) {\n  .brHide {\n    display: none; } }\n\n.quiz {\n  height: 100vh;\n  background: #4C2F6F url(../images/linesbg.png) no-repeat;\n  background-size: cover;\n  overflow: hidden; }\n  @media (max-width: 641px) {\n    .quiz {\n      background: url(../images/startquizbgmobileTEMP.png) no-repeat;\n      background-size: cover !important; } }\n\n.timerwrapper {\n  width: 100%;\n  position: relative;\n  text-align: right;\n  top: -50px; }\n  @media (max-width: 769px) {\n    .timerwrapper {\n      top: -2px; } }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .timerwrapper {\n      top: -20px; } }\n  .timerwrapper #timer {\n    font-size: 28px;\n    font-family: proxima_nova_altextrabold;\n    left: 100%; }\n    @media (max-width: 769px) {\n      .timerwrapper #timer {\n        font-size: 16px; } }\n  .timerwrapper #clock {\n    position: absolute;\n    right: 0;\n    top: 5px; }\n    @media (max-width: 769px) {\n      .timerwrapper #clock {\n        position: absolute;\n        top: 0; } }\n    .timerwrapper #clock img {\n      width: 28px; }\n  .timerwrapper .currentQ {\n    color: #b3b3b3;\n    font-family: proxima_nova_alt_rgregular;\n    font-size: 28px;\n    position: absolute;\n    left: 0; }\n    @media (max-width: 769px) {\n      .timerwrapper .currentQ {\n        font-size: 16px; } }\n\n@media (max-width: 641px) {\n  .quizwave {\n    display: none; } }\n\n.timerfix {\n  position: relative;\n  display: inline-block;\n  right: -15px; }\n  @media (max-width: 769px) {\n    .timerfix {\n      right: -30px; } }\n\n.question {\n  width: 500px;\n  max-width: 100%;\n  margin: 0 auto;\n  padding-top: 55px; }\n  @media (max-width: 641px) {\n    .question {\n      padding-top: 0; } }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .question {\n      padding-top: 0; } }\n  .question .nextQuestion {\n    cursor: pointer;\n    border: 3px solid #fff;\n    color: #fff;\n    display: inline-block;\n    float: right;\n    padding: 10px 24px; }\n\n.greenFinish {\n  position: absolute;\n  right: -274px;\n  background: RGBA(72, 237, 174, 1);\n  width: 469px;\n  height: 100vh;\n  transform: skew(-27deg);\n  overflow: hidden; }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .greenFinish {\n      right: -230px;\n      height: 1000px; } }\n  @media (max-width: 641px) {\n    .greenFinish {\n      right: -397px;\n      transform: skew(-22deg); } }\n\n.greenFinish::before {\n  content: \"\";\n  position: absolute;\n  width: 998px;\n  background: url(../images/linesbg.png) no-repeat;\n  display: block;\n  height: 100vh;\n  transform: skew(26.5deg);\n  background-size: 181%;\n  right: 9px;\n  z-index: 1000; }\n\n.animateQuiz {\n  z-index: 5;\n  position: relative; }\n  .animateQuiz.active {\n    z-index: 0; }\n  @media (max-width: 641px) {\n    .animateQuiz {\n      padding-top: 5px; } }\n\n.alternative {\n  position: relative;\n  color: #fff;\n  font-size: 20px;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: .3s opacity ease; }\n  @media (max-width: 641px) {\n    .alternative {\n      font-size: 16px; } }\n  @media (max-width: 321px) {\n    .alternative {\n      font-size: 11px; } }\n  .alternative .single {\n    width: 100%;\n    padding: 15px 16px 13px 25px;\n    display: block;\n    z-index: 10;\n    background: RGBA(44, 43, 52, .9);\n    margin-bottom: 8px;\n    transition: .2s ease; }\n    @media (min-width: 769px) {\n      .alternative .single:hover {\n        color: #322E3B;\n        background: RGBA(255, 255, 255, .5); } }\n    @media (max-width: 641px) {\n      .alternative .single {\n        padding: 11px 16px 9px 25px; } }\n    .alternative .single.singleBool {\n      background: RGBA(44, 43, 52, 0); }\n      .alternative .single.singleBool:hover {\n        color: #fff; }\n    .alternative .single .inner_single {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 0;\n      left: 50%;\n      z-index: 1; }\n      .alternative .single .inner_single.error {\n        background: RGBA(209, 27, 31, 0.9);\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        width: 100%;\n        animation: animateWrongAnswer .8s; }\n      .alternative .single .inner_single.nonAnswered {\n        background: RGBA(44, 43, 52, .5) !important;\n        width: 100%;\n        left: 0; }\n      .alternative .single .inner_single.showRightAnswer {\n        border: 3px solid #568343;\n        background: RGBA(44, 43, 52, .9) !important;\n        left: 0;\n        right: 0;\n        width: 100%;\n        transition: border .5s ease; }\n        @media (max-width: 641px) {\n          .alternative .single .inner_single.showRightAnswer {\n            border: 2px solid #568343; } }\n      .alternative .single .inner_single.correct {\n        background: RGBA(86, 131, 67, 0.9);\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        width: 100%;\n        animation: animateRightAnswer 1s; }\n    .alternative .single span {\n      position: relative;\n      display: block;\n      z-index: 2; }\n\n@keyframes animateWrongAnswer {\n  0% {\n    width: 0; }\n\n  30% {\n    width: 100%; }\n\n  40% {\n    width: 90%; }\n\n  50% {\n    width: 100%; }\n\n  60% {\n    width: 90%; }\n\n  70% {\n    width: 100%; }\n\n  90% {\n    width: 90%; }\n\n  100% {\n    width: 100%; } }\n\n@keyframes animateRightAnswer {\n  0% {\n    width: 0; }\n\n  20% {\n    width: 100%; }\n\n  40% {\n    width: 90%; }\n\n  100% {\n    width: 100%; } }\n\n.yourScore {\n  font-size: 28px;\n  font-family: proxima_nova_altextrabold;\n  text-align: center;\n  padding-bottom: 25px;\n  position: relative; }\n  @media (max-width: 641px) {\n    .yourScore {\n      font-size: 16px; } }\n  @media (max-width: 641px) {\n    .yourScore {\n      padding-bottom: 7px; } }\n\n.noposition {\n  padding-top: 100px !important; }\n  @media (max-width: 641px) {\n    .noposition {\n      padding-top: 80px !important; } }\n  @media (max-width: 321px) {\n    .noposition {\n      padding-top: 65px !important; } }\n\n.playlist {\n  overflow: hidden;\n  position: relative;\n  background: url(../images/playlistbg.png) no-repeat;\n  background-size: cover;\n  height: 100vh;\n  background-position: center 76%; }\n  @media (max-width: 641px) {\n    .playlist {\n      background: url(../images/playlistmobileTEMP.png) no-repeat;\n      background-size: cover !important; } }\n\n.playlistWrap {\n  padding-top: 128px !important; }\n  @media (max-width: 321px) {\n    .playlistWrap {\n      padding-top: 58px !important; } }\n\n@media (max-height: 700px) and (min-width: 769px) {\n  .playlistholder {\n    top: -34px; } }\n\n.yellowFinish {\n  position: absolute;\n  right: -274px;\n  background: RGBA(216, 216, 53, 1);\n  width: 469px;\n  height: 100vh;\n  transform: skew(-27deg);\n  overflow: hidden;\n  top: 0; }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .yellowFinish {\n      height: 1000px; } }\n  @media (max-width: 641px) {\n    .yellowFinish {\n      right: -397px;\n      transform: skew(-22deg); } }\n\n.thtab {\n  width: 93%;\n  margin: 0 auto;\n  border-bottom: 1px solid #2D2D2D; }\n\n.thnum {\n  color: #a0a0a0;\n  padding: 10px 0 1px; }\n\n.thtrack {\n  text-align: left;\n  position: relative;\n  left: 8px; }\n\n.thartist {\n  position: relative;\n  left: 6px; }\n\n.thnumber {\n  text-align: right;\n  position: relative;\n  right: 4px; }\n\n.yellowFinish::before {\n  content: \"\";\n  position: absolute;\n  width: 998px;\n  background: url(../images/linesbg.png) no-repeat;\n  display: block;\n  height: 100vh;\n  transform: skew(26.5deg);\n  background-size: 181%;\n  right: 9px;\n  z-index: 1000; }\n\n.formtext {\n  width: 93%;\n  margin: 21px auto 10px;\n  background: #fff;\n  border-radius: 15px;\n  color: #000;\n  padding: 0 8px; }\n\n.playlistTitleWrap {\n  text-align: center;\n  position: relative;\n  z-index: 1; }\n\n.playlistTitle {\n  font-size: 21px;\n  font-family: sansa_problackitalic;\n  text-transform: uppercase;\n  text-decoration: underline;\n  letter-spacing: 1px;\n  display: inline-block; }\n  @media (max-width: 641px) {\n    .playlistTitle {\n      font-size: 16px; } }\n  .playlistTitle.spec {\n    text-decoration: none;\n    line-height: 23px;\n    padding-bottom: 12px;\n    border-bottom: 7px solid #fff;\n    text-align: left; }\n    @media (max-width: 641px) {\n      .playlistTitle.spec {\n        border-bottom: 5px solid #fff;\n        line-height: 16px; } }\n    @media (max-width: 321px) {\n      .playlistTitle.spec {\n        font-size: 14px;\n        line-height: 15px;\n        padding-bottom: 5px; } }\n\n.playlistTitleMain {\n  font-size: 42px !important;\n  font-family: sansa_problackitalic;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  display: inline-block; }\n  @media (max-width: 641px) {\n    .playlistTitleMain {\n      font-size: 25px !important; } }\n  @media (max-width: 321px) {\n    .playlistTitleMain {\n      font-size: 22px !important; } }\n\n.tracksboxwrapper {\n  width: 100%;\n  background: #171717;\n  height: 247px;\n  margin-top: 15px;\n  overflow-y: scroll;\n  font-family: proxima_nova_alt_rgregular; }\n  @media (max-width: 641px) {\n    .tracksboxwrapper {\n      height: 188px;\n      margin-top: 11px; } }\n  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n    .tracksboxwrapper {\n      height: 150px; } }\n\n.tracksboxwrapper::-webkit-scrollbar {\n  width: 3px;\n  /* for vertical scrollbars */\n  height: 12px;\n  /* for horizontal scrollbars */ }\n\n.tracksboxwrapper::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1); }\n\n.tracksboxwrapper::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.5); }\n\n.playlisttracks {\n  position: absolute;\n  top: 50px;\n  width: 100% !important;\n  text-align: left;\n  padding: 0 18px 0;\n  height: 252px;\n  overflow-y: scroll;\n  margin: 10px auto !important;\n  cursor: pointer; }\n  @media (max-width: 641px) {\n    .playlisttracks {\n      height: 201px;\n      top: 32px; } }\n  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n    .playlisttracks {\n      height: 152px;\n      top: 32px; } }\n\n.playlisttracks::-webkit-scrollbar {\n  width: 3px;\n  /* for vertical scrollbars */\n  height: 12px;\n  /* for horizontal scrollbars */ }\n\n.playlisttracks::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1); }\n\n.playlisttracks::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.5); }\n\n.firstth {\n  width: 210px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block; }\n  @media (max-width: 641px) {\n    .firstth {\n      width: 124px; } }\n\n.secondth {\n  width: 160px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n  padding-left: 20px; }\n  @media (max-width: 641px) {\n    .secondth {\n      width: 125px; } }\n  @media (max-width: 321px) {\n    .secondth {\n      padding-left: 9px;\n      width: 87px; } }\n\n.thirdth {\n  cursor: pointer; }\n  .thirdth img {\n    transition: .3s opacity ease; }\n    .thirdth img:hover {\n      opacity: .5; }\n\n.trackplaylist {\n  background: none !important;\n  border-bottom: 1px solid #282828;\n  padding: 10px 8px !important; }\n  @media (max-width: 641px) {\n    .trackplaylist {\n      padding: 4px 8px !important; } }\n\ntable tr th {\n  font-size: 14px;\n  font-family: proxima_nova_alt_semibold; }\n  @media (max-width: 641px) {\n    table tr th {\n      font-size: 12px; } }\n\n.themeForToday {\n  font-size: 18px;\n  font-family: proxima_nova_altextrabold;\n  padding-bottom: 16px; }\n  @media (max-width: 641px) {\n    .themeForToday {\n      padding-bottom: 5px; } }\n  @media (max-width: 321px) {\n    .themeForToday {\n      font-size: 12px;\n      padding-bottom: 2px; } }\n\n.form {\n  position: relative;\n  height: 100vh;\n  background: url(../images/contactbgTEMP.png) no-repeat;\n  background-size: cover;\n  background-position: center 76%;\n  overflow: hidden;\n  z-index: 3; }\n  .form.active {\n    z-index: 0; }\n  @media (max-width: 641px) {\n    .form {\n      background: url(../images/contactbgmobileTEMP.png) no-repeat;\n      background-size: cover; } }\n\n.contactTitles {\n  position: relative;\n  z-index: 1;\n  font-size: 17px;\n  font-family: proxima_nova_altextrabold; }\n  @media (max-width: 641px) {\n    .contactTitles {\n      font-size: 11px; } }\n\n.checkboxwrap {\n  font-size: 10px;\n  font-family: proxima_nova_altextrabold;\n  line-height: 12px;\n  padding-top: 12px; }\n\n.checkboxtext {\n  position: relative;\n  left: 39px;\n  top: 4px; }\n\n.textboxtextunder {\n  position: relative;\n  z-index: 1;\n  font-size: 10px;\n  font-family: proxima_nova_altextrabold;\n  line-height: 12px;\n  left: 42px;\n  width: 91%;\n  top: 3px; }\n\n/* Base for label styling */\n[type=\"checkbox\"]:not(:checked), [type=\"checkbox\"]:checked {\n  position: absolute;\n  left: -9999px; }\n\n[type=\"checkbox\"]:not(:checked) + label, [type=\"checkbox\"]:checked + label {\n  position: relative;\n  cursor: pointer;\n  z-index: 1; }\n\n/* checkbox aspect */\n[type=\"checkbox\"]:not(:checked) + label:before, [type=\"checkbox\"]:checked + label:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 6px;\n  width: 30px;\n  height: 30px;\n  border: 2px solid #fff;\n  border-radius: 0px; }\n\n/* checked mark aspect */\n[type=\"checkbox\"]:not(:checked) + label:after, [type=\"checkbox\"]:checked + label:after {\n  content: '✔';\n  position: absolute;\n  top: 8px;\n  left: 4px;\n  font-size: 30px;\n  line-height: 0.8;\n  color: #fff !important;\n  transition: all .2s; }\n\n/* checked mark aspect changes */\n[type=\"checkbox\"]:not(:checked) + label:after {\n  opacity: 0;\n  transform: scale(0); }\n\n[type=\"checkbox\"]:checked + label:after {\n  opacity: 1;\n  transform: scale(1); }\n\n/* disabled checkbox */\n[type=\"checkbox\"]:disabled:not(:checked) + label:before, [type=\"checkbox\"]:disabled:checked + label:before {\n  box-shadow: none;\n  border-color: #bbb;\n  background-color: #ddd; }\n\n[type=\"checkbox\"]:disabled:checked + label:after {\n  color: #999; }\n\n[type=\"checkbox\"]:disabled + label {\n  color: #aaa; }\n\n/* accessibility */\n[type=\"checkbox\"]:checked:focus + label:before, [type=\"checkbox\"]:not(:checked):focus + label:before {\n  border: 1px dotted blue; }\n\n/* hover style just for information */\n.contactinput {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  margin-bottom: 10px;\n  border: 1px solid #fff;\n  color: #5f5f5f;\n  font-size: 16px;\n  font-family: proxima_nova_alt_rgregular;\n  font-style: italic;\n  padding: 7px 10px;\n  background: #fff;\n  border: 0;\n  appearance: none;\n  border-radius: 0;\n  margin: 12px 0; }\n  .contactinput.contactawrrow {\n    background: url(../images/arrowdown.png) 96% 56% no-repeat #fff;\n    background-size: 20px; }\n    @media (max-width: 641px) {\n      .contactinput.contactawrrow {\n        background-size: 20px; } }\n  @media (max-width: 641px) {\n    .contactinput {\n      font-size: 10px;\n      margin-bottom: 0; } }\n  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n    .contactinput {\n      margin: 5px 0; } }\n\n::-webkit-input-placeholder {\n  color: #5f5f5f; }\n\nselect.contactinput {\n  border-radius: 0;\n  color: #5f5f5f;\n  box-shadow: none;\n  appearance: none;\n  border-radius: 0; }\n\n@media (max-width: 641px) {\n  .resume {\n    display: none; } }\n\n.contactinnerwrap {\n  position: relative;\n  padding-top: 12px; }\n  .contactinnerwrap .item {\n    float: left;\n    width: 50%;\n    position: relative; }\n    @media (max-width: 641px) {\n      .contactinnerwrap .item.first {\n        display: none; } }\n    .contactinnerwrap .item.two {\n      text-align: right; }\n      @media (max-width: 641px) {\n        .contactinnerwrap .item.two {\n          text-align: left; } }\n    .contactinnerwrap .item .uploadwrap {\n      position: relative;\n      z-index: 1;\n      overflow: hidden;\n      background: #fff;\n      width: 94%;\n      padding: 7px 4px;\n      font-style: italic; }\n      @media (max-width: 641px) {\n        .contactinnerwrap .item .uploadwrap {\n          display: none; } }\n      .contactinnerwrap .item .uploadwrap span {\n        width: 100%;\n        background: #fff;\n        color: #5f5f5f;\n        font-size: 16px;\n        font-family: proxima_nova_alt_rgregular;\n        padding: 7px 10px; }\n        @media (max-width: 641px) {\n          .contactinnerwrap .item .uploadwrap span {\n            font-size: 10px; } }\n    .contactinnerwrap .item img {\n      cursor: pointer;\n      width: 80%;\n      position: relative;\n      z-index: 1; }\n\n#fileToUpload {\n  font-style: italic;\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin: 0;\n  padding: 0;\n  font-size: 20px;\n  cursor: pointer;\n  opacity: 0;\n  filter: alpha(opacity=0); }\n\n/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */\n/*\n * Normalization\n */\n:root {\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  overflow-y: scroll;\n  -webkit-text-size-adjust: 100%; }\n\naudio:not([controls]) {\n  display: none; }\n\nbutton {\n  overflow: visible; }\n\ndetails {\n  display: block; }\n\ninput[type=\"number\"] {\n  width: auto; }\ninput[type=\"search\"] {\n  -webkit-appearance: textfield; }\n  input[type=\"search\"]::-webkit-search-cancel-button, input[type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none; }\n\nmain {\n  display: block; }\n\nsummary {\n  display: block; }\n\npre {\n  overflow: auto; }\n\nprogress {\n  display: inline-block; }\n\nsmall {\n  font-size: 75%; }\n\ntemplate {\n  display: none; }\n\ntextarea {\n  overflow: auto; }\n\n[hidden] {\n  display: none; }\n\n/*\n * Universal inheritance\n */\n*, ::before, ::after {\n  box-sizing: inherit; }\n\n* {\n  font-size: inherit;\n  line-height: inherit; }\n\n::before, ::after {\n  text-decoration: inherit;\n  vertical-align: inherit; }\n\n/*\n * Opinionated defaults\n */\n*, ::before, ::after {\n  border-style: solid;\n  border-width: 0; }\n\n* {\n  margin: 0;\n  padding: 0; }\n\n:root {\n  box-sizing: border-box;\n  cursor: default;\n  font: 100%/1.5 sans-serif;\n  text-rendering: optimizeLegibility; }\n\nhtml {\n  background-color: #FFFFFF;\n  color: #000000; }\n\na {\n  text-decoration: none; }\n\naudio, canvas, iframe, img, svg, video {\n  vertical-align: middle; }\n\nbutton, input, select, textarea {\n  background-color: transparent; }\n\nbutton, input, select, textarea {\n  color: inherit;\n  font-family: inherit;\n  font-style: inherit;\n  font-weight: inherit; }\n\nbutton, [type=\"button\"], [type=\"date\"], [type=\"datetime\"], [type=\"datetime-local\"], [type=\"email\"], [type=\"month\"], [type=\"number\"], [type=\"password\"], [type=\"reset\"], [type=\"search\"], [type=\"submit\"], [type=\"tel\"], [type=\"text\"], [type=\"time\"], [type=\"url\"], [type=\"week\"], select, textarea {\n  min-height: 1.5em; }\n\ncode, kbd, pre, samp {\n  font-family: monospace, monospace; }\n\nnav ol, nav ul {\n  list-style: none; }\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none; }\n  select::-ms-expand {\n    display: none; }\n  select::-ms-value {\n    color: currentColor; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\ntextarea {\n  resize: vertical; }\n\n::selection {\n  background-color: #B3D4FC;\n  color: #4c2b03;\n  text-shadow: none; }\n\n[aria-busy=\"true\"] {\n  cursor: progress; }\n\n[aria-controls] {\n  cursor: pointer; }\n\n[aria-disabled] {\n  cursor: default; }\n\n[hidden][aria-hidden=\"false\"] {\n  clip: rect(0 0 0 0);\n  display: inherit;\n  position: absolute; }\n  [hidden][aria-hidden=\"false\"]:focus {\n    clip: auto; }\n\n* {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n*, *:before, *:after {\n  -moz-box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box; }\n\n.clearfix {\n  clear: both; }\n\ntextarea, input {\n  outline: none; }\n\ninput {\n  -webkit-appearance: none;\n  box-shadow: none !important; }\n\n.overlay {\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n  z-index: 2;\n  transition: .3s opacity ease; }\n  .overlay.active {\n    opacity: 1; }\n\n.aboutInnerWrap {\n  width: 29%;\n  height: 325px;\n  position: absolute;\n  z-index: 100;\n  left: 0%;\n  top: 50%;\n  margin-top: -225.5px;\n  min-width: 451px;\n  left: -100%;\n  opacity: 0;\n  transition: .3s left ease; }\n  @media (max-width: 641px) {\n    .aboutInnerWrap {\n      min-width: 89%; } }\n  @media (max-width: 641px) {\n    .aboutInnerWrap {\n      top: 70px;\n      margin-top: auto; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {\n    .aboutInnerWrap {\n      top: 115px; } }\n  .aboutInnerWrap.active {\n    opacity: 1;\n    left: 6%; }\n  .aboutInnerWrap .aboutTitle {\n    width: 601px;\n    color: #fff;\n    font-style: italic;\n    font-family: 'sansa_problackitalic';\n    text-transform: uppercase; }\n    .aboutInnerWrap .aboutTitle .titleimg {\n      width: 200px;\n      margin: 0 auto;\n      padding: 10px 0 20px; }\n    @media (max-width: 641px) {\n      .aboutInnerWrap .aboutTitle {\n        font-size: 66px;\n        width: 100%; } }\n  .aboutInnerWrap .aboutText {\n    color: #fff;\n    font-size: 14px;\n    font-family: proxima_nova_alt_semibold; }\n    .aboutInnerWrap .aboutText a {\n      color: #fff;\n      text-decoration: underline; }\n      .aboutInnerWrap .aboutText a:hover {\n        opacity: .7; }\n    @media (max-width: 641px) {\n      .aboutInnerWrap .aboutText {\n        font-size: 12px;\n        line-height: 15px; } }\n\n.abouttitle {\n  color: #fff;\n  font-size: 46px;\n  font-family: sansa_problackitalic;\n  text-transform: uppercase;\n  padding-bottom: 15px; }\n  @media (max-width: 641px) {\n    .abouttitle {\n      font-size: 32px;\n      padding-bottom: 3px; } }\n\n.hidden {\n  display: none; }\n\n.container {\n  overflow: hidden; }\n\ninput {\n  border: 1px solid #000000; }\n\n.skewwrap {\n  z-index: 55; }\n\n.aboutskew {\n  width: 100%;\n  z-index: 3;\n  height: 100%;\n  position: relative;\n  left: -100%;\n  transition: .3s left ease; }\n  .aboutskew.active {\n    left: 0; }\n\n#app {\n  height: 100vh;\n  overflow: hidden; }\n  #app .filtrLogo {\n    position: absolute;\n    left: 6%;\n    top: 5%;\n    z-index: 40;\n    cursor: pointer; }\n    @media (max-width: 641px) {\n      #app .filtrLogo {\n        top: 4%;\n        left: 5%;\n        width: 47px; } }\n  #app .aboutTheJob {\n    position: absolute;\n    display: block;\n    right: 6%;\n    top: 5%;\n    background: url(../images/aboutthejob.png) no-repeat;\n    background-size: 210px;\n    width: 210px;\n    height: 40px;\n    z-index: 4;\n    cursor: pointer;\n    transition: .3s opacity ease; }\n    #app .aboutTheJob:hover {\n      opacity: .7; }\n    #app .aboutTheJob.active {\n      display: none; }\n    @media (max-width: 641px) {\n      #app .aboutTheJob {\n        background: url(../images/questionmark.png) no-repeat;\n        width: 26px;\n        background-size: 26px;\n        height: 26px;\n        right: 5%;\n        top: 4%; } }\n  #app .close {\n    display: none;\n    position: absolute;\n    right: 6%;\n    top: 5%;\n    cursor: pointer;\n    z-index: 80;\n    width: 210px;\n    height: 40px;\n    background: url(../images/close.png) no-repeat;\n    background-size: 210px;\n    transition: .3s opacity ease; }\n    #app .close:hover {\n      opacity: .7; }\n    @media (max-width: 641px) {\n      #app .close {\n        background: url(../images/aboutX.png) no-repeat;\n        width: 26px;\n        background-size: 26px;\n        height: 26px;\n        top: 4%;\n        right: 5%; } }\n    #app .close.active {\n      display: block; }\n  #app .closeMobile {\n    display: none;\n    position: absolute;\n    right: 6%;\n    top: 7%;\n    cursor: pointer;\n    z-index: 80;\n    width: 35px; }\n    @media (max-width: 641px) {\n      #app .closeMobile.active {\n        display: block; } }\n\n@media (max-width: 321px) {\n  .mobileHide {\n    display: none; } }\n\n.wrap {\n  width: 500px;\n  max-width: 90%;\n  margin: 0 auto;\n  padding-top: 130px;\n  color: #fff; }\n  @media (max-width: 641px) {\n    .wrap {\n      padding-top: 83px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {\n    .wrap {\n      padding-top: 110px; } }\n  .wrap.questionwrap {\n    /*    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n\t        padding-top: 100px;\n\t    }*/ }\n    @media (max-width: 641px) {\n      .wrap.questionwrap {\n        padding-top: 65px; } }\n    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {\n      .wrap.questionwrap {\n        padding-top: 100px; } }\n    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n      .wrap.questionwrap {\n        padding-top: 44px; } }\n  @media (max-height: 700px) and (min-width: 769px) {\n    .wrap.playwrap {\n      padding-top: 106px; } }\n  @media (max-width: 641px) {\n    .wrap.questionnaireBanner {\n      padding-top: 65px; } }\n  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n    .wrap.questionnaireBanner {\n      padding-top: 57px; } }\n  @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {\n    .wrap.questionnaireBanner {\n      padding-top: 90px; } }\n  .wrap .title {\n    position: relative;\n    font-size: 110px;\n    font-family: 'sansa_problackitalic';\n    text-align: center;\n    text-transform: uppercase; }\n    @media (max-width: 769px) {\n      .wrap .title {\n        font-size: 90px;\n        text-align: center; } }\n    @media (max-width: 641px) {\n      .wrap .title {\n        font-size: 67px; } }\n    @media (max-width: 321px) {\n      .wrap .title {\n        font-size: 50px; } }\n    .wrap .title.underline {\n      display: inline-block;\n      font-size: 58px;\n      border-bottom: 7px solid #fff; }\n      @media (max-width: 641px) {\n        .wrap .title.underline {\n          font-size: 34px;\n          border-bottom: 5px solid #fff; } }\n    .wrap .title.contacttitle {\n      font-size: 40px;\n      z-index: 1; }\n      @media (max-width: 641px) {\n        .wrap .title.contacttitle {\n          font-size: 22px; } }\n    .wrap .title.musicQuizTitle {\n      font-size: 79px; }\n      .wrap .title.musicQuizTitle.endviewtitle {\n        font-size: 76px; }\n        @media (max-width: 769px) {\n          .wrap .title.musicQuizTitle.endviewtitle {\n            font-size: 70px; } }\n        @media (max-width: 641px) {\n          .wrap .title.musicQuizTitle.endviewtitle {\n            font-size: 30px; } }\n        @media (max-width: 321px) {\n          .wrap .title.musicQuizTitle.endviewtitle {\n            font-size: 15px; } }\n      @media (max-width: 769px) {\n        .wrap .title.musicQuizTitle {\n          font-size: 70px; } }\n      @media (max-width: 641px) {\n        .wrap .title.musicQuizTitle {\n          font-size: 50px; } }\n      @media (max-width: 321px) {\n        .wrap .title.musicQuizTitle {\n          font-size: 37px; } }\n    .wrap .title.playlistTitle {\n      font-size: 42px; }\n    .wrap .title.quizz {\n      font-size: 29px;\n      text-align: center;\n      padding-bottom: 30px; }\n      @media (max-width: 641px) {\n        .wrap .title.quizz {\n          line-height: 32px;\n          font-size: 18px; } }\n      @media (max-width: 321px) {\n        .wrap .title.quizz {\n          font-size: 16px;\n          padding-bottom: 12px;\n          line-height: 10px; } }\n      .wrap .title.quizz .followupQuestion {\n        font-size: 30px;\n        line-height: 34px;\n        border-bottom: 7px solid #fff;\n        padding-bottom: 7px; }\n        @media (max-width: 641px) {\n          .wrap .title.quizz .followupQuestion {\n            font-size: 18px;\n            line-height: 22px;\n            border-bottom: 5px solid #fff; } }\n        @media (max-width: 321px) {\n          .wrap .title.quizz .followupQuestion {\n            font-size: 12px;\n            line-height: 15px;\n            border-bottom: 4px solid #fff; } }\n  .wrap .text {\n    font-family: 'proxima_nova_alt_semibold'; }\n    .wrap .text.startText {\n      font-size: 18px;\n      line-height: 22px;\n      text-align: center;\n      position: relative;\n      z-index: 5; }\n      .wrap .text.startText.active {\n        z-index: 0; }\n      @media (max-width: 769px) {\n        .wrap .text.startText {\n          font-size: 12px;\n          line-height: 15px;\n          padding-top: 10px;\n          width: 93%;\n          margin: 0 auto; } }\n      @media (max-width: 321px) {\n        .wrap .text.startText {\n          font-size: 12px;\n          line-height: 14px; } }\n    .wrap .text.quiztext {\n      position: relative;\n      text-align: left;\n      padding-top: 50px;\n      font-size: 23px;\n      line-height: 28px;\n      z-index: 10;\n      text-align: center; }\n      .wrap .text.quiztext.utility-width {\n        width: 99%;\n        margin: 0 auto; }\n      .wrap .text.quiztext.active {\n        z-index: 0; }\n      @media (max-width: 641px) {\n        .wrap .text.quiztext {\n          font-size: 14px;\n          line-height: 18px;\n          width: 100%;\n          margin: 0 auto; } }\n      @media (max-width: 321px) {\n        .wrap .text.quiztext {\n          padding-top: 25px; } }\n    @media (max-height: 700px) and (min-width: 769px) {\n      .wrap .text.playlisttext {\n        padding-bottom: 23%; } }\n\n.titleCenterWrap {\n  text-align: center;\n  position: relative;\n  z-index: 1; }\n\n.aboutlinks {\n  color: #fff;\n  text-decoration: underline; }\n  .aboutlinks:hover {\n    opacity: .7; }\n\n.btn {\n  position: absolute;\n  font-size: 26px;\n  color: #fff;\n  border: 3px solid #fff;\n  right: 6%;\n  bottom: 8%;\n  padding: 2px 0;\n  cursor: pointer;\n  font-family: 'proxima_nova_altextrabold';\n  letter-spacing: 3px;\n  text-align: center;\n  width: 210px;\n  transition: background 0.4s ease;\n  transition: color 0.4s ease;\n  z-index: 5;\n  /*  &:hover {\n\t\tcolor: rgba(0, 0, 0, 0);\n\t\tbackground: #fff;\n    } */ }\n  .btn .submitchecktext {\n    display: none;\n    position: absolute;\n    font-size: 10px;\n    right: 16.1%;\n    bottom: 116%;\n    font-family: proxima_nova_altextrabold;\n    letter-spacing: 0px;\n    width: 184px; }\n    @media (max-width: 641px) {\n      .btn .submitchecktext {\n        right: -10.9%; } }\n  @media (max-width: 641px) {\n    .btn {\n      width: 115px;\n      border: 2px solid #fff;\n      font-size: 14px;\n      padding: 0 12px;\n      letter-spacing: 1px;\n      padding: 1px 12px 0; } }\n  @media (max-width: 641px) {\n    .btn.btnMiddle {\n      left: 50%;\n      margin-left: -55.7px; } }\n  .btn:hover {\n    background: #fff;\n    color: #252525; }\n    @media (max-width: 769px) {\n      .btn:hover {\n        background: none;\n        color: #fff; } }\n  .btn.hideBtn {\n    right: -250px; }\n  .btn.active {\n    z-index: 0; }\n  .btn.prev {\n    right: auto;\n    left: 6%; }\n  @media (max-width: 641px) {\n    .btn.mobilePrev {\n      left: auto;\n      margin-left: 0; } }\n  @media (max-width: 641px) {\n    .btn.mobileNext {\n      left: auto;\n      margin-left: 0; } }\n\n.badgewrapper {\n  display: block;\n  position: relative;\n  z-index: 24; }\n  .badgewrapper.active {\n    z-index: 1; }\n  .badgewrapper .resultText {\n    position: relative;\n    font-size: 18px;\n    padding-top: 25px;\n    line-height: 22px;\n    font-family: proxima_nova_alt_semibold; }\n    @media (max-width: 641px) {\n      .badgewrapper .resultText {\n        font-size: 12px;\n        line-height: 12px;\n        text-align: center; } }\n    @media (max-width: 321px) {\n      .badgewrapper .resultText {\n        padding-top: 7px; } }\n    @media (max-height: 700px) and (min-width: 769px) {\n      .badgewrapper .resultText {\n        font-size: 14px;\n        line-height: 19px; } }\n  .badgewrapper .result {\n    position: relative;\n    width: 240px;\n    margin: 0 auto;\n    height: 240px; }\n    @media (max-width: 641px) {\n      .badgewrapper .result {\n        width: 200px;\n        height: 200px;\n        background-size: 200px !important; } }\n    @media (max-width: 321px) {\n      .badgewrapper .result {\n        width: 120px;\n        height: 120px;\n        background-size: 120px !important; } }\n    @media (max-height: 700px) and (min-width: 769px) {\n      .badgewrapper .result {\n        width: 200px;\n        height: 200px; } }\n    .badgewrapper .result.tunedeaf {\n      background: url(../images/tunedeaf.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.tunedeaf {\n          background-size: 200px; } }\n    .badgewrapper .result.mainstreamer {\n      background: url(../images/mainstreamer.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.mainstreamer {\n          background-size: 200px; } }\n    .badgewrapper .result.toplister {\n      background: url(../images/toplister.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.toplister {\n          background-size: 200px; } }\n    .badgewrapper .result.playlistprotege {\n      background: url(../images/playlistprotege.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.playlistprotege {\n          background-size: 200px; } }\n    .badgewrapper .result.musicgenius {\n      background: url(../images/musicgenius.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.musicgenius {\n          background-size: 200px; } }\n    .badgewrapper .result.legend {\n      background: url(../images/legend.png) no-repeat; }\n      @media (max-height: 700px) and (min-width: 769px) {\n        .badgewrapper .result.legend {\n          background-size: 200px; } }\n    .badgewrapper .result .procent {\n      position: absolute;\n      font-size: 64px;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      font-family: sansa_problack; }\n      @media (max-width: 641px) {\n        .badgewrapper .result .procent {\n          font-size: 50px;\n          font-family: sansa_problackitalic; } }\n      @media (max-width: 321px) {\n        .badgewrapper .result .procent {\n          font-size: 32px; } }\n\n.formwrap {\n  text-align: center;\n  background: #212225;\n  margin-top: 70px;\n  padding-bottom: 23px;\n  position: relative;\n  z-index: 15; }\n  @media (max-width: 641px) {\n    .formwrap {\n      margin-top: 25px;\n      padding-bottom: 12px; } }\n  .formwrap ::-webkit-input-placeholder {\n    font-style: italic;\n    font-size: 13px; }\n  .formwrap.active {\n    z-index: 1; }\n  .formwrap.playlistwrap {\n    background: #212225;\n    margin-top: 40px;\n    padding-bottom: 20;\n    position: relative; }\n    @media (max-width: 641px) {\n      .formwrap.playlistwrap {\n        padding-bottom: 16px;\n        margin-top: 12px; } }\n    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n      .formwrap.playlistwrap {\n        padding-bottom: 0; } }\n  .formwrap .formtext {\n    width: 93%;\n    margin: 21px auto 0px;\n    background: #fff;\n    border-radius: 15px;\n    color: #000;\n    font-family: proxima_nova_alt_rgregular;\n    font-size: 12px;\n    padding: 4px 14px; }\n    @media (max-width: 641px) {\n      .formwrap .formtext {\n        margin: 12px auto 0; } }\n  .formwrap .tracks {\n    width: 93%;\n    background: #171717;\n    margin: 0 auto;\n    text-align: left; }\n    .formwrap .tracks.questionnaireSearchTracks {\n      background: #212225; }\n      @media (max-width: 641px) {\n        .formwrap .tracks.questionnaireSearchTracks {\n          height: 152px; } }\n    .formwrap .tracks.questionnairetracks {\n      background: #212225; }\n    .formwrap .tracks .track {\n      background: #2d2e33;\n      padding: 10px 8px;\n      margin: 2px 0;\n      transition: background .3s ease;\n      cursor: pointer; }\n      .formwrap .tracks .track:hover {\n        background: #46474e; }\n      .formwrap .tracks .track .line {\n        line-height: 14px;\n        font-size: 13px; }\n        .formwrap .tracks .track .line.lineone {\n          font-family: proxima_nova_alt_semibold;\n          color: #d0d2d3; }\n        .formwrap .tracks .track .line.linetwo {\n          color: #929497;\n          font-family: proxima_nova_alt_rgregular; }\n\n.net {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 100vh; }\n\n.blackwave {\n  position: absolute;\n  width: 100%;\n  right: -15%;\n  top: 50%;\n  margin-top: -224px; }\n  @media (max-width: 641px) {\n    .blackwave {\n      width: 180%;\n      right: auto; } }\n\n.socialmiddle {\n  margin-left: -70px; }\n\n.socialeft {\n  left: 6% !important; }\n  @media (max-width: 641px) {\n    .socialeft {\n      left: auto !important; } }\n\n#aboutsocial {\n  z-index: 0;\n  left: -100%;\n  transition: .3s left ease; }\n  #aboutsocial.active {\n    z-index: 40;\n    left: 6%; }\n\n.tryagain {\n  left: 6%; }\n  @media (max-width: 641px) {\n    .tryagain {\n      left: 5%;\n      right: auto; } }\n\n.aboutWrapper {\n  display: none;\n  position: absolute;\n  top: 0;\n  height: 100vh;\n  width: 66%;\n  z-index: 55;\n  background: url(../images/aboutbgg.png) no-repeat;\n  overflow: hidden;\n  background-position: right center;\n  min-width: 850px;\n  background-size: cover; }\n  .aboutWrapper.active {\n    display: block; }\n\n.titleimg {\n  width: 70%;\n  margin: 0 auto;\n  padding-bottom: 30px; }\n  @media (max-width: 641px) {\n    .titleimg {\n      padding-bottom: 3%; } }\n\n.socialWrapper {\n  width: 140px;\n  left: 50%; }\n  @media (max-width: 641px) {\n    .socialWrapper {\n      width: auto; } }\n  .socialWrapper.startSocial {\n    left: 6%;\n    margin-left: auto; }\n  .socialWrapper.socialStart {\n    z-index: 40;\n    position: absolute;\n    bottom: 8%; }\n    @media (max-width: 641px) {\n      .socialWrapper.socialStart {\n        right: 14.4%;\n        top: 4%;\n        bottom: auto;\n        left: auto;\n        width: 94px; } }\n    .socialWrapper.socialStart.active {\n      z-index: 0; }\n  .socialWrapper .socialTitle {\n    font-family: proxima_nova_altextrabold;\n    font-size: 30px;\n    color: #fff; }\n    @media (max-width: 641px) {\n      .socialWrapper .socialTitle {\n        display: none; } }\n    .socialWrapper .socialTitle.titleQuiz {\n      font-size: 16px;\n      padding-bottom: 7px; }\n  .socialWrapper .divider {\n    height: 7px;\n    width: 95%;\n    background: #fff;\n    position: relative;\n    top: -6px;\n    margin: 3px 2px; }\n    @media (max-width: 641px) {\n      .socialWrapper .divider {\n        display: none; } }\n  .socialWrapper .iconwrapper .item {\n    float: left;\n    width: 33%;\n    text-align: center;\n    cursor: pointer; }\n    .socialWrapper .iconwrapper .item img {\n      width: 90%; }\n      @media (max-width: 641px) {\n        .socialWrapper .iconwrapper .item img {\n          width: 26px;\n          opacity: .7; } }\n      .socialWrapper .iconwrapper .item img:hover {\n        opacity: .7; }\n\n.wave {\n  position: absolute;\n  top: 29%;\n  z-index: 1; }\n  .wave.leftish {\n    left: 4000px; }\n\n.dana-transition {\n  position: absolute;\n  overflow: hidden;\n  transition: all 0.7s ease;\n  left: 0;\n  top: 0;\n  width: 100%; }\n  @media (max-width: 769px) {\n    .dana-transition {\n      transition: none; } }\n\n/* .dana-enter defines the starting state for entering */\n/* .dana-leave defines the ending state for leaving */\n.dana-enter {\n  left: 100%; }\n\n.dana-leave {\n  left: -100%; }\n\n.quiznavbar {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  top: 52px; }\n  @media (max-width: 641px) {\n    .quiznavbar {\n      display: none; } }\n  .quiznavbar .innerwrapnav {\n    position: relative;\n    width: 221px;\n    margin: 0 auto; }\n    .quiznavbar .innerwrapnav .navbarline {\n      width: 0%;\n      height: 5px;\n      background: #fff;\n      position: absolute;\n      left: 2px;\n      top: 50%;\n      margin-top: -3px;\n      border-radius: 5px; }\n\n.test {\n  background: #212225 !important; }\n\n.thejoblink {\n  text-decoration: underline;\n  transition: opacity .3s ease;\n  cursor: pointer; }\n  .thejoblink:hover {\n    opacity: .7; }\n\ntextarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {\n  outline: 0px !important;\n  appearance: none; }\n\n@font-face {\n  font-family: 'sansa_problack';\n  src: url('fonts/sansapro-black-webfont.eot');\n  src: url('fonts/sansapro-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sansapro-black-webfont.woff2') format('woff2'), url('fonts/sansapro-black-webfont.woff') format('woff'), url('fonts/sansapro-black-webfont.ttf') format('truetype'), url('fonts/sansapro-black-webfont.svg#sansa_problack') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'sansa_problackitalic';\n  src: url('fonts/sansapro-blackitalic-webfont.eot');\n  src: url('fonts/sansapro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sansapro-blackitalic-webfont.woff2') format('woff2'), url('fonts/sansapro-blackitalic-webfont.woff') format('woff'), url('fonts/sansapro-blackitalic-webfont.ttf') format('truetype'), url('fonts/sansapro-blackitalic-webfont.svg#sansa_problackitalic') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'proxima_nova_altextrabold';\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.eot');\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.ttf') format('truetype'), url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.svg#proxima_nova_altextrabold') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'proxima_nova_altthin';\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.eot');\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.ttf') format('truetype'), url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.svg#proxima_nova_altthin') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'proxima_nova_alt_rgregular';\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.eot');\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff'), url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.ttf') format('truetype'), url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.svg#proxima_nova_alt_rgregular') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'proxima_nova_alt_semibold';\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.eot');\n  src: url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.ttf') format('truetype'), url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.svg#proxima_nova_alt_rgregular') format('svg');\n  font-weight: normal;\n  font-style: normal; }\n\n",".questionnaire {\n    overflow: hidden;\n\tposition: relative;\n\t//background: url(../images/questionairebg.png) no-repeat;\n    background: url(../images/questionairebg.png) no-repeat;\n\tbackground-size: cover;\n\theight: 100vh;\n    background-position: center 76%;\n\n    @media (max-height: 700px) and (min-width: 769px) {\n      //  height: auto;\n      //  padding-bottom: 26%;\n    }\n\n\n    @include breakpoint(mobile) {\n        background:url(../images/questionnairemobileTEMP.png) no-repeat;\n        background-size: cover !important;\n\n    }\n}\n\n.redFinish {\n    position: absolute;\n    right: -274px;\n    background: RGBA(239, 20, 138, 1);\n    width: 469px;\n    height: 100vh;\n    transform: skew(-27deg);\n    overflow: hidden;\n    top: 0;\n\n    @media (max-height: 700px) and (min-width: 769px) {\n        height: 1000px;\n        right: -233px;\n    }\n\n    @include breakpoint(mobile) {\n        right: -397px;\n        transform: skew(-22deg);\n    }\n\n}\n\n.wave2 {\n    position: absolute;\n    width: 100%;\n    top: 21%;\n    z-index: 1;\n\n    @media (max-width: 800px) {\n        width: 152%;\n        top: 19%;\n        left: -31%;\n    }\n\n    @include breakpoint(mobile) {\n        display: none;\n    }\n}\n\n.redFinish::before {\n    content: \"\";\n    position: absolute;\n    width: 998px;\n    background: url(../images/linesbg.png) no-repeat;\n    display: block;\n    height: 100vh;\n    transform: skew(26.5deg);\n    background-size: 181%;\n    right: 9px;\n    z-index: 1000;\n}\n\n.question_questionnaire {\n    position: relative;\n    z-index: 1;\n   font-size: 24px;\n    text-align: left;\n    line-height: 25px;\n    font-family: proxima_nova_altextrabold;\n    transition: all .3s ease;\n    span {\n        font-family: proxima_nova_alt_rgregular;\n    }\n\n    @include breakpoint(mobile) {\n        font-size: 22px;\n        text-align: center;\n        line-height: 22px;\n    }\n\n    &.questionActive {\n    \tfont-size: 14px;\n    \ttext-align: left;\n    }\n}\n\n.questionnaireSearchTracks {\n    height: 199px;\n    overflow-y: scroll;\n    width: 100% !important;\n    padding: 0px 3.7%;\n}\n\n//.questionnaireSearchTracks::-webkit-scrollbar { width: 0 !important }\n//.questionnaireSearchTracks { -ms-overflow-style: none; }\n\n.questionnaireSearchTracks::-webkit-scrollbar\n{\n  width: 3px;  /* for vertical scrollbars */\n  height: 12px; /* for horizontal scrollbars */\n}\n\n.questionnaireSearchTracks::-webkit-scrollbar-track\n{\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.questionnaireSearchTracks::-webkit-scrollbar-thumb\n{\n  background: rgba(255, 255, 255, 0.5);\n}\n\n\n.line {\n    &.chosenSong {\n        position: relative;\n        z-index: 1;\n        font-size: 47px;\n        font-family: sansa_problackitalic;\n        line-height: 49px;\n        text-align: center;\n        padding-top: 24px;\n        text-transform: uppercase;\n\n        @include breakpoint(mobile) {\n            line-height: 32px;\n            font-size: 30px;\n        }\n\n    }\n}\n\n\n.linez {\n    width: 80px;\n    height: 2px;\n    background: #fff;\n    display: block;\n    position: absolute;\n    left: 28px;\n    top: 27px;\n\n    @include breakpoint(mobile) {\n        top: 17.5px;\n        width: 39px;\n    }\n\n    @include breakpoint(iphone) {\n        display: none;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n        top: 21.5px;\n        width: 39px;\n    }\n\n    &.right {\n        right: 28px;\n        left: auto;\n    }\n}\n\n.finalAnswersWrapper {\n    position: relative;\n    z-index: 1;\n    width: 360px;\n    margin: 0 auto;\n    border: 2px solid #fff;\n    padding: 18px 35px 16px;\n    background: #ef168b;\n    background: -moz-linear-gradient(-45deg,  #ef168b 0%, #ef168b 50%, #d4d32f 50%, #d4d32f 50%, #d4d32f 100%);\n    background: -webkit-linear-gradient(-45deg,  #ef168b 0%,#ef168b 50%,#d4d32f 50%,#d4d32f 50%,#d4d32f 100%);\n    background: linear-gradient(135deg,  #ef168b 0%,#ef168b 50%,#d4d32f 50%,#d4d32f 50%,#d4d32f 100%);\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef168b', endColorstr='#d4d32f',GradientType=1 );\n\n\n    text-align: center;\n\n    @include breakpoint(mobile) {\n        font-size: 16px;\n        width: 265px;\n        padding: 12px 17px 13px;\n    }\n\n    @include breakpoint(iphone) {\n        width: 237px;\n    }\n\n\n    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {\n       padding: 12px 17px 12px;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {\n       padding: 12px 17px 12px;\n    }\n\n\n\n}\n\n.interviewlogo {\n    width: 95px;\n    padding-top: 12px;\n\n    @include breakpoint(mobile) {\n        width: 67px;\n    }\n\n    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {\n        width: 80px;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {\n        width: 80px;\n    }\n}\n\n.linezbot {\n    position: absolute;\n    bottom: 33px;\n    left: 27px;\n    width: 80px;\n    height: 2px;\n    background: #fff;\n\n\n    @include breakpoint(mobile) {\n        bottom: 26px;\n        width: 39px;\n    }\n\n\n    @include breakpoint(iphone) {\n        display: none;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n        bottom: 28px;\n        width: 39px;\n    }\n\n\n    &.right {\n        left: auto;\n        right: 27px;\n    }\n}\n\n\n.finalAnswerTitle {\n    font-family: sansa_problack;\n    font-size: 30px;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding-bottom: 12px;\n\n    img {\n        width: 80px;\n    }\n\n    @include breakpoint(mobile) {\n        padding-bottom: 2px;\n        border-bottom: none;\n        border-style: none;\n    }\n}\n\n\n.singleAnswer {\n    font-family: sansa_problackitalic;\n    font-size: 20px;\n    text-transform: uppercase;\n    color: #000;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    @include breakpoint(mobile) {\n        font-size: 14px;\n    }\n\n    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {\n        font-size: 16px;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {\n        font-size: 16px;\n    }\n}\n\n\n.singleQuestion {\n    font-family: sansa_problack;\n    font-size: 10px;\n\n    @include breakpoint(mobile) {\n        font-size: 10px;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n}\n\n\n.singleWrapperAnswers {\n    line-height: 18px;\n    padding: 0 0 9px;\n\n    @include breakpoint(mobile) {\n        padding: 5px 0 0;\n        font-size: 14px;\n        border-bottom: none;\n        border-style: none;\n        line-height: 15px;\n    }\n\n    @include breakpoint(iphone) {\n        line-height: 15px;\n    }\n\n    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {\n        line-height: 16px;\n    }\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {\n        line-height: 16px;\n    }\n\n\n}\n\n\n.finalAnswerWrap {\n    padding-top: 120px !important;\n\n    @include breakpoint(iphone) {\n        padding-top: 63px !important;\n    }\n\n\n\n}\n","\n.quiz {\n    height: 100vh;\n\t//background:url(../images/startquizbgTEMP.png) no-repeat;\n\t//background:url(../images/startquizbgTEMP.png) no-repeat;\n\tbackground: #4C2F6F url(../images/linesbg.png) no-repeat;\n\tbackground-size: cover;\n\n    overflow: hidden;\n\n\t@include breakpoint(mobile) {\n\t\tbackground:url(../images/startquizbgmobileTEMP.png) no-repeat;\n\t    background-size: cover !important;\n\t}\n\n\t@media (max-height: 700px) and (min-width: 769px) {\n\t  //  height: auto;\n\t  //  padding-bottom: 14%;\n\t}\n\n}\n\n\n\n.timerwrapper {\n    width: 100%;\n    position: relative;\n    text-align: right;\n    top: -50px;\n\n\t@include breakpoint(tablet) {\n\t \ttop: -2px;\n\t}\n\n\t@media (max-height: 700px) and (min-width: 769px) {\n\t  \ttop: -20px;\n\t}\n\n\n\n\t#timer {\n\t\tfont-size: 28px;\n\t\tfont-family: proxima_nova_altextrabold;\n\t    left: 100%;\n\n\t\t@include breakpoint(tablet) {\n\t\t \tfont-size: 16px;\n\t\t}\n\n\t}\n\n\t#clock {\n\t    position: absolute;\n\t    right: 0;\n\t    top: 5px;\n\n\t\t@include breakpoint(tablet) {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 28px;\n\t\t}\n\n\t}\n\n\t.currentQ {\n\t    color: #b3b3b3;\n\t    font-family: proxima_nova_alt_rgregular;\n\t    font-size: 28px;\n\t    position: absolute;\n\t    left: 0;\n\n\n\t\t@include breakpoint(tablet) {\n\t\t \tfont-size: 16px;\n\t\t}\n\n\t}\n}\n\n.quizwave {\n\t@include breakpoint(mobile) {\n\t\tdisplay: none;\n\t}\n}\n\n.timerfix {\n\tposition: relative;\n\tdisplay: inline-block;\n    right: -15px;\n\n\t@include breakpoint(tablet) {\n    \tright: -30px;\n\t}\n}\n\n.question {\n\twidth: 500px;\n\tmax-width: 100%;\n\tmargin: 0 auto;\n    padding-top: 55px;\n\n\t@include breakpoint(mobile) {\n\t    padding-top: 0;\n\n\t}\n\n\t@media (max-height: 700px) and (min-width: 769px) {\n\t  \tpadding-top: 0;\n\t}\n\n\n\t.nextQuestion {\n\t\tcursor: pointer;\n\t\tborder: 3px solid #fff;\n\t\tcolor: #fff;\n\t\tdisplay: inline-block;\n\t    float: right;\n\t    padding: 10px 24px;\n\t}\n}\n\n.greenFinish {\n    position: absolute;\n    right: -274px;\n    background: RGBA(72,237,174,1);\n    width: 469px;\n    height: 100vh;\n    transform: skew(-27deg);\n    overflow: hidden;\n\n\n\t@media (max-height: 700px) and (min-width: 769px) {\n\t\tright: -230px;\n \t \theight: 1000px;\n\t}\n\n\t@include breakpoint(mobile) {\n        right: -397px;\n        transform: skew(-22deg);\n    }\n\n}\n\n.greenFinish::before {\n    content: \"\";\n    position: absolute;\n    width: 998px;\n    background: url(../images/linesbg.png) no-repeat;\n    display: block;\n    height: 100vh;\n    transform: skew(26.5deg);\n    background-size: 181%;\n    right: 9px;\n    z-index: 1000;\n}\n\n.animateQuiz {\n    z-index: 5;\n    position: relative;\n\n\t&.active {\n\t\tz-index: 0;\n\t}\n\n\t@include breakpoint(mobile) {\n\t  \tpadding-top: 5px;\n\t}\n\n}\n\n.alternative {\n\tposition: relative;\n\tcolor: #fff;\n\tfont-size: 20px;\n\ttext-transform: uppercase;\n  \tcursor: pointer;\n  \ttransition: .3s opacity ease;\n\n\n\t@include breakpoint(mobile) {\n\t  \tfont-size: 16px;\n\t}\n\n\t@include breakpoint(iphone) {\n\t  \tfont-size: 11px;\n\t}\n\n\n  \t.single {\n\t\twidth: 100%;\n    \tpadding: 15px 16px 13px 25px;\n\t\tdisplay: block;\n\t\tz-index: 10;\n\t\tbackground: RGBA(44, 43, 52, .9);\n\t    margin-bottom: 8px;\n    \ttransition: .2s ease;\n\n      \t&:hover {\n\t\t\t@media (min-width: 769px) {\n\t      \t\tcolor: #322E3B;\n\t\t  \t\tbackground: RGBA(255, 255, 255, .5);\n\t\t\t}\n\t  \t}\n\n\n\t\t@include breakpoint(mobile) {\n\t  \t\tpadding: 11px 16px 9px 25px;\n\t\t}\n\n\t    &.singleBool {\n    \t\tbackground: RGBA(44, 43, 52, 0);\n\n    \t\t&:hover {\n\t\t\t\tcolor: #fff;\n    \t\t}\n\t    }\n\n\t\t.inner_single {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\twidth: 0;\n\t\t\tleft: 50%;\n\t\t\tz-index: 1;\n\n\t\t  \t&.error {\n\t\t  \t\tbackground: RGBA(209, 27, 31, 0.9);\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\tanimation: animateWrongAnswer .8s;\n\t\t  \t}\n\n\t\t  \t&.nonAnswered {\n\t\t  \t\tbackground: RGBA(44, 43, 52, .5) !important;\n\t\t  \t\twidth: 100%;\n\t\t  \t\tleft: 0;\n\t\t  \t}\n\n\t\t  \t&.showRightAnswer {\n\t\t  \t\tborder: 3px solid #568343;\n\t\t  \t\tbackground: RGBA(44, 43, 52, .9) !important;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\ttransition: border .5s ease;\n\n\t\t\t\t@include breakpoint(mobile) {\n\t\t\t\t  \tborder: 2px solid #568343;\n\t\t\t\t}\n\t\t  \t}\n\n\t\t  \t&.correct {\n\t\t  \t\tbackground: RGBA(86, 131, 67, 0.9);\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\tanimation: animateRightAnswer 1s;\n\t\t  \t}\n\t\t}\n\n  \t  \tspan {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\tz-index: 2;\n  \t  \t}\n  \t}\n\n}\n\n\n@keyframes animateWrongAnswer {\n\t0% {\n\t\twidth: 0;\n\t}\n\t30% {\n\t\twidth: 100%;\n\t}\n\t40% {\n\t\twidth: 90%;\n\t}\n\t50% {\n\t\twidth: 100%;\n\t}\n\t60% {\n\t\twidth: 90%;\n\t}\n\t70% {\n\t\twidth: 100%;\n\t}\n\t90% {\n\t\twidth: 90%;\n\t}\n\t100% {\n\t\twidth: 100%;\n\t}\n}\n\n\n@keyframes animateRightAnswer {\n\t0% {\n\t\twidth: 0;\n\t}\n\t20% {\n\t\twidth: 100%;\n  \t}\n\t40% {\n\t\twidth: 90%;\n  \t}\n\t100% {\n\t\twidth: 100%;\n  \t}\n}\n\n\n.yourScore {\n\tfont-size: 28px;\n\tfont-family: proxima_nova_altextrabold;\n    text-align: center;\n    padding-bottom: 25px;\n    position: relative;\n\n\t@include breakpoint(mobile) {\n\t  \tfont-size: 16px;\n\t}\n\n\t@include breakpoint(mobile) {\n\t  \tpadding-bottom: 7px;\n\t}\n}\n\n\n\n.noposition {\n    padding-top: 100px !important;\n\n\t@include breakpoint(mobile) {\n  \t    padding-top: 80px!important;\n\t}\n\n\t@include breakpoint(iphone) {\n  \t    padding-top: 65px!important;\n\t}\n\n}\n\n\n\n",".playlist {\n    overflow: hidden;\n\tposition: relative;\n\t//background: url(../images/playlistbg.png) no-repeat;\n\tbackground: url(../images/playlistbg.png) no-repeat;\n\tbackground-size: cover;\n\theight: 100vh;\n    background-position: center 76%;\n\n\n    @media (max-height: 700px) and (min-width: 769px) {\n      //  height: auto;\n      //  padding-bottom: 13%;\n    }\n\n    @include breakpoint(mobile) {\n        background:url(../images/playlistmobileTEMP.png) no-repeat;\n        background-size: cover !important;\n    }\n}\n\n.playlistWrap {\n    padding-top: 128px !important;\n\n    @include breakpoint(iphone) {\n        padding-top: 58px!important;\n    }\n}\n\n.playlistholder {\n    @media (max-height: 700px) and (min-width: 769px) {\n        top: -34px;\n    }\n}\n\n.yellowFinish {\n    position: absolute;\n    right: -274px;\n    background: RGBA(216, 216, 53, 1);\n    width: 469px;\n    height: 100vh;\n    transform: skew(-27deg);\n    overflow: hidden;\n    top: 0;\n\n    @media (max-height: 700px) and (min-width: 769px) {\n        height: 1000px;\n    }\n\n    @include breakpoint(mobile) {\n        right: -397px;\n        transform: skew(-22deg);\n    }\n\n}\n\n\n.thtab {\n    width: 93%;\n    margin: 0 auto;\n    border-bottom: 1px solid #2D2D2D;\n}\n\n\n.thnum {\n    color: #a0a0a0;\n    padding: 10px 0 1px;\n}\n\n.thtrack {\n    text-align: left;\n    position: relative;\n    left: 8px;\n}\n\n.thartist {\n    position: relative;\n    left: 6px;\n}\n\n.thnumber {\n    text-align: right;\n    position: relative;\n    right: 4px;\n}\n\n.yellowFinish::before {\n    content: \"\";\n    position: absolute;\n    width: 998px;\n    background: url(../images/linesbg.png) no-repeat;\n    display: block;\n    height: 100vh;\n    transform: skew(26.5deg);\n    background-size: 181%;\n    right: 9px;\n    z-index: 1000;\n}\n\n.formtext {\n\twidth: 93%;\n    margin: 21px auto 10px;\n\tbackground: #fff;\n    border-radius: 15px;\n\tcolor: #000;\n\tpadding: 0 8px;\n}\n\n.playlistTitleWrap {\n\ttext-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.playlistTitle {\n    font-size: 21px;\n\tfont-family: sansa_problackitalic;\n\ttext-transform: uppercase;\n    text-decoration: underline;\n    letter-spacing: 1px;\n    display: inline-block;\n\n    @include breakpoint(mobile) {\n        font-size: 16px;\n    }\n\n    &.spec {\n        text-decoration: none;\n\t    line-height: 23px;\n        padding-bottom: 12px;\n        border-bottom: 7px solid #fff;\n        text-align: left;\n\n        @include breakpoint(mobile) {\n            border-bottom: 5px solid #fff;\n            line-height: 16px;\n        }\n\n        @include breakpoint(iphone) {\n            font-size: 14px;\n            line-height: 15px;\n            padding-bottom: 5px;\n        }\n    }\n}\n\n.playlistTitleMain {\n\tfont-size: 42px !important;\n\tfont-family: sansa_problackitalic;\n\ttext-transform: uppercase;\n    letter-spacing: 1px;\n    display: inline-block;\n\n\n    @include breakpoint(mobile) {\n        font-size: 25px!important;\n    }\n\n    @include breakpoint(iphone) {\n        font-size: 22px!important;\n    }\n}\n\n\n.tracksboxwrapper {\n\twidth: 100%;\n\tbackground: #171717;\n    height: 247px;\n    margin-top: 15px;\n    overflow-y: scroll;\n    font-family: proxima_nova_alt_rgregular;\n\n    @include breakpoint(mobile) {\n        height: 188px;\n        margin-top: 11px;\n    }\n\n    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n        height: 150px;\n    }\n}\n\n//.tracksboxwrapper::-webkit-scrollbar { width: 0 !important }\n//.tracksboxwrapper { -ms-overflow-style: none; }\n\n.tracksboxwrapper::-webkit-scrollbar\n{\n  width: 3px;  /* for vertical scrollbars */\n  height: 12px; /* for horizontal scrollbars */\n}\n\n.tracksboxwrapper::-webkit-scrollbar-track\n{\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.tracksboxwrapper::-webkit-scrollbar-thumb\n{\n  background: rgba(255, 255, 255, 0.5);\n}\n\n.playlisttracks {\n    position: absolute;\n    top: 50px;\n\twidth: 100% !important;\n\ttext-align: left;\n\tpadding: 0 18px 0;\n    height: 252px;\n    overflow-y: scroll;\n    margin: 10px auto !important;\n    cursor: pointer;\n\n    @include breakpoint(mobile) {\n        height: 201px;\n        top: 32px;\n    }\n\n    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n        height: 152px;\n        top: 32px;\n    }\n\n}\n\n//.playlisttracks::-webkit-scrollbar { width: 0 !important }\n//.playlisttracks { -ms-overflow-style: none; }\n\n\n.playlisttracks::-webkit-scrollbar\n{\n  width: 3px;  /* for vertical scrollbars */\n  height: 12px; /* for horizontal scrollbars */\n}\n\n.playlisttracks::-webkit-scrollbar-track\n{\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.playlisttracks::-webkit-scrollbar-thumb\n{\n  background: rgba(255, 255, 255, 0.5);\n}\n\n.firstth {\n    width: 210px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n\n    @include breakpoint(mobile) {\n        width: 124px;\n    }\n}\n\n.secondth {\n\twidth: 160px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n   \tpadding-left: 20px;\n\n    @include breakpoint(mobile) {\n        width: 125px;\n    }\n\n    @include breakpoint(iphone) {\n        padding-left: 9px;\n        width: 87px;\n    }\n}\n\n.thirdth {\n\tcursor: pointer;\n\n    img {\n        transition: .3s opacity ease;\n        &:hover {\n            opacity: .5;\n        }\n    }\n\n}\n\n.trackplaylist {\n\tbackground: none !important;\n\tborder-bottom: 1px solid #282828;\n\tpadding: 10px 8px !important;\n\n    @include breakpoint(mobile) {\n        padding: 4px 8px!important;\n    }\n\n}\n\ntable {\n\ttr {\n\t\tth {\n\t\t\tfont-size: 14px;\n\t\t\tfont-family: proxima_nova_alt_semibold;\n\n            @include breakpoint(mobile) {\n                font-size: 12px;\n            }\n\t\t}\n\t}\n}\n\n\n.themeForToday {\n    font-size: 18px;\n    font-family: proxima_nova_altextrabold;\n    padding-bottom: 16px;\n\n    @include breakpoint(mobile) {\n        padding-bottom: 5px;\n    }\n\n\n    @include breakpoint(iphone) {\n        font-size: 12px;\n        padding-bottom: 2px;\n    }\n\n\n}\n",".form {\n    position: relative;\n    height: 100vh;\n\t//background:url(../images/startquizbg.png) no-repeat;\n\tbackground:url(../images/contactbgTEMP.png) no-repeat;\n\tbackground-size: cover;\n    background-position: center 76%;\n    overflow: hidden;\n    z-index: 3;\n\n    &.active {\n    \tz-index: 0;\n    }\n\n\n    @media (max-height: 700px) and (min-width: 769px) {\n\t  //  position: relative;\n\t  //  height: auto !important;\n      //  padding-bottom: 8%;\n    }\n\n\n\t@include breakpoint(mobile) {\n\t    background:url(../images/contactbgmobileTEMP.png) no-repeat;\n\t    background-size: cover;\n\t}\n\n\t@include breakpoint(iphone) {\n\n\t}\n\n}\n\n\n\n.contactTitles {\n    position: relative;\n    z-index: 1;\n\tfont-size: 17px;\n\tfont-family: proxima_nova_altextrabold;\n\n\t@include breakpoint(mobile) {\n\t    font-size: 11px;\n\t}\n\n\t&.two {\n\n\t\t@include breakpoint(mobile) {\n\t\t}\n\t}\n}\n\n.checkboxwrap {\n    font-size: 10px;\n    font-family: proxima_nova_altextrabold;\n    line-height: 12px;\n    padding-top: 12px;\n}\n\n.checkboxtext {\n    position: relative;\n    left: 39px;\n    top: 4px;\n}\n\n.textboxtextunder {\n    position: relative;\n    z-index: 1;\n    font-size: 10px;\n    font-family: proxima_nova_altextrabold;\n    line-height: 12px;\n    left: 42px;\n    width: 91%;\n   \ttop: 3px;\n}\n\n/* Base for label styling */\n[type=\"checkbox\"]:not(:checked),\n[type=\"checkbox\"]:checked {\n  position: absolute;\n  left: -9999px;\n}\n[type=\"checkbox\"]:not(:checked) + label,\n[type=\"checkbox\"]:checked + label {\n  position: relative;\n  cursor: pointer;\n  z-index: 1;\n}\n\n/* checkbox aspect */\n[type=\"checkbox\"]:not(:checked) + label:before,\n[type=\"checkbox\"]:checked + label:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 6px;\n    width: 30px;\n    height: 30px;\n    border: 2px solid #fff;\n    border-radius: 0px;\n}\n/* checked mark aspect */\n[type=\"checkbox\"]:not(:checked) + label:after,\n[type=\"checkbox\"]:checked + label:after {\n  content: '✔';\n  position: absolute;\n  top: 8px; left: 4px;\n  font-size: 30px;\n  line-height: 0.8;\n  color: #fff !important;\n  transition: all .2s;\n}\n/* checked mark aspect changes */\n[type=\"checkbox\"]:not(:checked) + label:after {\n  opacity: 0;\n  transform: scale(0);\n}\n[type=\"checkbox\"]:checked + label:after {\n  opacity: 1;\n  transform: scale(1);\n}\n/* disabled checkbox */\n[type=\"checkbox\"]:disabled:not(:checked) + label:before,\n[type=\"checkbox\"]:disabled:checked + label:before {\n  box-shadow: none;\n  border-color: #bbb;\n  background-color: #ddd;\n}\n[type=\"checkbox\"]:disabled:checked + label:after {\n  color: #999;\n}\n[type=\"checkbox\"]:disabled + label {\n  color: #aaa;\n}\n/* accessibility */\n[type=\"checkbox\"]:checked:focus + label:before,\n[type=\"checkbox\"]:not(:checked):focus + label:before {\n  border: 1px dotted blue;\n}\n\n/* hover style just for information */\nlabel:hover:before {\n\n}\n\n.contactinput {\n    position: relative;\n    z-index: 1;\n\twidth: 100%;\n    margin-bottom: 10px;\n\tborder: 1px solid #fff;\n\tcolor: #5f5f5f;\n\tfont-size: 16px;\n\tfont-family: proxima_nova_alt_rgregular;\n\tfont-style: italic;\n    padding: 7px 10px;\n    background: #fff;\n    border: 0;\n\tappearance: none;\n    border-radius: 0;\n    margin: 12px 0;\n\n    &.contactawrrow {\n\t    background: url(../images/arrowdown.png) 96% 56% no-repeat #fff;\n\t    background-size: 20px;\n\n\t\t@include breakpoint(mobile) {\n\t\t    background-size: 20px;\n\t\t}\n\n\n\n    }\n\n\t@include breakpoint(mobile) {\n\t    font-size: 10px;\n        margin-bottom: 0;\n\t}\n\n\t@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n    margin: 5px 0;\n\t}\n\n}\n\n\n::-webkit-input-placeholder {\n\tcolor: #5f5f5f;\n}\n\n\nselect.contactinput {\n\tborder-radius: 0;\n\tcolor: #5f5f5f;\n\tbox-shadow: none;\n\n\tappearance: none;\n    border-radius: 0;\n}\n\n.resume {\n\t@include breakpoint(mobile) {\n\t    display: none;\n\t}\n}\n\n.contactinnerwrap {\n\tposition: relative;\n    padding-top: 12px;\n\n\t.item {\n\t\tfloat: left;\n\t\twidth: 50%;\n\t\tposition: relative;\n\n\t\t&.first {\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    display: none;\n\t\t\t}\n\t\t}\n\n\t\t&.two {\n\t\t\ttext-align: right;\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    text-align: left;\n\t\t\t}\n\n\t\t}\n\n\t    .uploadwrap {\n\t\t    position: relative;\n\t\t    z-index: 1;\n\t\t    overflow: hidden;\n\t\t    background: #fff;\n\t   \t \twidth: 94%;\n\t\t \tpadding: 7px 4px;\n    \t\tfont-style: italic;\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    display: none;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t    width: 100%;\n\t\t\t    background: #fff;\n\t\t\t    color: #5f5f5f;\n\t\t\t    font-size: 16px;\n\t\t\t    font-family: proxima_nova_alt_rgregular;\n\t\t\t    padding: 7px 10px;\n\n\t\t\t\t@include breakpoint(mobile) {\n\t\t\t\t     font-size: 10px;\n\t\t\t\t}\n\t\t\t}\n\t    }\n\n\t    img {\n\t    \tcursor: pointer;\n    \t    width: 80%;\n\t\t    position: relative;\n\t\t    z-index: 1;\n\n\t    }\n\t}\n}\n\n\n#fileToUpload {\n\tfont-style: italic;\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 0;\n    padding: 0;\n    font-size: 20px;\n    cursor: pointer;\n    opacity: 0;\n    filter: alpha(opacity=0);\n\n}\n","@mixin breakpoint($point) {\n\t@if $point == iphone {\n\t\t@media (max-width: 321px) { @content; }\n\t}\n\t@if $point == mobile {\n\t\t@media (max-width: 641px) { @content; }\n\t}\n\t@if $point == tablet {\n\t\t@media (max-width: 769px) { @content; }\n\t}\n\t@else if $point == overtab {\n\t\t@media (max-width: 750px) { @content; }\n\t}\n\t@else if $point == overgrid {\n\t\t@media (max-width: 960px) { @content; }\n\t}\n\t@else if $point == maxtb {\n\t\t@media (max-height: 700px)  { @content; }\n\t}\n\t@if $point == retina {\n\t   @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @content; }\n\t}\n}\n\n@import 'questionnaire/questionnaire';\n@import 'start/start';\n@import 'quiz/quiz';\n@import 'playlist/playlist';\n@import 'linkedin/linkedin';\n@import 'form/form';\n// Put Sanitize overwrites here\n// ---\n\n@import 'vendor/sanitize';\n\n\n\n\n*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\n\n*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }\n\n .clearfix { clear: both; }\n\ntextarea, input { outline: none; }\ninput {-webkit-appearance: none; box-shadow: none !important; }\n\n.overlay {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tz-index: 2;\n\ttransition: .3s opacity ease;\n\n\t&.active {\n\t\topacity: 1;\n\t}\n}\n\n\n.aboutInnerWrap {\n    width: 29%;\n    height: 325px;\n    position: absolute;\n    z-index: 100;\n    left: 0%;\n    top: 50%;\n    margin-top: -225.5px;\n    min-width: 451px;\n\tleft: -100%;\n    opacity: 0;\n\ttransition: .3s left ease;\n\n\t@include breakpoint(mobile) {\n\t \tmin-width: 89%;\n\t}\n\n\t@include breakpoint(mobile) {\n\t \ttop: 70px;\n\t \tmargin-top: auto;\n\t}\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n\t    top: 115px;\n   \t}\n\n\n    &.active {\n    \topacity: 1;\n    \tleft: 6%;\n    }\n\n    .aboutTitle {\n\t    width: 601px;\n\t\tcolor: #fff;\n\t\tfont-style: italic;\n\t\tfont-family: 'sansa_problackitalic';\n\t\ttext-transform: uppercase;\n\n\n\t\t.titleimg {\n\t\t\twidth: 200px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 10px 0 20px;\n\t\t}\n\n\t\t@include breakpoint(mobile) {\n\t\t   font-size: 66px;\n\t\t   width: 100%;\n\t\t}\n    }\n\n    .aboutText {\n    \tcolor: #fff;\n    \tfont-size: 14px;\n    \tfont-family: proxima_nova_alt_semibold;\n\n    \ta {\n    \t\tcolor: #fff;\n    \t\ttext-decoration: underline;\n\n    \t\t&:hover {\n    \t\t\topacity: .7;\n    \t\t}\n    \t}\n\t\t@include breakpoint(mobile) {\n\t\t   font-size: 12px;\n\t\t   line-height: 15px;\n\t\t}\n    }\n}\n\n.abouttitle {\n    color: #fff;\n    font-size: 46px;\n    font-family: sansa_problackitalic;\n    text-transform: uppercase;\n    padding-bottom: 15px;\n\n\t@include breakpoint(mobile) {\n\t   font-size: 32px;\n\t   padding-bottom: 3px;\n\t}\n}\n\n\n.hidden {\n\tdisplay: none;\n}\n\n.container {\n    overflow: hidden;\n}\n\n// Put your main styles here\n\ninput {\n    border: 1px solid #000000;\n}\n\n.skewwrap {\n\tz-index: 55;\n}\n\n\n.aboutskew {\n    width: 100%;\n    z-index: 3;\n    height: 100%;\n    position: relative;\n\tleft: -100%;\n    transition: .3s left ease;\n\n    &.active {\n    \tleft: 0;\n    }\n}\n\n#app {\n    height: 100vh;\n    overflow: hidden;\n\n\t.filtrLogo {\n\t\tposition: absolute;\n\t\tleft: 6%;\n\t\ttop: 5%;\n   \t\tz-index: 40;\n\t\tcursor: pointer;\n\n\t\t@include breakpoint(mobile) {\n\t\t\ttop: 4%;\n\t\t\tleft: 5%;\n    \t\twidth: 47px;\n\t\t}\n\t}\n\n\t.aboutTheJob {\n\t\tposition: absolute;\n\t    display: block;\n\t    right: 6%;\n\t    top: 5%;\n\t    background: url(../images/aboutthejob.png) no-repeat;\n\t    background-size: 210px;\n\t    width: 210px;\n\t    height: 40px;\n\t    z-index: 4;\n\t    cursor: pointer;\n\t    transition: .3s opacity ease;\n\n\t    &:hover {\n\t    \topacity: .7;\n\t    }\n\n\t\t&.active {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include breakpoint(mobile) {\n\t\t    background: url(../images/questionmark.png) no-repeat;\n\t\t    width: 26px;\n\t\t    background-size: 26px;\n\t\t    height: 26px;\n\t\t    right: 5%;\n\t        top: 4%;\n\t\t}\n\t}\n\n\t.close {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tright: 6%;\n\t\ttop: 5%;\n\t\tcursor: pointer;\n\t\tz-index: 80;\n\t    width: 210px;\n\t    height: 40px;\n\t    background: url(../images/close.png) no-repeat;\n\t    background-size: 210px;\n\t\ttransition: .3s opacity ease;\n\n\n\t    &:hover {\n\t    \topacity: .7;\n\t    }\n\n\t\t@include breakpoint(mobile) {\n\t\t\tbackground: url(../images/aboutX.png) no-repeat;\n\t\t    width: 26px;\n\t\t    background-size: 26px;\n\t\t    height: 26px;\n\t        top: 4%;\n\t        right: 5%;\n\t\t}\n\n\t\t&.active {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t.closeMobile {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t    right: 6%;\n\t    top: 7%;\n\t\tcursor: pointer;\n\t\tz-index: 80;\n\t    width: 35px;\n\n\t\t&.active {\n\t\t\t@include breakpoint(mobile) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.mobileHide {\n\t@include breakpoint(iphone) {\n\t \tdisplay: none;\n\t}\n}\n\n.wrap {\n    width: 500px;\n    max-width: 90%;\n    margin: 0 auto;\n    padding-top: 130px;\n    color: #fff;\n\n\t@include breakpoint(mobile) {\n\t \tpadding-top: 83px;\n\t}\n\n    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n        padding-top: 110px;\n    }\n\n\t&.questionwrap {\n\t\t@include breakpoint(mobile) {\n\t\t\tpadding-top: 65px;\n\t\t}\n\n\t/*    @media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n\t        padding-top: 100px;\n\t    }*/\n\n@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {\n\tpadding-top: 100px;\n }\n\n\n\t\t@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n\t       padding-top: 44px;\n\t\t}\n\t}\n\n\t&.playwrap {\n\t    @media (max-height: 700px) and (min-width: 769px) {\n  \t\t\tpadding-top: 106px;\n    \t}\n\t}\n\n\t&.questionnaireBanner {\n\n\t\t@include breakpoint(mobile) {\n\t\t    padding-top: 65px;\n\t\t}\n\n\t\t@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n\t    \tpadding-top: 57px;\n\t\t}\n\n\n\t\t@media only screen and (min-device-width : 375px) and (max-device-width : 736px) {\n            padding-top: 90px;\n\t\t}\n\n\t}\n\n\t.title {\n\t\tposition: relative;\n\t\tfont-size: 110px;\n\t\tfont-family: 'sansa_problackitalic';\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\n\n\n\t\t@include breakpoint(tablet) {\n\t\t\tfont-size: 90px;\n\t\t    text-align: center;\n\t\t}\n\n\t\t@include breakpoint(mobile) {\n\t\t\tfont-size: 67px;\n\t\t}\n\n\t\t@include breakpoint(iphone) {\n\t\t\tfont-size: 50px;\n\t\t}\n\n\t\t&.underline {\n\t\t\tdisplay: inline-block;\n\t\t\tfont-size: 58px;\n\t\t\tborder-bottom: 7px solid #fff;\n\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    font-size: 34px;\n\t\t\t    border-bottom: 5px solid #fff;\n\t\t\t}\n\t\t}\n\n\t\t&.contacttitle {\n\t    \tfont-size: 40px;\n\t    \tz-index: 1;\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    font-size: 22px;\n\t\t\t}\n\t\t}\n\n\t\t&.musicQuizTitle {\n\t\t\tfont-size: 79px;\n\n\t\t\t&.endviewtitle {\n\t\t\t    font-size: 76px;\n\n\t\t\t\t@include breakpoint(tablet) {\n\t\t\t\t\tfont-size: 70px;\n\t\t\t\t}\n\n\t\t\t\t@include breakpoint(mobile) {\n\t\t\t\t\tfont-size: 30px;\n\t\t\t\t}\n\n\t\t\t\t@include breakpoint(iphone) {\n\t\t\t\t\t font-size: 15px;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t@include breakpoint(tablet) {\n\t\t\t\tfont-size: 70px;\n\t\t\t}\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t\tfont-size: 50px;\n\t\t\t}\n\n\t\t\t@include breakpoint(iphone) {\n\t\t\t\t font-size: 37px;\n\t\t\t}\n\t\t}\n\n\t\t&.playlistTitle {\n\t\t    font-size: 42px;\n\t\t}\n\n\t\t&.quizz {\n    \t\tfont-size: 29px;\n\t\t    text-align: center;\n\t\t    padding-bottom: 30px;\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    line-height: 32px;\n    \t\t\tfont-size: 18px;\n\t\t\t}\n\n\t\t\t@include breakpoint(iphone) {\n\t\t\t \tfont-size: 16px;\n\t\t\t    padding-bottom: 12px;\n    \t\t\tline-height: 10px;\n\t\t\t}\n\n\t\t    .followupQuestion {\n\t    \t    font-size: 30px;\n    \t\t\tline-height: 34px;\n\t\t\t    border-bottom: 7px solid #fff;\n\t\t\t    padding-bottom: 7px;\n\n\n\t\t\t\t@include breakpoint(mobile) {\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t border-bottom: 5px solid #fff;\n\t\t\t\t}\n\n\t\t\t\t@include breakpoint(iphone) {\n\t\t\t\t    font-size: 12px;\n\t\t\t\t    line-height: 15px;\n\t\t\t       \tborder-bottom: 4px solid #fff;\n\t\t\t\t}\n\n\n\t\t    }\n\t\t}\n\t}\n\t.text {\n\t\tfont-family: 'proxima_nova_alt_semibold';\n\t\t&.startText {\n\t\t    font-size: 18px;\n\t\t    line-height: 22px;\n    \t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\n\t\t\t&.active {\n\t\t\t\tz-index: 0;\n\t\t\t}\n\n\t\t\t@include breakpoint(tablet) {\n    \t\t    font-size: 12px;\n\t\t\t    line-height: 15px;\n\t\t\t    padding-top: 10px;\n\t\t\t\twidth: 93%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t@include breakpoint(iphone) {\n\t\t\t    font-size: 12px;\n\t\t\t    line-height: 14px;\n\t\t\t}\n\t\t}\n\n\t\t&.quiztext {\n\t\t    position: relative;\n\t\t\ttext-align: left;\n\t\t    padding-top: 50px;\n\t\t    font-size: 23px;\n\t\t    line-height: 28px;\n\t\t    z-index: 10;\n\t\t    text-align: center;\n\n\t\t    &.utility-width {\n\t\t\t\twidth: 99%;\n\t\t\t\tmargin: 0 auto;\n\t\t    }\n\n\t\t    &.active {\n\t\t    \tz-index: 0;\n\t\t    }\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    font-size: 14px;\n\t\t\t    line-height: 18px;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t@include breakpoint(iphone) {\n\t\t\t   \tpadding-top: 25px;\n\t\t\t}\n\t\t}\n\n\t\t&.playlisttext {\n\t\t    @media (max-height: 700px) and (min-width: 769px) {\n\t           \tpadding-bottom: 23%;\n\t\t    }\n\t\t}\n\n\t}\n}\n\n.titleCenterWrap {\n\ttext-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n\n\n\n\n.aboutlinks {\n\tcolor: #fff;\n\ttext-decoration: underline;\n\n\t&:hover {\n\t\topacity: .7;\n\t}\n}\n\n.btn {\n    position: absolute;\n    font-size: 26px;\n    color: #fff;\n    border: 3px solid #fff;\n    right: 6%;\n    bottom: 8%;\n    padding: 2px 0;\n    cursor: pointer;\n    font-family: 'proxima_nova_altextrabold';\n    letter-spacing: 3px;\n\ttext-align: center;\n    width: 210px;\n    transition: background 0.4s ease;\n    transition: color 0.4s ease;\n    z-index: 5;\n\n    .submitchecktext {\n\t\tdisplay: none;\n    \tposition: absolute;\n\t    font-size: 10px;\n\t    right: 16.1%;\n\t    bottom: 116%;\n\t    font-family: proxima_nova_altextrabold;\n\t    letter-spacing: 0px;\n\t    width: 184px;\n\n\t\t@include breakpoint(mobile) {\n\t    \tright: -10.9%;\n\t\t}\n\n\t}\n\n\n\t@include breakpoint(mobile) {\n    \twidth: 115px;\n\t\tborder: 2px solid #fff;\n\t    font-size: 14px;\n\t    padding: 0 12px;\n\t    letter-spacing: 1px;\n        padding: 1px 12px 0;\n\t}\n\n\t&.btnMiddle {\n\t\t@include breakpoint(mobile) {\n\t\t\tleft: 50%;\n\t\t    margin-left: -55.7px;\n\t\t}\n\t}\n\n    &:hover {\n    \tbackground: #fff;\n    \tcolor: #252525;\n\n\t\t@include breakpoint(tablet) {\n\t\t    background: none;\n\t\t    color: #fff;\n\t\t}\n    }\n    &.hideBtn {\n\t    right: -250px;\n    }\n\n    &.active {\n    \tz-index: 0;\n    }\n    &.prev {\n    \tright: auto;\n    \tleft: 6%;\n    }\n\n  /*  &:hover {\n\t\tcolor: rgba(0, 0, 0, 0);\n\t\tbackground: #fff;\n    } */\n\n    &.mobilePrev {\n\t\t@include breakpoint(mobile) {\n\t\t    left: auto;\n\t\t    margin-left: 0;\n\t\t}\n    }\n\n    &.mobileNext {\n\t\t@include breakpoint(mobile) {\n\t\t    left: auto;\n\t\t    margin-left: 0;\n\t\t}\n    }\n}\n\n.badgewrapper {\n\n    display: block;\n    position: relative;\n    z-index: 24;\n\n    &.active {\n\t    z-index: 1;\n    }\n\n\t.resultText {\n\t    position: relative;\n\t    font-size: 18px;\n\t    padding-top: 25px;\n\t    line-height: 22px;\n\t    font-family: proxima_nova_alt_semibold;\n\n\t\t@include breakpoint(mobile) {\n\t\t    font-size: 12px;\n\t\t    line-height: 12px;\n\t\t    text-align: center;\n\t\t}\n\t\t@include breakpoint(iphone) {\n\t    \tpadding-top: 7px;\n\t\t}\n\n\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t  \t \tfont-size: 14px;\n\t  \t \tline-height: 19px;\n\t\t}\n\t}\n\n\t.result {\n\t\tposition: relative;\n\t\twidth: 240px;\n\t\tmargin: 0 auto;\n\t\theight: 240px;\n\n\t\t@include breakpoint(mobile) {\n\t\t    width: 200px;\n\t\t    height: 200px;\n\t\t   \tbackground-size: 200px !important;\n\t\t}\n\n\t\t@include breakpoint(iphone) {\n\t\t    width: 120px;\n\t\t    height: 120px;\n\t\t   \tbackground-size: 120px !important;\n\t\t}\n\n\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t  \twidth: 200px;\n\t\t  \theight: 200px;\n\t\t}\n\n\t\t&.tunedeaf {\n\t\t\tbackground: url(../images/tunedeaf.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t&.mainstreamer {\n\t\t\tbackground: url(../images/mainstreamer.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t&.toplister {\n\t\t\tbackground: url(../images/toplister.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t&.playlistprotege {\n\t\t\tbackground: url(../images/playlistprotege.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t&.musicgenius {\n\t\t\tbackground: url(../images/musicgenius.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t&.legend {\n\t\t\tbackground: url(../images/legend.png) no-repeat;\n\t\t\t@media (max-height: 700px) and (min-width: 769px) {\n\t\t\t  \tbackground-size: 200px;\n\t\t\t}\n\t\t}\n\n\t\t.procent {\n\t\t\tposition: absolute;\n\t\t    font-size: 64px;\n\t\t    left: 50%;\n\t\t    top: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t    font-family: sansa_problack;\n\n\t\t\t@include breakpoint(mobile) {\n\t\t\t    font-size: 50px;\n\t\t\t    font-family: sansa_problackitalic;\n\t\t\t}\n\n\t\t\t@include breakpoint(iphone) {\n\t\t\t    font-size: 32px;\n\t\t\t}\n\n\t\t}\n\t}\n}\n\n.formwrap {\n\ttext-align: center;\n\tbackground: #212225;\n\tmargin-top: 70px;\n    padding-bottom: 23px;\n    position: relative;\n  \tz-index: 15;\n\n\t@include breakpoint(mobile) {\n\t\tmargin-top: 25px;\n\t    padding-bottom: 12px;\n\t}\n\n\t::-webkit-input-placeholder {\n\t   \tfont-style: italic;\n\t\tfont-size: 13px;\n\t}\n\n    &.active {\n    \tz-index: 1;\n    }\n\n    &.playlistwrap {\n    \tbackground: #212225;\n\t    margin-top: 40px;\n        padding-bottom: 20;\n\t    position: relative;\n\n\n\t   \t@include breakpoint(mobile) {\n          \tpadding-bottom: 16px;\n            margin-top: 12px;\n\t    }\n\n\t\t@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {\n\t    \tpadding-bottom: 0;\n\t\t}\n\n\n    }\n\n\t.formtext {\n\t\twidth: 93%;\n    \tmargin: 21px auto 0px;\n\t\tbackground: #fff;\n\t    border-radius: 15px;\n\t\tcolor: #000;\n\t\tfont-family: proxima_nova_alt_rgregular;\n\t\tfont-size: 12px;\n    \tpadding: 4px 14px;\n\n\t\t@include breakpoint(mobile) {\n\t\t\tmargin: 12px auto 0;\n\t\t}\n\n\t}\n\t.tracks {\n\t    width: 93%;\n        background: #171717;\n\t    margin: 0 auto;\n\t    text-align: left;\n\n\t    &.questionnaireSearchTracks {\n\t    \tbackground: #212225;\n\n\t   \t\t@include breakpoint(mobile) {\n\t\t      \theight: 152px;\n\t\t\t}\n\t    }\n\n\t    &.questionnairetracks {\n\t    \tbackground: #212225;\n\t    }\n\n\t\t.track {\n\t\t\tbackground: #2d2e33;\n\t\t    padding: 10px 8px;\n\t\t\tmargin: 2px 0;\n\t\t\ttransition: background .3s ease;\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #46474e;\n\t\t\t}\n\n\t\t\t.line {\n\t\t\t\tline-height: 14px;\n\t\t\t\tfont-size: 13px;\n\n\t\t\t\t&.lineone {\n\t\t\t\t\tfont-family: proxima_nova_alt_semibold;\n\t\t\t\t\tcolor: #d0d2d3;\n\t\t\t\t}\n\n\t\t\t\t&.linetwo {\n\t\t\t\t\tcolor: #929497;\n\t\t\t\t\tfont-family: proxima_nova_alt_rgregular;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n.net {\n\tposition: absolute;\n\twidth: 100%;\n\tleft: 0;\n\ttop: 0;\n    height: 100vh;\n}\n\n.blackwave {\n\tposition: absolute;\n    width: 100%;\n    right: -15%;\n    top: 50%;\n    margin-top: -224px;\n\n\t@include breakpoint(mobile) {\n\t    width: 180%;\n\t\tright: auto;\n\t}\n}\n\n.socialmiddle {\n    margin-left: -70px;\n}\n\n.socialeft {\n\tleft: 6% !important;\n\t@include breakpoint(mobile) {\n\t    left: auto !important;\n\t}\n}\n\n#aboutsocial {\n\tz-index: 0;\n\tleft: -100%;\n\ttransition: .3s left ease;\n\n\t&.active {\n\t\tz-index: 40;\n\t\tleft: 6%;\n\t}\n}\n\n\n\n\n.tryagain {\n    left: 6%;\n\t@include breakpoint(mobile) {\n\t    left: 5%;\n\t    right: auto;\n\t}\n}\n\n.aboutWrapper {\n\tdisplay: none;\n    position: absolute;\n    top: 0;\n    height: 100vh;\n    width: 66%;\n    z-index: 55;\n    background: url(../images/aboutbgg.png) no-repeat;\n   \toverflow: hidden;\n\tbackground-position: right center;\n    min-width: 850px;\n    background-size: cover;\n\n\t&.active {\n\t\tdisplay: block;\n\t}\n}\n\n\n\n.titleimg {\n    width: 70%;\n    margin: 0 auto;\n    padding-bottom: 30px;\n\n\t@include breakpoint(mobile) {\n\t\tpadding-bottom: 3%;\n\t}\n}\n\n\n.socialWrapper {\n    width: 140px;\n    left: 50%;\n\n\t@include breakpoint(mobile) {\n\t\twidth: auto;\n\t}\n\n\t&.startSocial {\n\t\tleft: 6%;\n\t\tmargin-left: auto;\n\t}\n\n\t&.socialStart {\n\t\tz-index: 40;\n\t\tposition: absolute;\n\t    bottom: 8%;\n\n\t\t@include breakpoint(mobile) {\n\t\t    right: 14.4%;\n\t       \ttop: 4%;\n\t\t    bottom: auto;\n\t\t    left: auto;\n\t        width: 94px;\n\t\t}\n\n\t\t&.active {\n\t\t\tz-index: 0;\n\t\t}\n\t}\n\n\t.socialTitle {\n\t\tfont-family: proxima_nova_altextrabold;\n\t\tfont-size: 30px;\n\t\tcolor: #fff;\n\n\t\t@include breakpoint(mobile) {\n\t\t   \tdisplay: none;\n\t\t}\n\t\t&.titleQuiz {\n\t\t    font-size: 16px;\n\t\t    padding-bottom: 7px;\n\t\t}\n\t}\n\n\t.divider {\n\t\theight: 7px;\n\t\twidth: 95%;\n\t\tbackground: #fff;\n\t    position: relative;\n\t    top: -6px;\n    \tmargin: 3px 2px;\n\n\t\t@include breakpoint(mobile) {\n\t\t   \tdisplay: none;\n\t\t}\n\t}\n\n\t.iconwrapper {\n\t\t.item {\n\t\t\tfloat: left;\n\t\t\twidth: 33%;\n\t\t    text-align: center;\n\t\t    cursor: pointer;\n\t\t\timg {\n\t\t\t    width: 90%;\n\n\t\t\t\t@include breakpoint(mobile) {\n\t\t\t\t\twidth: 26px;\n\t\t\t\t\topacity: .7;\n\t\t\t\t}\n\n\t\t\t    &:hover {\n\t\t\t    \topacity: .7;\n\t\t\t    }\n\t\t\t}\n\t\t}\n\t}\n}\n\n.wave {\n    position: absolute;\n    top: 29%;\n    z-index: 1;\n\n    &.leftish {\n    \tleft: 4000px;\n    }\n}\n\n.dana-transition {\n\tposition: absolute;\n\toverflow: hidden;\n\ttransition: all 0.7s ease;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\n\t@include breakpoint(tablet) {\n\t   \ttransition: none;\n\t}\n}\n\n/* .dana-enter defines the starting state for entering */\n/* .dana-leave defines the ending state for leaving */\n.dana-enter {\n  left: 100%;\n}\n\n.dana-leave {\n  left: -100%;\n}\n\n.quiznavbar {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    top: 52px;\n\n\t\t@include breakpoint(mobile) {\n\t\t   \tdisplay: none;\n\t\t}\n\n\t.innerwrapnav {\n\t\tposition: relative;\n\t    width: 221px;\n\t    margin: 0 auto;\n\n\t   \t.navbarline {\n\t    \twidth: 0%;\n\t\t\theight: 5px;\n\t\t\tbackground: #fff;\n\t\t\tposition: absolute;\n\t\t\tleft: 2px;\n\t\t\ttop: 50%;\n\t\t\tmargin-top: -3px;\n\t\t    border-radius: 5px;\n\t    }\n\t}\n\n}\n\n\n.test {\n\tbackground: #212225 !important;\n}\n\n\n.thejoblink {\n\ttext-decoration: underline;\n\ttransition: opacity .3s ease;\n\tcursor: pointer;\n\n\t&:hover {\n\t\topacity: .7;\n\t}\n}\n\n\ntextarea:hover,\ninput:hover,\ntextarea:active,\ninput:active,\ntextarea:focus,\ninput:focus,\nbutton:focus,\nbutton:active,\nbutton:hover\n{\n    outline:0px !important;\n    appearance:none;\n}\n\n\n@font-face {\n    font-family: 'sansa_problack';\n    src: url('fonts/sansapro-black-webfont.eot');\n    src: url('fonts/sansapro-black-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/sansapro-black-webfont.woff2') format('woff2'),\n         url('fonts/sansapro-black-webfont.woff') format('woff'),\n         url('fonts/sansapro-black-webfont.ttf') format('truetype'),\n         url('fonts/sansapro-black-webfont.svg#sansa_problack') format('svg');\n    font-weight: normal;\n    font-style: normal;\n\n}\n\n\n\n\n@font-face {\n    font-family: 'sansa_problackitalic';\n    src: url('fonts/sansapro-blackitalic-webfont.eot');\n    src: url('fonts/sansapro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/sansapro-blackitalic-webfont.woff2') format('woff2'),\n         url('fonts/sansapro-blackitalic-webfont.woff') format('woff'),\n         url('fonts/sansapro-blackitalic-webfont.ttf') format('truetype'),\n         url('fonts/sansapro-blackitalic-webfont.svg#sansa_problackitalic') format('svg');\n    font-weight: normal;\n    font-style: normal;\n\n}\n\n\n\n\n@font-face {\n    font-family: 'proxima_nova_altextrabold';\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.eot');\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff2') format('woff2'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff') format('woff'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.ttf') format('truetype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.svg#proxima_nova_altextrabold') format('svg');\n    font-weight: normal;\n    font-style: normal;\n\n}\n\n\n\n\n@font-face {\n    font-family: 'proxima_nova_altthin';\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.eot');\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.woff2') format('woff2'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.woff') format('woff'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.ttf') format('truetype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_thin-webfont.svg#proxima_nova_altthin') format('svg');\n    font-weight: normal;\n    font-style: normal;\n\n}\n\n\n\n\n@font-face {\n    font-family: 'proxima_nova_alt_rgregular';\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.eot');\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff2') format('woff2'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.ttf') format('truetype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.svg#proxima_nova_alt_rgregular') format('svg');\n    font-weight: normal;\n    font-style: normal;\n}\n\n       //url('fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff'),\n\n\n@font-face {\n    font-family: 'proxima_nova_alt_semibold';\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.eot');\n    src: url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.eot?#iefix') format('embedded-opentype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.woff2') format('woff2'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.ttf') format('truetype'),\n         url('fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.svg#proxima_nova_alt_rgregular') format('svg');\n    font-weight: normal;\n    font-style: normal;\n}\n",".start {\n\tposition: relative;\n\tbackground: url(../images/mainbackground.png) no-repeat;\n\tbackground-size: cover;\n\theight: 100vh;\n    background-position: 100% 100%;\n\n\n\t@include breakpoint(mobile) {\n\t\tbackground:url(../images/mainbackgroundmobileTEMP.png) no-repeat;\n\t\tbackground-size: cover !important;\n\t}\n}\n\n\n.brHide {\n\t@include breakpoint(mobile) {\n\t\tdisplay: none;\n\t}\n}\n","/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */\n\n$root-box-sizing: border-box !default;\n$root-cursor: default !default;\n$root-font-family: sans-serif !default;\n$root-font-size: 100% !default;\n$root-line-height: 1.5 !default;\n$root-text-rendering: optimizeLegibility !default;\n\n$html-background-color: #FFFFFF !default;\n$html-color: #000000 !default;\n$anchor-text-decoration: none !default;\n$form-element-background-color: transparent !default;\n$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default;\n$media-element-vertical-align: middle !default;\n$monospace-font-family: monospace !default;\n$nav-list-style: none !default;\n$selection-background-color: #B3D4FC !default;\n$selection-color: invert($selection-background-color) !default;\n$selection-text-shadow: none !default;\n$small-font-size: 75% !default;\n$table-border-collapse: collapse !default;\n$table-border-spacing: 0 !default;\n$textarea-resize: vertical !default;\n\n\n\n/*\n * Normalization\n */\n\n:root {\n    -ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11-\n    overflow-y: scroll; // All browsers without overlaying scrollbars\n    -webkit-text-size-adjust: 100%; // iOS 8+\n}\n\naudio:not([controls]) {\n    display: none; // Chrome 44-, iOS 8+, Safari 9+\n}\n\nbutton {\n    overflow: visible; // Internet Explorer 11-\n}\n\ndetails {\n    display: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\ninput {\n    &[type=\"number\"] {\n        width: auto; // Firefox 36+\n    }\n\n    &[type=\"search\"] {\n        -webkit-appearance: textfield; // Chrome 45+, Safari 9+\n\n        &::-webkit-search-cancel-button,\n        &::-webkit-search-decoration {\n            -webkit-appearance: none; // Chrome 45+, Safari 9+\n        }\n    }\n}\n\nmain {\n    display: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsummary {\n    display: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\npre {\n    overflow: auto; // Internet Explorer 11-\n}\n\nprogress {\n    display: inline-block; // Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsmall {\n    font-size: $small-font-size; // All browsers\n}\n\ntemplate {\n    display: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+\n}\n\ntextarea {\n    overflow: auto; // Edge 12+, Internet Explorer 11-\n}\n\n[hidden] {\n    display: none; // Internet Explorer 10-\n}\n\n/*\n * Universal inheritance\n */\n\n*,\n::before,\n::after {\n    box-sizing: inherit;\n}\n\n* {\n    font-size: inherit;\n    line-height: inherit;\n}\n\n::before,\n::after {\n    text-decoration: inherit;\n    vertical-align: inherit;\n}\n\n\n\n/*\n * Opinionated defaults\n */\n\n// specify the border style and width of all elements\n\n*,\n::before,\n::after {\n    border-style: solid;\n    border-width: 0;\n}\n\n// remove the margin and padding of all elements\n\n* {\n    margin: 0;\n    padding: 0;\n}\n\n// specify the root styles of the document\n\n:root {\n    box-sizing: $root-box-sizing;\n    cursor: $root-cursor;\n    font: #{$root-font-size}/#{$root-line-height} $root-font-family;\n    text-rendering: $root-text-rendering;\n}\n\n// specify the background color of html\n\nhtml {\n    background-color: $html-background-color;\n    color: $html-color;\n}\n\n// specify the text decoration of anchors\n\na {\n    text-decoration: $anchor-text-decoration;\n}\n\n// specify the alignment of media elements\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n    vertical-align: $media-element-vertical-align;\n}\n\n// specify the background color of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n    background-color: $form-element-background-color;\n}\n\n// specify the inherited color and font of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n    color: inherit;\n    font-family: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n}\n\n// specify the minimum height of form elements\n\nbutton,\n[type=\"button\"],\n[type=\"date\"],\n[type=\"datetime\"],\n[type=\"datetime-local\"],\n[type=\"email\"],\n[type=\"month\"],\n[type=\"number\"],\n[type=\"password\"],\n[type=\"reset\"],\n[type=\"search\"],\n[type=\"submit\"],\n[type=\"tel\"],\n[type=\"text\"],\n[type=\"time\"],\n[type=\"url\"],\n[type=\"week\"],\nselect,\ntextarea {\n    min-height: $form-element-min-height;\n}\n\n// specify the font family of code elements\n\ncode,\nkbd,\npre,\nsamp {\n    font-family: $monospace-font-family, monospace;\n}\n\n// specify the list style of nav lists\n\nnav ol,\nnav ul {\n    list-style: $nav-list-style;\n}\n\n// specify the standard appearance of selects\n\nselect {\n    -moz-appearance: none;    // Firefox 40+\n    -webkit-appearance: none; // Chrome 45+\n\n    &::-ms-expand {\n        display: none;        // Edge 12+, Internet Explorer 11-\n    }\n\n    &::-ms-value {\n        color: currentColor;  // Edge 12+, Internet Explorer 11-\n    }\n}\n\n// specify the border styling of tables\n\ntable {\n    border-collapse: $table-border-collapse;\n    border-spacing: $table-border-spacing;\n}\n\n// specify the resizability of textareas\n\ntextarea {\n    resize: $textarea-resize;\n}\n\n// specify the background color, font color and drop shadow of text selections\n\n::selection {\n    background-color: $selection-background-color; // required when declaring ::selection\n    color: $selection-color;\n    text-shadow: $selection-text-shadow;\n}\n\n// specify the progress cursor of updating elements\n\n[aria-busy=\"true\"] {\n    cursor: progress;\n}\n\n// specify the pointer cursor of trigger elements\n\n[aria-controls] {\n    cursor: pointer;\n}\n\n// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements\n\n[aria-disabled] {\n    cursor: default;\n}\n\n// specify the style of visually hidden yet accessible elements\n\n[hidden][aria-hidden=\"false\"] {\n    clip: rect(0 0 0 0);\n    display: inherit;\n    position: absolute;\n\n    &:focus {\n        clip: auto;\n    }\n}\n"],"sourceRoot":"/source/"}