/* screen.scss */
#mtvnContainer *, #mtvnContainer *:before, #mtvnContainer *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

  html {
    height: 100%;
  }

.mtvn-lyt-6 {
  padding-top: 20px;
}

.mtvn-lyt-6 .terms {
  position: relative;
}

body {
height: 100%;
background-color: #f5f000;}
/* partials/_mixins.scss */
.home .intro-content:after, .home .main-content:after, .slider .slide:after, .feature:after, .grid:after, .achievements .achievements-area:after, .universe .universe-ctas:after, .competition .main-content:after, .cheatsheet .main-content:after, .cheatsheet .cheatsheet-detail .cheatsheet-summary:after {
  content: "";
  display: table;
  clear: both; }

/* partials/_fonts.scss */
/* Futura not licensed for embedding. Need to implement a hosted version or alternative before launch. */
@font-face {
  font-family: 'FuturaStd';
  src: url("../fonts/FuturaStd-Light.otf");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'FuturaStd';
  src: url("../fonts/FuturaStd-Bold.otf");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'FuturaStdCnd';
  src: url("../fonts/FuturaStd-CondensedBoldObl.eot");
  src: url("../fonts/FuturaStd-CondensedBoldObl.otf");
  font-weight: 700;
  font-style: oblique; }
/* Nexa requires a link (Link in CSS okay?): "Embedding this font in a web page with a @font-face declaration is allowed
once you credit Fontfabric (www.fontfabric.com) with a link somewhere on your site." */
@font-face {
  font-family: 'Nexa';
  src: url("../fonts/Nexa Bold.otf");
  font-weight: 700;
  font-style: normal; }
/* partials/_colours.scss */
/* partials_components.scss */
.clearfix {
  clear: both;
}
.button {
  display: inline-block;
  font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  height: 35px;
  padding: 0.6em 15px 0.4em;
  border-radius: 5px;
  background-color: #d1d1d1;
  box-shadow: 0 5px 0 0 #bdbdbd;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer; }
  .button.button--square {
    border-radius: 0; }
  .button.button--round {
    border-radius: 17.5px; }
  .button.button--blue {
    background-color: #00b1f0;
    box-shadow: 0 5px 0 0 #0094c9;
    color: #ffffff; }
    .button.button--blue:hover {
        background-color: #4dc4ef;
        box-shadow: 0 5px 0 0 #3ca5ca;
    }
  .button.button--green {
    background-color: #21e500;
    box-shadow: 0 5px 0 0 #1bbe00;
    color: #ffffff; }
  .button.button--green:hover {
    background-color: #5be544;
    box-shadow: 0 5px 0 0 #4bb939; }

  .button.button--orange {
    background-color: #ff6700;
    box-shadow: 0 5px 0 0 #d85700;
    color: #ffffff; }
  .button.button--orange:hover {
    background-color: #ff954d;
    box-shadow: 0 5px 0 0 #db7e40;
}
  .button.button--pink {
    background-color: #ff008c;
    box-shadow: 0 5px 0 0 #d80076;
    color: #ffffff; }
  .button.button--pink:hover {
    background-color: #fa55b0;
    box-shadow: 0 5px 0 0 #d64996; }
  .button.button--disabled, .button.button--disabled:hover {
    background-color: #d1d1d1;
    box-shadow: 0 5px 0 0 #bdbdbd;
    cursor: default; }
  .button.button--previous {
    position: absolute;
    top: 50%;
    left: 0;
    width: 56px;
    height: 62px;
    padding: 12px 15px 8px 0;
    border-radius: 0 31px 31px 0;
    margin-top: -26px;
    font-size: 42px;
    line-height: 1;
    text-align: center; }
    .button.button--previous span {
      display: inline-block;
      text-indent: -9999em; }
    .button.button--previous:after {
      content: '\f0d9';
      font-family: "FontAwesome", sans-serif;
      font-size: 36px;
      line-height: 40px; }
  .button.button--next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    height: 62px;
    padding: 12px 0 8px 15px;
    border-radius: 31px 0 0 31px;
    margin-top: -26px;
    font-size: 42px;
    line-height: 1;
    text-align: center; }
    .button.button--next span {
      display: inline-block;
      text-indent: -9999em; }
    .button.button--next:after {
      content: '\f0da';
      font-family: "FontAwesome", sans-serif;
      font-size: 36px;
      line-height: 40px; }
  .button.button--back {
    padding: 0.11111111111111em 20px 0.05555555555556em;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.77777777777778; }
    .button.button--back:before {
      display: inline-block;
      margin-right: 1em;
      content: '\f0d9';
      font-family: "FontAwesome", sans-serif;
      /*
      			font-size: 32px;
      			line-height: 35px;
      */ }
  .button.button--forward {
    padding: 0.11111111111111em 20px 0.05555555555556em;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.77777777777778; }
    .button.button--forward:after {
      display: inline-block;
      margin-left: 1em;
      content: '\f0da';
      font-family: "FontAwesome", sans-serif;
      /*
      			font-size: 32px;
      			line-height: 35px;
      */ }

.counters .counter {
  display: inline-block;
  height: 11px;
  width: 11px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #dbdbdb; }
  .counters .counter a {
    display: block;
    text-indent: -9999em; }
.counters .counter--active {
  background-color: #ff008c; }

.slime {
  display: inline-block;
  background-image: url("../images/slime_sprites.png");
  background-repeat: no-repeat;
  z-index: 100; }

.slime--home {
  width: 104px;
  height: 102px;
  margin-right: -43px;
  background-position: 0 0; }

.slime--dnt {
  width: 47px;
  height: 76px;
  background-position: -297px 0; }

.slime--portals {
  width: 102px;
  height: 159px;
  background-position: -344px 0; }

.slime--homepage {
  width: 102px;
  height: 159px;
  background-position: -444px;
}

.slime--community {
  width: 63px;
  height: 103px;
  background-position: -104px 0; }

.slime--community-grid {
  width: 96px;
  height: 150px;
  background-position: -446px 0; }

.slime--select {
  width: 93px;
  height: 107px;
  background-position: -68px -103px; }

.slime--editor {
  width: 68px;
  height: 119px;
  background-position: 0 -102px; }

.slime--submission {
  width: 109px;
  height: 166px;
  background-position: -213px -102px; }

.slime--solveits {
  width: 51px;
  height: 100px;
  background-position: -161px -102px; }

.slime--win {
  width: 109px;
  height: 197px;
  background-position: -322px -159px; }

/* partials/_text.scss */
body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  color: #ffffff; }

img {
  display: inline-block; }

a {
  color: #ff008c; }
  a:visited {
    color: #ff008c; }
  a:hover {
    color: #ff008c; }
  a:focus {
    color: #ff008c; }
  a:active {
    color: #ff008c; }

p {
  margin-bottom: 19px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1 {
  font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-size: 30px;
  font-size: 1.7rem;
  line-height: 1.4;
  text-transform: uppercase;
  color: #000000;  }

h2 {
  margin-bottom: 12px;
  font-family: "FuturaStdCnd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 26px;
  font-size: 1.75rem;
  line-height: 1.2;
  text-transform: uppercase; }

h3 {
  font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2; }

/* layouts/_layout.scss */
body {
  background-color: #333333;
  background-color: #f5f000;  }

.page-header {
min-height: 190px;
  padding-right: 190px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 100% 0; }

.site-heading {
  z-index: 11; }

.intro-content {
  padding: 15px 0 0 4.55635%;
  color: #000000;
  z-index: 10; }
  .intro-content p {
    margin: 0;
line-height:1.3;    }

* html .wrapper {
    height:100%;
}

.wrapper {
    position: relative;
}

 .content-wrapper {
/*     padding-bottom: 111px;  *//* ATTENTION! padding-bottom should be equal to the footer height (this keeps the footer from overlapping the content) */
  min-height: 100%;
  margin-bottom: -111px;
}
.content-wrapper:after {
  content: "";
  display: block;
}

.control-panel, .content-wrapper:after{
  height: 111px;
}

.main-header {
  background-color: #ff6700;
  height: 33px;
  height: 80px; }
  .main-header .site-heading {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 232px;
    height: 91px; }
    .main-header .site-heading img {
      width: 100%;
      max-width: 100%;
      height: auto; }

.main-content {
  overflow: auto;
  width: 100%;
 }

.control-panel {

/*     position: absolute; */
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;

  bottom: 0px;
  width: 100%;
  height: 111px;
  padding: 30px 7.03125%;
  border-top: 12px solid #21e500;
  background-color: #f5f000; }
  .control-panel .control-panel-inner {
    position: relative;
    height: 40px;
    text-align: center; }
  .control-panel .button--back {
    position: absolute;
    top: 0;
    left: 0; }
  .control-panel .counters {
    display: inline-block;
    /* margin: 0 auto; */
    height: 40px;
    padding: 10px 25px;
    border-radius: 20px;
    background-color: #c4c000;
    background-color: rgba(0, 0, 0, 0.2); }
    .control-panel .counters .counter {
      width: 20px;
      height: 20px;
      background-color: #ffffff; }
    .control-panel .counters .counter--active {
      background-color: #ff008c; }
  .control-panel .button--forward,
  .control-panel .button--right {
    position: absolute;
    top: 0;
    right: 0; }
  .control-panel .slime {
    position: absolute;
    top: -23px;
    right: 0; }

/* layouts/_home.scss */
.home .main-content {
    padding-bottom: 0px;
}
.home .main-header {
  position: relative;
  z-index: 10;
  height: 33px;
  background-color: #22e500; }
  .home .main-header .site-heading {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 285px;
    height: 110px; }
  .home .main-header .slime--home {
    position: absolute;
    top: 33px;
    right: 27.73438%; }
.home .intro-content {
  padding: 0; }
  .home .intro-content .slider {
    float: left;
    width: 72.26563%;
    height: 274px;
    background-color: #ffffff;
    color: #000000; }
  .home .intro-content .dnt {
    position: relative;
    float: right;
    width: 27.73438%;
    height: 274px;
    padding-top: 10px;
    background-color: #f5f000;
    text-align: center; }
    .home .intro-content .dnt .slime--dnt {
      position: absolute;
      top: 0;
      right: 0; }
.home .main-content .features {
  float: left;
  width: 61.67188%;
  background-image: url("../images/features_pattern.jpg");
  background-position: 100% 0; }
.home .main-content .menu {
  float: right;
  width: 38.32813%;
  padding: 4.6875% 4.6875% 0% 4.6875%; }
.home .main-content .slime--homepage {
  position: absolute;
  right: 36.32813%;
  top: -51px;
  margin-right: -60px;
  z-index: 9;  }

  .home .overlay-container {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999;
  }
  .home .overlay {
    position: absolute;
    width: 400px;
    height: 345px;
    background-image: url('../images/community-bg.png');
    left: 0;
    right: 0;
    top: 15%;
    margin: 0 auto;
    z-index: 100;
  }

  .home .overlay p {
    text-align: center;
    margin: auto;
    padding-bottom: 20px;
  }

  .home .overlay .awards-holder {
    width: 100%;
    overflow: auto;
    margin-top: -100px;
    text-align: center;
    position: absolute;
    width: 200%;
    margin-left: 20%;
    height: 100%;
  }
  .home .overlay .awards-holder img{
    float: left;
    width: 30%;
    position: relative;
  }
  .home .overlay p {
    padding-top: 200px;
    text-align: center;
  }

  .home .overlay .button-holder{
    text-align: center;
  }

  .home .overlay .awards-holder .image-2 {
    z-index:9999;
  }

.slider {
  position: relative;
  z-index: 9; }

.slider .slide {
  position: absolute;
  display: none;
top: 0px;
left: 0px;
padding-bottom: 15px;  }
  .slider .button--previous {
    position: absolute;
    width: 45px;
    height: 50px;
    padding: 5px 15px 5px 0;
    border-radius: 0 25px 25px 0;
    margin-top: -15px;
    z-index: 1001;
    font-size: 35px; }
  .slider .button--next {
    position: absolute;
    width: 45px;
    height: 50px;
    padding: 5px 0 5px 15px;
    border-radius: 25px 0 0 25px;
    margin-top: -15px;
    font-size: 35px; }
  .slider .counters {
    position: absolute;
    bottom: 27px;
    right: 56px; }
  .slider .slide .slide__image {
    float: left;
    padding: 44px 20px 0 100px;
    text-align: center; }
    .slider .slide .slide__image img {
      float: left;
      width: 100%;
      text-align: center;
      display:block;}
      .slider .slide .slide__image a{
          display:block;
      }
  .slider .slide .slide__text {
    float: right;
    width: 61.48649%;
    padding: 80px 10.81081% 0 2.7027%; }
    .slider .slide .slide__text h2 {
      font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.2;
      color: #ff6700; }
    .slider .slide .slide__text p {
      font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 300;
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.2;
      text-transform: uppercase; }
      .slider .slide .slide__text p a {
        font-weight: 700;
        color: #ff008c; }

.feature {
  width:93%;
  padding: 4.1% 0 4.1% 0;  }
  .feature .feature__image {
    float: left;
    margin: 0px 40px 40px 0px;
    }
  .feature .feature__text {
    float: left;
    width: 62.393%;
    padding: 0 75px 0 0px; }
    .feature .feature__text .feature__button {
      padding: 0.425em 20px 0.213em 20px ;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5; }

.menu .menu-item {
  display: block;
  height: auto;
  padding: 23px 20px 17px 105px;
  margin-bottom: 25px;
  font-family: "FuturaStdCnd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 28px;
  font-size: 1.75rem;
  text-align: left; }
.menu .menu-item--portal {
  background-image: url("../images/portal_sprites.png");
  background-repeat: no-repeat; }
.menu .menu-item--portal-profile {
  background-image: url("../images/profile-sprite.png");
  background-position: 30px 14px;
}
.menu .menu-item--portal-community {
  background-position: 20px 14px; }
.menu .menu-item--portal-solveits {
  background-position: 20px -85px; }
.menu .menu-item--portal-awards {
  background-position: 20px -188px; }
.menu .menu-item--portal-cheatsheet {
  background-position: 20px -290px; }
.menu .menu-item--portal-login-register{
  background-position: 20px -380px;
}
.spacer {
  clear:both;
  height:1px;
  width: 100%;
}
/* layouts/_grid.scss */
.grid .grid-area {
/*   display: flex;
display: -webkit-flex;
display: -ms-flex;
flex-wrap: wrap;
flex-wrap: -webkit-wrap;
flex-wrap: -ms-wrap; */
  clear: both;
  overflow: auto;
  background-image: url('../images/community-bg.png'); }
.grid .grid-item {
  float: left;
  width: 50%;
  min-height: 280px;
  padding: 42px 3.51563% 42px 7.03125%; }
  .grid .grid-item:nth-child(2) {
    /* background-color: #0fb6f1; */ }
  .grid .grid-item:nth-child(3) {
    clear: left;}
  .grid .grid-item .grid-item__image {
    float: left;
    width: 145px;
    min-height: 135px;
    margin-right: 40px;
  }
  .grid .grid-item .grid-item__text {
    float: left;
    width: 53.71287%; }
    .grid .grid-item .grid-item__text .grid-item__title {
      margin-bottom: 0; }
    .grid .grid-item .grid-item__text .grid-item__user {
      display: block;
      margin-bottom: 0.6em;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.2;
      color: #ece810;
      text-decoration: none; }
    .grid .grid-item .grid-item__text .grid-item__summary {
      margin-bottom: 1.4em;
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.4;
      text-transform: uppercase; }


.solve-its {
  height: 100%;
}





.community .main-content, .solve-its .main-content {
  min-height: 65%;
}

.community .page-header {
  position: relative;
  background-image: url("../images/page_icon_community.gif"); }
  .community .page-header .slime {
    position: absolute;
    top: 0;
    left: 28.02734%; }
.community .intro-content img {
  display: block;
  position: absolute;
  top: 0;
  right: 190px; }
.community .main-content .slime {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -17px;
  margin-left: -57px; }
.community .grid-item:nth-child(1) ,.community .grid-item:nth-child(4) {
  background-color: #33c1f3;
}
.community .grid-item:nth-child(3) {
  clear: left;}

.community .intro-content p {
    padding-right: 380px;
}

.community .intro-content .btn_nav {
    color: black;
    text-decoration: underline;
}
.community .intro-content .btn_nav:hover {
    color: black;
    text-decoration: none;
}

.solve-its .intro-content p {
    padding-right: 22%;
}

.solve-its .page-header {
  position: relative;
  background-image: url("../images/page_icon_solveits.gif"); }
.solve-its .intro-content img {
  display: block;
  position: absolute;
  bottom: 0;
  right: 190px; }
.solve-its .main-content .slime {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -38px; }
.solve-its .grid-area {
  background-image: url('../images/solve-its-bg.png');
}
.solve-its .grid-item:nth-child(1), .solve-its .grid-item:nth-child(4) {
  background-color: #33c1f3;
 }
.solve-its .grid-item:nth-child(3){
    clear: left;
  }
.solve-its .grid-item .grid-item__text .grid-item__title {
  margin-bottom: 0.5em; }

/* layouts/_achievements.scss */
.achievements .overlay-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999;
  overflow: none;

}
.achievements .overlay {
  position: absolute;
  width: 500px;
  height: 345px;
  background-image: url('../images/repeatable-bg.gif');
  left: 0;
  right: 0;
  top: 15%;
  margin: 0 auto;
  z-index: 100;
}

.achievements .overlay .awards-holder {
  width: 100%;
  overflow: auto;
  margin-top: -100px;
  text-align: center;
  position: absolute;
  width: 200%;
  margin-left: -10%;
  height: 100%;
}
.achievements .overlay .awards-holder img{
  width: 20%;
  position: relative;
}
.achievements .overlay p {
  padding-top: 175px;
  text-align: center;
}

.achievements .intro-content p {
    padding-right: 370px;
}

.achievements .overlay .button-holder{
  text-align: center;
  padding-top: 30px;
}

.achievements .overlay .button-holder .button--blue {
  margin-right: 50px;
}


.achievements .overlay .awards-holder .image-1 {
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
  margin-top: 20px;
  z-index: 1;
  float: left;

}
.achievements .overlay .awards-holder .image-2 {
  z-index:9999;
  float:left;

}
.achievements .overlay .awards-holder .image-3 {
  -ms-transform: rotate(7deg); /* IE 9 */
  -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  transform: rotate(7deg);
  margin-top: 20px;
  z-index:1;
  float: left;
}
.achievements .page-header {
  position: relative;
  background-image: url("../images/page_icon_achievements.gif"); }
  .achievements .page-header .slime {
    position: absolute;
    top: 0;
    right: 190px; }
.achievements .intro-content img {
    display: block;
    position: absolute;
    right: 219px;
    top: 2px;
    z-index: 900;
}
.achievements .main-content {
  background-image: url("../images/achievements_bg.jpg") !important;
  background-position: 50% 0;
  background-size: cover; }
.achievements .achievements-area {
  position: relative;
/*   display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-between;
align-items: stretch; */
  padding: 60px 10.15625%; }
  .achievements .achievements-area .achievement-item {
    float: left;
    width: 28.18627%;
    min-height: 360px;
    padding: 25px 20px 20px;
    margin-right: 7.72059%;
/*     background-color: #ffffff; */
    color: #000000; }
    .achievements .achievements-area .achievement-item:nth-child(3),
    .achievements .achievements-area .achievement-item:nth-child(6) {
      position: relative;
      margin-right: 0; }
      .achievements .achievements-area .achievement-item:nth-child(3) .slime {
        position: absolute;
        top: -10px;
        right: -10px; }
    .achievements .achievements-area .achievement-item .achievement-item__number {
      display: block;
      height: 215px;
      padding: 26px 0;
      font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 700;
      font-size: 58px;
      font-size: 3.625em;
      line-height: 1.2;
      text-align: center;
      color: #ffffff; }
    .achievements .achievements-area .achievement-item .achievement-item__title {
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.2;
      text-align: center;
      color: #ff6700; }
    .achievements .achievements-area .achievement-item .achievement-item__summary {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem; }

.universe {
  height:100%;
}

.universe .intro-content p {
    width: 61%;
}

.universe .page-header {
  padding-right: 0; }
  .universe .page-header .main-header {
    height: 76px;
    background-image: url("../images/universe_header_bg.gif");
    background-repeat: no-repeat;
    background-position: 100% 0; }
  .universe .page-header .intro-content {
    min-height: 127px;
    background-color: #ff008c;
    background-image: url("../images/universe_choose.png");
    background-repeat: no-repeat;
    background-position: 100% 11px;
    color: #ffffff; }
.universe .main-content {
    background: #000000;
  background-image: url("../images/universe_bg.gif") !important;
  background-position: 50% 0;
  background-size: cover;
min-height:63.8%;  }
.universe .universe-ctas {
  width: 953px;
  padding: 34px 0 32px;
  margin: 0 auto; }
.universe .universe-cta {
  display: block;
  float: left;
  background-image: url("../images/universe_ctas.png");
  background-repeat: no-repeat;
  text-indent: -9999em;
  width: 190px;
  height: 199px;
  transition: transform 0.15s; }
  .universe .universe-cta:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
.universe .universe-cta--spongebob {
  background-position: 0 0; }
.universe .universe-cta--tmnt {
  margin-top: 140px;
  background-position: -190px 0; }
.universe .universe-cta--generic {
  background-position: 0 -199px; }
.universe .universe-cta--breadwinners {
  margin-top: 140px;
  background-position: -190px -199px; }
.universe .universe-cta--sanjay {
  margin-top: 0px;
  background-position: 0px -398px; }


/* layouts/_competition.scss */
.competition .page-header {
  padding: 0; }
.competition .intro-content {
  position: relative;
  min-height: 125px;
  padding-top: 10px;
  background-color: #ff008c;
  background-image: url("../images/competition_header_bg.png");
  background-position: 0 0;
  background-size: cover;
  color: #ffffff; }
  .competition .intro-content .slime {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -31px; }
.competition .page-heading {
  font-size: 114px;
  font-size: 7.125rem;
  line-height: 1; }
.competition .main-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
  .competition .main-content .competition-content-text {
    position: relative;
    float: left;
    width: 41.60156%;
    background-color: #147199; }
    .competition .main-content .competition-content-text p {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.4375; }
    .competition .main-content .competition-content-text .main {
      padding: 35px 8.21596%;
      background-color: #00b1f0; }
    .competition .main-content .competition-content-text .tsandcs {
      padding: 35px 0 35px 60px;
      margin: 0 8.21596%;
      background-image: url("../images/competition_tsandcs_flag.png");
      background-repeat: no-repeat;
      background-position: 0 35px; }
    .competition .main-content .competition-content-text .slime {
      position: absolute;
      top: 0;
      right: 0;
      margin-top: -10px;
      margin-right: -9px; }
  .competition .main-content .competition-content-image {
    float: right;
    width: 58.39844%;
    background-color: #fff; }
    .competition .main-content .competition-content-image img {
      width: 100%;
      max-width: 100%;
      height: auto; }

/* layouts/_cheatsheet.scss */
.cheatsheet {
  height: 100%;
  min-height: 100%;
  background-color: #f5f000;
}
.cheatsheet .page-header {
  position: relative;
  background-image: url("../images/page_icon_cheatsheet.gif"); }
  .cheatsheet .intro-content {
      padding-right: 335px;
  }
  .cheatsheet .page-header .intro-content img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 190px;
    z-index: 100;
    }
  .cheatsheet .page-header .slime {
    position: absolute;
    top: 0;
    left: 27.92969%; }
.cheatsheet .main-content {
  /*position: absolute;
  top: 190px;
  bottom: 111px;*/
  width: 100%;
min-height: 65%;
position: relative;
}
.cheatsheet .cheatsheet-menu{
  clear: left;
  float: left;
  width: 100%;
  height: 100%;
  background-color: #00b1f0;
  overflow: hidden;
  }
  .cheatsheet .cheatsheet-menu li:nth-child(odd) {
    background-color: #0086b6; }
  .cheatsheet .cheatsheet-menu li:hover {
    background-color: #FF6700; }
  .cheatsheet .cheatsheet-menu li.active {
    background-color: #FF6700; }
  .cheatsheet .cheatsheet-menu a {
    display: block;
    padding: 10px 12.82051% 10px 16.23932%;
    font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff; }
  .cheatsheet .scroll-cover.slime {
    left: 19.1%;
    margin-left: -25px;
    position: absolute;
    top: -16px;
    z-index: 999; }
.cheatsheet .cheatsheet-detail {
  padding-left: 340px;
  display: none;
  }
  .cheatsheet .cheatsheet-detail .cheatsheet-video {
    position: relative;
    min-height: 280px;
    background-color: #939393;
     }
     .cheatsheet .cheatsheet-detail .cheatsheet-summary .cheatsheet-text a {
       color: #26bdf2;
       text-decoration: none;
     }

     .cheatsheet .cheatsheet-detail .cheatsheet-summary .cheatsheet-text p {
      line-height: 1.5;
     }


     .cheatsheet .cheatsheet-detail .cheatsheet-video object {
         margin: 0px auto;
         display: block;
     }
  .cheatsheet .cheatsheet-detail .cheatsheet-video img {
    display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  }
  .cheatsheet .cheatsheet-detail .cheatsheet-play {
    position: absolute;
    top: 77px;
    left: 50%;
    display: block;
    width: 152px;
    height: 152px;
    margin-left: -76px;
    background-image: url("../images/cheatsheet_play.png");
    background-position: 50% 50%;
    text-indent: -9999em; }
  .cheatsheet .cheatsheet-detail .cheatsheet-summary {
    padding: 30px 5.94937%;
    background-color: #000000;
    height: 600px;}
    .cheatsheet .cheatsheet-detail .cheatsheet-summary .cheatsheet-term {
      float: left;
      width: 16.23563%; }
    .cheatsheet .cheatsheet-detail .cheatsheet-summary .cheatsheet-label {
      display: inline-block;
      padding: 9px 25px;
      background-color: #00b1f0;
      font-family: "FuturaStd", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.2;
      text-transform: uppercase; }
    .cheatsheet .cheatsheet-detail .cheatsheet-summary .cheatsheet-heading {
      font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-style: normal;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.2;
      color: #00b1f0; }
.cheatsheet .control-panel {
  right: 0;
  bottom: 0;
  left: 0; }


  .mCSB_1_container {
    overflow: hidden;
    height: 100%;
  }

/*# sourceMappingURL=screen.css.map */


.auth .page-header {
padding-right: 0px;
position: relative;
background-image: url("../images/page_icon_register.gif"); }
.auth .page-header .slime {
position: absolute;
top: 0;
left: 27.92969%; }
.auth .main-content {
background-image: url("../images/register-bg.gif") !important;}
.auth .main-content .login-register-area {
clear: both;
overflow: hidden;
width: 100%;
position:relative; }
.auth .main-content .login-register-area .terms-conditions {
font-size: 0.8em; }
.auth .main-content .login-register-area .terms-conditions a {
color: white;
font-style: underline; }
.auth .main-content .login-register-area .button--noBorder {
    vertical-align: top;
border: 0; }
.auth .main-content .login-register-area .button--formAlign {
    float: left;
margin-left: 37.17969%; }
.auth .main-content .login-register-area .register--labelAlign {
    height: 45px;
   display: inline-block;
    font-size: 13px;
    width: 199px; }
.auth .main-content .login-register-area .button--terms {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 12px;
line-height: 0.1; }
.auth .main-content .login-register-area h1 {
font-style: italic;
font-family: "FuturaStdCnd","Helvetica Neue","Helvetica","Arial",sans-serif;
padding-bottom: 0; }
.auth .main-content .login-register-area .form-align {
padding-bottom: 3.95313%;
display: table; }
.auth .main-content .login-register-area .form-align label {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
display: table-cell;
vertical-align: middle;
width: 150px; }
.auth .main-content .login-register-area .form-align input {
width: 250px;
height: 40px;
border: none;
display: table-cell;
font-size: 1.5em; }
.auth .main-content .login-register-area .register-container {
float: left;
padding: 3.41797%;
background-color: #ff008c; }
.auth .main-content .login-register-area .register-container .register-area {
padding: 3.41797% 0 3.41797% 0;
margin: auto; }
.auth .main-content .login-register-area .register-container .register-area .username-wrapper {
width: 410px; }
.auth .main-content .login-register-area .register-container .register-area .username-label {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    text-transform: uppercase;
cursor: pointer;
float: left;
margin-top: 8px; }
.auth .main-content .login-register-area .register-container .register-area .custom-checkbox {
width: 26px;
height: 26px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
position: relative;
float: left;
background: url("../images/checkbox.png") no-repeat; }
.auth .main-content .login-register-area .register-container .register-area .button--terms .custom-checkbox {
    margin-top: 4px;
}
.auth .main-content .login-register-area .register-container .register-area .custom-checkbox:hover {
cursor: pointer; }
.auth .main-content .login-register-area .register-container .register-area .selected {
background: url("../images/checkbox-checked.png") no-repeat; }
.auth .main-content .login-register-area .register-container .register-area .custom-checkbox input[type="radio"] {
margin: 8px 0 0;
position: relative;
z-index: -1;
cursor: pointer;
outline: none; }
.auth .main-content .login-register-area .register-container .register-area .register-section {
padding-top: 3.41797%; }
.auth .main-content .login-register-area .register-container .register-area .register-section .customPadding {
width: 350px;
display: inline-block;
padding-left: 36.76172%; }
.auth .main-content .login-register-area .register-container .register-area .register-section .customPadding .register--button__newline {
display: block; }
.auth .register--button__newline {
    margin-top: 20px;
}
.auth .main-content .login-register-area .login-container {
position: absolute;
right:0px;
margin-left: auto;
height: 100%; }
.auth .main-content .login-register-area .login-container .login-area {
background-color: #00b1f0;
padding:13.672%;
height: 50%; }
.auth .main-content .login-register-area .login-container .login-area p {
    margin-bottom: 5px;
    font-size: 0.875rem;
}
.auth .main-content .login-register-area .login-container .bottom-half {
background-color: #147199;
height: 50%; }
.auth .main-content .login-register-area .login-container .bottom-half img {
display: block;
position: absolute;
bottom:0px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 50%; }
.auth .main-content .login-register-area .login-container .forgot {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    clear: right;
    color: white;
    display: block;
    float: right;
    font-size: 0.7em;
    height: 10px;
    line-height: 1;
    margin: 0 0 11px;
    padding: 0;
    background-image: none;}

.auth .main-content .login-register-area .login-container .forgot:hover {
    text-decoration: none;
}

.submission {
background-color: #F5F000; }
.submission .page-header {
position: relative;
background-image: url("../images/page_icon_register.gif"); }
.submission .page-header .slime {
position: absolute;
top: 0;
left: 27.92969%; }
.submission .main-content {
background-image: url("../images/register-bg.gif"); }
.submission .overlay-container {
  background-image: url('../images/overlay-bg.png');
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
}
.submission .overlay {
  position: absolute;
  width: 400px;
  height: 345px;
  background-image: url('../images/community-bg.png');
  left: 0;
  right: 0;
  top: 50px;
  margin: 0 auto;
  z-index: 100;
}

.submission .overlay .awards-holder {
  width: 100%;
  overflow: auto;
  margin-top: -100px;
  text-align: center;
  position: absolute;
  width: 200%;
  margin-left: -50%;
  height: 100%;
}
.submission .overlay .awards-holder img{

  width: 30%;
  position: relative;
}
.submission .overlay p {
  padding-top: 200px;
  text-align: center;
}

.submission .overlay .button-holder{
  text-align: center;
}

.preview {
  display:none;
}

.submission .overlay .awards-holder img:nth-child(1) {
  float: none;
}

.submission .overlay .awards-holder img:nth-child(2) {
  float: left;
  margin-left:12%;
  margin-top: 2%;
}

.submission .overlay .awards-holder img:nth-child(3) {
  left: 34%;
  position: absolute;
  top: 0;
}

.submission .overlay .awards-holder .image-1 {
-ms-transform: rotate(-7deg); /* IE 9 */
-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
transform: rotate(-7deg);

margin-top: 20px;
z-index: 1;

}
.submission .overlay .awards-holder .image-2 {
z-index:9999;

}
.submission .overlay .awards-holder .image-3 {
  -ms-transform: rotate(7deg); /* IE 9 */
  -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  transform: rotate(7deg);
  margin-left: -60px;
  margin-top: 20px;
  z-index:1;

}


.submission .main-content .submission-preview-area {
  overflow: auto;
  position: relative;
}
.submission .main-content .submission-preview-area .terms-conditions {
font-size: 0.8em; }
.submission .main-content .submission-preview-area .terms-conditions a {
color: white;
font-style: underline; }
.submission .main-content .submission-preview-area .button--noBorder {
border: 0; }
.submission .main-content .submission-preview-area .button--formAlign {
margin-left: 34.17969%; }
.submission .main-content .submission-preview-area .register--labelAlign {
display: inline-block;
width: 200px; }
.submission .main-content .submission-preview-area .button--terms {
display: inline-block;
font-size: 0.8em; }
.submission .main-content .submission-preview-area .button--gallery, .submission .main-content .submission-preview-area .button--terms {
margin-top: 10px;
display: inline-block; }
.submission .main-content .submission-preview-area h1 {
font-style: italic;
padding-bottom: 2.92969%; }
.submission .main-content .submission-preview-area .form-align {
padding-bottom: 1.95313%;
display: table; }
.submission .main-content .submission-preview-area .form-align label {
display: table-cell;
min-width: 141px;
vertical-align: middle; }
.submission .main-content .submission-preview-area .form-align input {
width: 240px   ;
margin-left: 15px;
height: 40px;
border: none;
font-size: 1.3em;
display: table-cell; }
.submission .main-content .submission-preview-area .submission-container {
float: left;
padding: 3.41797%;
background-color: #ff008c;
width: 40.03906%;
min-width: 450px; }
.submission .main-content .submission-preview-area .submission-container .submission-area {
padding: 3.41797% 0 3.41797% 0;
margin: auto; }
.submission .main-content .submission-preview-area .submission-container .submission-area .username-wrapper {
width: 410px; }
.submission .main-content .submission-preview-area .submission-container .submission-area .username-label {
cursor: pointer;
float: left;
margin-top: 5px; }
.submission .main-content .submission-preview-area .custom-checkbox {
width: 26px;
height: 26px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: -5px;
display: block;
position: relative;
float: left;
background: url("../images/checkbox.png") no-repeat; }
.submission .main-content .submission-preview-area .custom-checkbox:hover {
cursor: pointer; }
.submission .main-content .submission-preview-area .selected {
background: url("../images/checkbox-checked.png") no-repeat; }
.submission .main-content .submission-preview-area .custom-checkbox input[type="radio"] {
margin: 8px 0 0;
position: relative;
z-index: -1;
cursor: pointer;
outline: none; }
.submission .main-content .submission-preview-area .submission-container .submission-area .submission-section {
padding-top: 3.41797%; }
.submission .main-content .submission-preview-area .submission-container .submission-area .submission-section label {
width: 160px; }
.submission .main-content .submission-preview-area .submission--checkboxes__align {
width: 440px;
padding-left: 174px; }
.submission .main-content .submission-preview-area .submission-container .submission-area .submission-section .submission--checkboxes__align label {
    width: 250px;
}
.submission .main-content .submission-preview-area .submission-container .submission-area .submission-section .register--button__newline {
margin-top: 20px;
display: block;
padding-left: 174px; }
.submission .main-content .submission-preview-area .preview-container {
margin-left: auto;
position: absolute;
right: 0px;
height: 100%;
width: 40%;
 }
.submission .main-content .submission-preview-area .preview-container .preview-area {
float: right;
background-color: #00b1f0;
height: 100%;
width: 100%;
}
.submission .main-content .submission-preview-area .preview-container .bottom-half img {
  float: left;
}
.submission .main-content .submission-preview-area .preview-container .bottom-half .submission--checkboxes__align {
  float: left;
  margin-left: 20px;
}
.submission .main-content .submission-preview-area .preview-container .preview-area .preview {
padding: 3.41797%;
height: 50%;
}
.submission .main-content .submission-preview-area .preview-container .preview-area .bottom-half {
padding: 3.41797%;
height: 50%;
}
.submission .main-content .submission-preview-area .preview-container .bottom-half {
background-color: #147199; }
.submission .main-content .submission-preview-area .preview-container .bottom-half img {
display: block;
position: relative;
margin-left: auto;
margin-right: auto; }
.submission .main-content .submission-preview-area .preview-container .forgot {
width: 10px;
font-size: 0.7em;
color: white; }

.submission .page-header {
  padding-right: 0px;
}

.forgot form {
    margin-bottom: 30px;
}

.forgot h2, .forgot label {

        font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: normal;
}
.forgot .page-header {
position: relative;
background-image: url("../images/page_icon_register.gif"); }
.forgot .page-header .slime {
position: absolute;
top: 0;
left: 27.92969%; }
.forgot .main-content {
background-image: url("../images/register-bg.gif"); }
.forgot .main-content .forgot-forgot-area {
    min-height: 100%;
display: flex; }
.forgot .main-content .forgot-forgot-area .terms-conditions {
font-size: 0.8em; }
.forgot .main-content .forgot-forgot-area .terms-conditions a {
color: white;
font-style: underline; }
.forgot .main-content .forgot-forgot-area .button--noBorder {
    vertical-align: top;
border: 0; }
.forgot .main-content .forgot-forgot-area .button--formAlign {
    float: left;
margin-left: 34.17969%; }
.forgot .main-content .forgot-forgot-area .register--labelAlign {
    height: 45px;
   display: inline-block;
    font-size: 13px;
    width: 199px; }
.forgot .main-content .forgot-forgot-area .button--terms {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 12px;
line-height: 0.1; }
.forgot .main-content .forgot-forgot-area h1 {
font-style: italic;
font-family: "FuturaStdCnd","Helvetica Neue","Helvetica","Arial",sans-serif;
padding-bottom: 2.92969%; }
.forgot .main-content .forgot-forgot-area .form-align {
padding-bottom: 3.95313%;
display: block; }
.forgot .main-content .forgot-forgot-area .form-align label {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
display: inline-block;
min-width: 130px; }
.forgot .main-content .forgot-forgot-area .form-align input[type="text"] {
width: 83%;
height: 40px;
border: none;
margin-right: 4%;
font-size: 1.5em; }
.forgot .main-content .forgot-forgot-area .form-align input[type="password"] {
width: 200px;
height: 40px;
border: none;
font-size: 1.5em;
 }
.forgot .main-content .forgot-forgot-area .form-align label {
width: 200px;
height: 40px;
border: none;
text-transform: uppercase; }
.forgot .main-content .forgot-forgot-area .forgot-container {
    width: 40%;
padding: 40px;
background-color: #ff008c; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area {
padding: 0;
margin: auto; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .username-wrapper {
width: 410px; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .username-label {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    text-transform: uppercase;
cursor: pointer;
float: left;
margin-top: 8px; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .custom-checkbox {
width: 26px;
height: 26px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
position: relative;
float: left;
background: url("../images/checkbox.png") no-repeat; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .button--terms .custom-checkbox {
    margin-top: 4px;
}
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .custom-checkbox:hover {
cursor: pointer; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .selected {
background: url("../images/checkbox-checked.png") no-repeat; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .custom-checkbox input[type="radio"] {
margin: 8px 0 0;
position: relative;
z-index: -1;
cursor: pointer;
outline: none; }
.forgot .main-content .forgot-forgot-area .forgot-container .register-area .forgot-section {
padding-top: 3.41797%; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .forgot-section .customPadding {
width: 350px;
display: inline-block;
padding-left: 30.76172%; }
.forgot .main-content .forgot-forgot-area .forgot-container .forgot-area .forgot-section .customPadding .forgot--button__newline {
display: block; }
.forgot .forgot--button__newline {
    margin-top: 20px;
}
.forgot .main-content .forgot-forgot-area .login-container {
    width: 40%;
    min-height: 100%;
    background-color: #00b1f0;

margin-left: auto; }
.forgot .login-area img {
    display: block;
    margin: -70px auto auto auto;
    position: relative;
    z-index: 10001;
}
.forgot .main-content .forgot-forgot-area .login-container .login-area {
padding: 6.83594%; }
.forgot .main-content .forgot-forgot-area .login-container .bottom-half {
background-color: #147199; }
.forgot .main-content .forgot-forgot-area .login-container .bottom-half img {
display: block;
position: relative;
margin-left: auto;
margin-right: auto; }
.forgot .main-content .login-register-area .login-container .forgot {
    font-family:"Nexa","Helvetica Neue","Helvetica","Arial",sans-serif;
    clear: right;
    color: white;
    display: block;
    float: right;
    font-size: 0.7em;
    height: 10px;
    line-height: 1;
    margin: 0 0 11px;
    padding: 0; }

.forgot .main-content .login-register-area .login-container .forgot:hover {
    text-decoration: none;
}

.forgot .page-header {
    padding: 0px;
}

div.editor {
    background: url("../images/repeatable-bg.gif") repeat scroll 0 0 black;
}

div.home {
  background-color: #333333;
}

.main-content .cheatsheet-section-chooser{
  float:left;
  z-index: 100;
  width: 100%;
  height: 88px;
}

.main-content .cheatsheet-section-chooser .cheatsheet-header {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  font-weight: 700;
  font-size: 22px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FF008C;
  border-bottom: 4px solid #BA2677;
}

.main-content .cheatsheet-section-chooser .active-header {
  background-color: #E2147E;
  border-top: 4px solid #BA2677;
  border-bottom: none;
}

.scrollbar-wrapper {
width: 340px;
position: absolute;
top: 0px;
bottom: 88px;
z-index: 998;
}

#how-to-videos{
  display:none;
}

.editor-placeholder-browser {
  display: none;
}

.editor-placeholder-width {
  display: none;
}

.cheatsheet--glossary__code{
font-style: italic;
}

.cheatsheet--glossary__pink{
  color: #FF008C;
}

.cheatsheet--glossary__noSpace{
  margin: 0;
}

.cheatsheet--glossary__indent{
  margin-left: 30px;
}

.cheatsheet--glossary__highlight {
  font-style: italic;
  font-weight: 600;
}

.community--image__mobile{
  display: none;
}

.community--image__desktop{
  display: block;
}

.cheatsheet--glossary--list__blue{
  padding-left: 25px;
  padding-bottom: 22px;
}

.cheatsheet--glossary--list__blue li {
  line-height: 1.5;
  list-style: disc;
  color: #00b1f0;
}

.cheatsheet--glossary--list__blue li span {
  color: white;
}

.feature__blue {
  background-color: #00b1f0;
}

.feature__purple {
  background-color: #199CD1;
}

.cheatsheet #how-to-videos .how-to-video-image {
  float: left;
  width: 100%;
  height: inherit;
  background-image: url('../images/video-sprites.png');
  background-repeat: no-repeat;
}

#introduction-editor{
  background-position: 5px 15px;
}

#simple-animation{
  background-position: 5px -238px;
}

#multiple-characters{
  background-position: 5px -487px;
}

#loop-animation{
  background-position: 5px -751px;
}

#if-animations{
  background-position: 5px -1042px;
}
#clever-animations{
  background-position: 5px -1304px;
}

#how-to-videos li {
  height: 130px;
}

#how-to-videos li:hover #introduction-editor{
  background-position: 5px -105px;
  background-color: #FF6700;
}

#how-to-videos li:hover #simple-animation{
  background-position: 5px -361px;
  background-color: #FF6700;
}

#how-to-videos li:hover #multiple-characters{
  background-position: 5px -609px;
  background-color: #FF6700;
}

#how-to-videos li:hover #loop-animation{
  background-position: 5px -899px;
  background-color: #FF6700;
}

#how-to-videos li:hover #if-animations{
  background-position: 5px -1178px;
  background-color: #FF6700;
}
#how-to-videos li:hover #clever-animations{
  background-position: 5px -1425px;
  background-color: #FF6700;
}

 .no-padding {
  padding: 0px;
}

.button--orange__zIndex {
  z-index: 100;
}

.achievement-item {
  position: relative;
}

.achievement-item__image img{
  width: 100%;
}

.achievement-item__image .overlay--awards {
  position:absolute;
  margin: 21%;
  height: 50%;
  width: 50%;
}

.button--logout {
  background-image:url('../images/logout-sprite.png');
  background-repeat: no-repeat;
  background-position: 7px 6px;
  z-index: 10000;
  padding-left: 35px;
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.button--help{
  background-image:url('../images/help-sprite.png');
  background-repeat: no-repeat;
  background-position: 7px 6px;
  padding-left: 27px;
  z-index: 998;
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.button--tandcs {
  background-image:url('../images/tandcs-sprite.png');
  background-repeat: no-repeat;
  background-position: 7px 6px;
  padding-left: 32px;
  z-index: 998;
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.button--logout__text {
  display: inline;
}

.button--logout__align {
  right: 22%;
}

.top-button-holder {
  right: 27.7344%;
  position: absolute;
  z-index: 998;
  margin-top:10px;
}

#glossary-button {
  float: left;
  width: 50%;
  height: 100%;
  padding-top: 28px;
  text-align: center;
}

#how-to-videos-button {
  float: right;
  width: 50%;
  padding-top: 20px;
  height: 100%;
  text-align: center;
}

.submission .black {
  color: #000;
}

.timings {
  padding: 15px 0 10px 70px;
  font-size: 14px;
  display: block;
}

.how-to-description{
  padding-top: 35px;
  display: block;
  font-size: 14px;
  margin-left: -35px;
}


#hidden_save_button {
    visibility:hidden;
    height: 1px;
    padding: 0px;
    margin: 0px;
    width: 0px;
}

.solve-its-completed{
  position:absolute;
  margin-top: 80px;
  margin-left: 80px;
}

.adminlogin .page-header {
    padding-right: 0px;
}


.adminlogin #login  {
    background: #00B1F0;
    padding: 100px;
}


.adminlogin #login_wrapper {
    width: 400px;
    margin: 0px auto;
}


.adminlogin #login_wrapper label, .adminlogin #login_wrapper input {
    padding: 5px;
    margin: 0px 5px;
}

.adminlogin #login_wrapper label {
    width: 150px;
    text-align: right;
}
.adminlogin #login_wrapper .form_input {
    margin: 10px 0px;

}
.community-filter{
  background-color: #F5F000;
  width: 100%;
  height: 80px;
  padding-top: 20px;
  padding-left: 20px;
}

.community-filter .button:nth-child(1) {
  margin-right: 20px;
}

.community-filter-menu {
  float: left;
}

.community-filter-menu > li:after{
  display: inline-block;
  margin-left: 1em;
  content: "";
  font-family: "FontAwesome",sans-serif;
}

.community-filter-submenu {
  padding-top: 20px;
  display: none;
  position: absolute;
  background: url('../images/filter_arrow.png') 20px 0px no-repeat;
  z-index: 10000;
}

.community-filter-submenu li:first-child a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.community-filter-submenu li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: none;
}

.community-filter-submenu li a {
  background-color: #147199;
  border-bottom: 1px solid #438dad;
}


.community-filter-submenu li a:hover {
  background-color: #0094C9;
}
.community-filter-submenu li a {
  padding: 10px;
  display: block;
  color: white;
  text-decoration: none;
}

.thumbnail-container {
  margin-left: auto;
  position: absolute;
  right: 0px;
  height: 100%;
  width: 40%;
  background-color: #00B1F0;
  padding: 3.41797%;
}

.thumbnail-area {
  float: right;
  height: 100%;
  width: 100%;
}

.thumbnail-selection-area {
  padding: 1%;
  width: 400px;
}

.thumbnail-selection-area img {
 padding: 1%;
 cursor: pointer;
}

.thumbnail-unselected {
  opacity: 0.5;
}

.thumbnail-selected {
  opacity: 1;
}

.submission--mobile {
  display: none;
}

.password-image-area {
  padding: 6.83594%;
}

.feature__list {
  padding-left: 40px;
  list-style: disc;
  margin-bottom: 20px;
  line-height: 1.3;
}
.feature__list li{
padding-bottom: 10px;
}

.feature__summary--para{
  margin-bottom: 10px;
}

.terms-container {
  width: 400px;
  padding-top: 50px;
}

.terms-container ul {
  font-size: 12px;
  list-style: disc outside none;
  line-height: 1.2;
}

.terms-and-conditions-area{
  background-color: white;
  padding: 50px;
  color: black;
}

.terms ol {
  list-style: decimal outside none;
  padding-bottom: 10px;
}

.terms li {
  padding-bottom: 5px;
}

.terms .sub-list {
  padding-left: 50px;
  list-style: lower-alpha outside none;
}

.password-instructions{
  font-size: 12px;
}

/* harness changes */
.no-touch body.sticky {
    padding-top: 56px;
}

div.home {
}

.slider .slide {
    background: #ffffff;
}

.home .main-content, .community .main-content, .solve-its .main-content,
.cheatsheet .main-content, .universe .main-content, .auth .main-content,
.forgot .main-content, .achievements .main-content, .submission .main-content
 {
    padding: 0px;

}

.no-touch a:hover {
    text-decoration: none;
    color: #ffffff;
}

div.home {
}

.universe h1, .auth .register-area h1, .auth .login-container h1 {
    color: #ffffff;
}


.auth .login-container a {
    text-decoration: underline;
}

.button--terms a {
  text-decoration: underline;
  color: #F5F000;
}

.solve-its-unavailable {
  color: #F5F000;
  display: none;
}

.button--terms__spacing {
  padding-bottom: 10px;
}

.submission .overlay-container .overlay .4-award-padding{
  padding-top: 125px;
}

.stats__number{
    clear: left;
    margin-top: 15px;
    color: black;
}

.stats__number p{
    line-height: 2.05;
    background-color: white;
    border-radius: 0px 5px 5px 0px;
    font-weight: 700;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    height: 33px;
}

.stats__number:before{
    content: "";
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    border-radius: 5px 0px 0px 5px;
    background: #83c430 url('../images/statistics_spritesheet.png') center 7px no-repeat;
}

.stats__number--likes:before{
    background: #ec0082 url('../images/statistics_spritesheet.png') center -73px no-repeat;
}

.home .overlay .notification-holder{
    left: 0px;
    right: 0px;
    margin-left: 0;
    width: 100%;
    margin-top: 0px;
    height: auto;
}

.home .overlay .notification-holder img{
    margin: 0px auto;
    margin-top: 30px;
    width: 100%;
}

.icon--likes, .icon--extensions{
    display: inline-block;
    margin: 0px auto;
    position: relative;
}

.icon--likes{
    margin-right: 20px;
}

.notif-number{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 48%;
    font-size: 50px;
}

#mtvnContainer{
    max-width: 100%;
}

.competition .main-content {
    padding: 0px;
}

.competition .page-header {
    min-height: 80px;
}




/* funnel widget */
#mtvnContainer .flux4 #funnelSM4 .input-text[type="text"] {
    width: 320px !important;
    float: left !important;
    box-shadow: none !important;
    border: none !important;
}

#mtvnContainer .flux4 #funnelSM4 p.primaryTextBoldBody {
  float: left;
  width: 140px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Nexa', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding-top: 3px;
}

#mtvnContainer .flux4 #funnelSM4 select.dropdown {
    width: 104px;
}
#mtvnContainer .flux4 #funnelSM4 .answerOptionText, #mtvnContainer .flux4 #funnelSM4 .pollIsClosed  {
    color: #ffffff;

}
 #mtvnContainer .flux4 #funnelSM4 .pollIsClosed  {
    font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#mtvnContainer .flux4 #funnelSM4 .questionItem:hover {
    background: none !important;
}
#mtvnContainer .flux4 #funnelSM4 .answerOptionText.selected {
    background: none;
}

#mtvnContainer .flux4 #funnelSM4 .submitButton.submitButton {
    font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    float: right;
    width: 110px;
}

#mtvnContainer #funnelSM4 span.field-validation-error span.validationMessage {
    color: yellow;
}

.submission-area label {
    font-family: "Nexa", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

}

.list__tc{
    list-style: disc;
}

.list__tc > li{
    padding-bottom: 10px;
}

.list__tc a{
    color: #F5F000;
}

.list__tc a:hover{
    text-decoration: underline;
    color: #F5F000;
}




.dnt-ci-button {
    background: url('../images/dnt_whole.png') no-repeat center center;
    width: 221px;
    height: 221px;
    overflow: hidden;
    padding: 0px;
    margin: 0px auto;
    position: relative;
}

.dnt-wrapper {
    text-transform: uppercase;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0.7;
    z-index: 3;
    transition: opacity 150ms ease 0s;
    font-size: 28px;
    padding: 82px 40px;
    font-family: "Arial Black",arial,helvetica,sans-serif;
    cursor: pointer;
    z-index: 10000009;
    position: relative;
}

.dnt-wrapper:hover {
    opacity: 0.9;
    background: url('../images/dnt_hover.png') no-repeat top center;
}
.dnt-wrapper.dnt-hover:hover {
    background: none;
}

.dnt-wrapper span {
    position: relative;
    z-index: 10000009;
    cursor: pointer;
}

.dnt-loading .dnt-wrapper span {
    overflow: hidden;
    padding-top: 100%;
    height: 0px;
    display: block;
    z-index: 10000009;
    position: relative;
}

.dnt-loading .dnt-wrapper {
    opacity: 0.9;
    position: relative;
}

.dnt-ci-button .dnt-ci-ring {
    display: none;
    z-index: 10000007;
    position: relative;
}

.dnt-loading .dnt-ci-ring {
    display: block;
    background:  url('../images/dnt_ring.png') no-repeat top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 10000007;
}


.dnt-ci-glow {
    display: block;
    background:  url('../images/dnt_glow.png') no-repeat top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 16px;
    display: none;
    z-index: 10000008;
}

.dnt-ci-button .dnt-ci-slime {
    display: none;
    z-index: 1000006;
    position: relative;
}

.dnt-ci-button .dnt-ci-dark {
    display: none;
}

.dnt-loading .dnt-ci-slime {
    display: block;
    background:  url('../images/dnt_slime.png') no-repeat -10px 150px ;
    width: 190px;
    height: 190px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1000006;
}

.dnt-loading .dnt-ci-dark {
    display: block;
    background: transparent url("../images/dnt_hover.png") no-repeat scroll center top;
    width: 190px;
    height: 210px;
    position: absolute;
    top: 0px;
    left: 14px;
    z-index: 1000005;
}


.dnt-loading.animate-slime  .dnt-ci-slime {
    background-position: -250px -30px;
}