/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 16, ../sass/screen.scss */
html, body {
  height: 100%;
}

/* line 19, ../sass/screen.scss */
body {
  font-family: "jubilat", Georgia, serif;
  font-size: 16px;
  line-height: 1.25em;
  background: url(../images/bkg-texture.jpg);
}

/* line 26, ../sass/screen.scss */
h3 {
  color: #f21952;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 0.875em;
  margin: auto;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.07143em;
}

/* line 38, ../sass/screen.scss */
strong {
  font-weight: 800;
}

/* line 41, ../sass/screen.scss */
em {
  font-style: italic;
}

/* line 45, ../sass/screen.scss */
a, a:visited {
  color: white;
  text-decoration: none;
}

/* line 49, ../sass/screen.scss */
a:hover {
  color: #f21952;
}

/* line 52, ../sass/screen.scss */
p {
  padding: 0px 0.625em;
}

/* line 56, ../sass/screen.scss */
.wrapper {
  position: relative;
  background: #ff0042;
  background: rgba(242, 25, 82, 0.75);
  height: auto !important;
  /* ie6 ignores !important, so this will be overridden below */
  min-height: 100%;
  /* ie6 ignores min-height completely */
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  min-width: 768px;
}
/* line 68, ../sass/screen.scss */
.wrapper .shadow-t {
  position: absolute;
  height: 30%;
  width: 100%;
  top: 0px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, #000000, rgba(0, 0, 0, 0));
}
/* line 76, ../sass/screen.scss */
.wrapper .shadow-b {
  position: fixed;
  height: 40%;
  width: 100%;
  content: '';
  bottom: 0px;
  top: auto;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000000);
}

/* line 90, ../sass/screen.scss */
.main {
  padding-top: 50px;
}

/* line 93, ../sass/screen.scss */
.center {
  max-width: 1150px;
  margin: auto;
}

/* line 99, ../sass/screen.scss */
header {
  position: absolute;
  display: block;
  background: #323433;
  width: 100%;
  color: white;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 800;
  height: 55px;
  zoom: 1;
  text-transform: uppercase;
  z-index: 100;
}
/* line 37, ../sass/modules/_variables.scss */
header:before, header:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
header:after {
  clear: both;
}
/* line 111, ../sass/screen.scss */
header .center {
  max-width: 850px;
}
/* line 114, ../sass/screen.scss */
header.main {
  top: -300px;
  padding: 0px;
}
/* line 118, ../sass/screen.scss */
header a {
  float: left;
  margin: 20px 5px 0px;
}
/* line 123, ../sass/screen.scss */
header li {
  float: left;
  font-size: 0.875em;
  color: white;
}
/* line 127, ../sass/screen.scss */
header li a {
  float: none;
  color: #28bfc6;
}
/* line 133, ../sass/screen.scss */
header .logo-st {
  text-indent: -9999px;
  width: 180px;
  height: 55px;
  background: url(../images/sprite-nav.png) 75px -245px no-repeat;
  margin: 0px;
}
/* line 140, ../sass/screen.scss */
header h1 {
  float: left;
  background: black;
  text-transform: uppercase;
  height: 100%;
  line-height: 55px;
  padding: 0px 10px;
  font-size: 1.125em;
  font-weight: 800;
  letter-spacing: 0.125em;
  cursor: pointer;
}
/* line 151, ../sass/screen.scss */
header h1 span {
  color: #f21952;
  font-family: "jubilat", Georgia, serif;
}
/* line 156, ../sass/screen.scss */
header .socials {
  float: left;
  font-size: 0.6875em;
  margin-left: 13px;
}
/* line 160, ../sass/screen.scss */
header .socials .social {
  float: left;
  margin: 13px 0px 0px;
}

/* line 169, ../sass/screen.scss */
nav {
  z-index: 110;
  position: relative;
  position: absolute;
  left: 0px;
  top: 160px;
  width: 107px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  display: none;
}
/* line 181, ../sass/screen.scss */
nav .nav-container {
  background: url(../images/pattern-black.png);
  padding: 10px;
  position: relative;
  width: 87px;
}
/* line 188, ../sass/screen.scss */
nav .pic {
  position: fixed;
  width: 110px;
  height: 160px;
  background: url(../images/sprite-nav.png) -480px 0px;
  text-indent: -9999px;
  z-index: 5;
  right: 0px;
  top: 400px;
  margin-top: -160px;
  -webkit-backface-visibility: hidden;
}
/* line 201, ../sass/screen.scss */
nav .points {
  background: url(../images/pattern-white.png) 0 0;
  position: relative;
  width: 70%;
  text-align: center;
  bottom: 4px;
  left: 16px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  border-top: none;
}
/* line 210, ../sass/screen.scss */
nav .points .num {
  font-size: 30px;
  font-style: italic;
  padding-top: 10px;
  font-weight: 500;
}
/* line 216, ../sass/screen.scss */
nav .points span {
  text-transform: uppercase;
  font-size: 12px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 500;
}
/* line 224, ../sass/screen.scss */
nav ul {
  border: solid 4px black;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
nav ul:before, nav ul:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
nav ul:after {
  clear: both;
}
/* line 228, ../sass/screen.scss */
nav ul li.active {
  background: #f21952;
}
/* line 231, ../sass/screen.scss */
nav ul li a {
  background: url(../images/sprite-nav.png);
  padding: 10px;
  height: 80px;
  display: block;
  border-top: black solid 2px;
  border-bottom: black solid 2px;
  text-indent: -999px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}
/* line 242, ../sass/screen.scss */
nav ul li a.inactive, nav ul li a.complete {
  cursor: default;
}
/* line 247, ../sass/screen.scss */
nav ul li .char {
  background-position: 0px 0px;
}
/* line 249, ../sass/screen.scss */
nav ul li .char.active, nav ul li .char:hover {
  background-position: -80px 0px;
}
/* line 252, ../sass/screen.scss */
nav ul li .char.inactive, nav ul li .char.inactive:hover {
  background-position: 0px 0px;
}
/* line 256, ../sass/screen.scss */
nav ul li .char.complete, nav ul li .char.complete:hover {
  background-position: -160px 0px;
}
/* line 261, ../sass/screen.scss */
nav ul li .s1 {
  background-position: -240px -80px;
}
/* line 263, ../sass/screen.scss */
nav ul li .s1.active, nav ul li .s1:hover {
  background-position: -320px -80px;
}
/* line 266, ../sass/screen.scss */
nav ul li .s1.inactive, nav ul li .s1.inactive:hover {
  background-position: -240px -80px;
}
/* line 269, ../sass/screen.scss */
nav ul li .s1.complete, nav ul li .s1.complete:hover {
  background-position: -400px -80px;
}
/* line 274, ../sass/screen.scss */
nav ul li .s2 {
  background-position: 0px -80px;
}
/* line 276, ../sass/screen.scss */
nav ul li .s2.active, nav ul li .s2:hover {
  background-position: -80px -80px;
}
/* line 279, ../sass/screen.scss */
nav ul li .s2.inactive, nav ul li .s2.inactive:hover {
  background-position: 0px -80px;
}
/* line 282, ../sass/screen.scss */
nav ul li .s2.complete, nav ul li .s2.complete:hover {
  background-position: -160px -80px;
}
/* line 287, ../sass/screen.scss */
nav ul li .s3 {
  background-position: 0px -160px;
}
/* line 289, ../sass/screen.scss */
nav ul li .s3.active, nav ul li .s3:hover {
  background-position: -80px -160px;
}
/* line 292, ../sass/screen.scss */
nav ul li .s3.inactive, nav ul li .s3.inactive:hover {
  background-position: 0px -160px;
}
/* line 295, ../sass/screen.scss */
nav ul li .s3.complete, nav ul li .s3.complete:hover {
  background-position: -160px -160px;
}
/* line 300, ../sass/screen.scss */
nav ul li .s4 {
  background-position: -240px -0px;
}
/* line 302, ../sass/screen.scss */
nav ul li .s4.active, nav ul li .s4:hover {
  background-position: -320px -0px;
}
/* line 305, ../sass/screen.scss */
nav ul li .s4.inactive, nav ul li .s4.inactive:hover {
  background-position: -240px -0px;
}
/* line 308, ../sass/screen.scss */
nav ul li .s4.complete, nav ul li .s4.complete:hover {
  background-position: -400px -0px;
}
/* line 312, ../sass/screen.scss */
nav ul li .s5 {
  background-position: -240px -160px;
}
/* line 314, ../sass/screen.scss */
nav ul li .s5.active, nav ul li .s5:hover {
  background-position: -320px -160px;
}
/* line 317, ../sass/screen.scss */
nav ul li .s5.inactive, nav ul li .s5.inactive:hover {
  background-position: -240px -160px;
}
/* line 320, ../sass/screen.scss */
nav ul li .s5.complete, nav ul li .s5.complete:hover {
  background-position: -400px -160px;
}

/* line 331, ../sass/screen.scss */
section {
  padding-left: 100px;
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
}

/* line 341, ../sass/screen.scss */
.social {
  background: url(../images/sprite-btns.png) 0 0 no-repeat;
  text-indent: -9999px;
  position: relative;
  display: block;
  width: 37px;
  height: 35px;
  padding: 0px;
}

/* line 351, ../sass/screen.scss */
.social.tweet {
  background-position: -0px  -200px;
  margin-right: 10px;
}
/* line 354, ../sass/screen.scss */
.social.tweet:hover {
  background-position: -40px -200px;
}

/* line 358, ../sass/screen.scss */
.social.like {
  background-position: -0px -235px;
}
/* line 360, ../sass/screen.scss */
.social.like:hover {
  background-position: -40px -235px;
}

/* line 365, ../sass/screen.scss */
.btn {
  background: url(../images/pattern-white.png) 0 0 repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  padding: 0px 10px;
  display: inline-block;
  cursor: pointer;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 0.07143em;
  line-height: 35px;
  color: black;
  text-align: center;
  position: relative;
}
/* line 380, ../sass/screen.scss */
.btn:hover {
  color: black;
}
/* line 383, ../sass/screen.scss */
.btn.aright {
  padding-right: 45px;
}
/* line 385, ../sass/screen.scss */
.btn.aright:after {
  background: url(../images/sprite-btns.png) -160px -120px no-repeat;
  height: 15px;
  width: 22px;
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
}
/* line 395, ../sass/screen.scss */
.btn.aright:hover::after {
  background-position: -200px -120px;
}
/* line 399, ../sass/screen.scss */
.btn.aleft {
  padding-right: 45px;
}
/* line 401, ../sass/screen.scss */
.btn.aleft:after {
  background: url(../images/sprite-btns.png) -160px -160px no-repeat;
  height: 15px;
  width: 22px;
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
}
/* line 411, ../sass/screen.scss */
.btn.aleft:hover::after {
  background-position: -200px -160px;
}
/* line 415, ../sass/screen.scss */
.btn.circle.aleft {
  padding: 0px;
}
/* line 417, ../sass/screen.scss */
.btn.circle.aleft:after {
  background-position: -160px -40px;
  right: auto;
  top: auto;
  left: 50%;
  margin-left: -10px;
  bottom: 9px;
}
/* line 425, ../sass/screen.scss */
.btn.circle.aleft:hover::after {
  background-position: -200px -40px;
}
/* line 430, ../sass/screen.scss */
.btn.circle.aright {
  padding: 0px;
}
/* line 432, ../sass/screen.scss */
.btn.circle.aright:after {
  background-position: -160px -80px;
  right: auto;
  top: auto;
  left: 50%;
  margin-left: -10px;
  bottom: 9px;
}
/* line 440, ../sass/screen.scss */
.btn.circle.aright:hover::after {
  background-position: -200px -80px;
}
/* line 446, ../sass/screen.scss */
.btn.circle.white.aright:after {
  background-position: -160px -120px;
}
/* line 449, ../sass/screen.scss */
.btn.circle.white.aright:hover::after {
  background-position: -200px -120px;
}

/* line 455, ../sass/screen.scss */
.btn.white {
  background: url(../images/pattern-white.png) 0 0 repeat;
  color: black;
}

/* line 460, ../sass/screen.scss */
.btn.pink {
  background: url(../images/pattern-pink.png) 0 0 repeat;
  color: black;
}
/* line 463, ../sass/screen.scss */
.btn.pink span {
  color: white;
  font-family: "jubilat", Georgia, serif;
  font-size: 1.0625em;
  letter-spacing: 0.17647em;
  display: block;
}

/* line 472, ../sass/screen.scss */
.pink {
  color: #f21952;
}

/* line 475, ../sass/screen.scss */
.lgrey {
  color: #cccccc;
}

/* line 478, ../sass/screen.scss */
.grey {
  color: #323433;
}

/* line 481, ../sass/screen.scss */
.teal {
  color: #28bfc6;
}

/* line 485, ../sass/screen.scss */
.black {
  color: black;
}

/* line 490, ../sass/screen.scss */
.circle {
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% / 50%;
  border-radius: 50% / 50%;
  padding: 0px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 800;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 0.07143em;
  line-height: 35px;
  color: black;
  text-align: center;
  position: relative;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
/* line 511, ../sass/screen.scss */
.circle .txt {
  line-height: 17px;
  margin-top: 18px;
}
/* line 515, ../sass/screen.scss */
.circle span {
  display: block;
  font-family: "jubilat", Georgia, serif;
}
/* line 519, ../sass/screen.scss */
.circle.white {
  background: url(../images/pattern-white.png);
}

/* line 527, ../sass/screen.scss */
.share .btn {
  background: url(../images/sprite-btns.png) 0 0 no-repeat;
  width: 50px;
  height: 50px;
  padding: 0px;
  margin-top: 10px;
}
/* line 533, ../sass/screen.scss */
.share .btn.twitter {
  background-position: 0px -80px;
}
/* line 535, ../sass/screen.scss */
.share .btn.twitter.white {
  background-position: -240px -80px;
}
/* line 538, ../sass/screen.scss */
.share .btn.twitter:hover {
  background-position: -80px -80px;
}
/* line 542, ../sass/screen.scss */
.share .btn.facebook {
  background-position: 0px -140px;
}
/* line 544, ../sass/screen.scss */
.share .btn.facebook.white {
  background-position: -240px -140px;
}
/* line 547, ../sass/screen.scss */
.share .btn.facebook:hover {
  background-position: -80px -140px;
}

/* line 554, ../sass/screen.scss */
.loc {
  position: absolute;
  width: 100%;
  top: 0px;
}
/* line 558, ../sass/screen.scss */
.loc .scenario {
  overflow: hidden;
  padding-top: 80px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 14, ../sass/modules/_character.scss */
.wrapper.customize {
  background: #28bfc6;
  background: rgba(24, 114, 118, 0.85);
}
/* line 18, ../sass/modules/_character.scss */
.wrapper.customize .shadow-b {
  -webkit-transition: 2s ease-out;
  -moz-transition: 2s ease-out;
  -o-transition: 2s ease-out;
  transition: 2s ease-out;
  opacity: .5;
}

/* line 24, ../sass/modules/_character.scss */
#customize {
  margin-top: 80px;
}
/* line 26, ../sass/modules/_character.scss */
#customize .person {
  position: relative;
}
/* line 29, ../sass/modules/_character.scss */
#customize .customize {
  width: 760px;
  margin: 0px auto 0px;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .customize:before, #customize .customize:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .customize:after {
  clear: both;
}
/* line 35, ../sass/modules/_character.scss */
#customize .header {
  position: relative;
  margin: auto;
  top: 15px;
  text-align: center;
  float: right;
  margin-right: 85px;
}
/* line 42, ../sass/modules/_character.scss */
#customize .header h2 {
  font-family: "jubilat", Georgia, serif;
  color: white;
  font-style: italic;
  letter-spacing: .125em;
  display: inline-block;
  font-size: 14px;
  margin-right: 3px;
}
/* line 51, ../sass/modules/_character.scss */
#customize .header a.btn {
  margin: 0px;
  padding: 0px 13px 14px;
  background: #535c5d;
  color: #929292;
  font-size: 14px;
  letter-spacing: .1em;
}
/* line 58, ../sass/modules/_character.scss */
#customize .header a.btn.active {
  background: black;
  color: #f21952;
}
/* line 65, ../sass/modules/_character.scss */
#customize .random {
  display: block;
  float: left;
  text-align: center;
  line-height: 20px;
  position: relative;
  margin: 15px 0px 10px 395px;
  cursor: pointer;
  position: absolute;
  top: 553px;
}
/* line 75, ../sass/modules/_character.scss */
#customize .random .info {
  line-height: 18px;
  padding: 15px 0px;
}
/* line 79, ../sass/modules/_character.scss */
#customize .random h3 {
  color: white;
}
/* line 82, ../sass/modules/_character.scss */
#customize .random p {
  font-style: italic;
  color: white;
}
/* line 86, ../sass/modules/_character.scss */
#customize .random .icon {
  position: absolute;
  width: 60px;
  height: 70px;
  left: -60px;
  background: url(../images/sprite-custom.png) -500px -550px;
  top: -10px;
}
/* line 94, ../sass/modules/_character.scss */
#customize .random a {
  display: none;
}
/* line 101, ../sass/modules/_character.scss */
#customize .name p.main {
  padding-top: 0px;
}
/* line 104, ../sass/modules/_character.scss */
#customize .name p {
  color: black;
  text-align: center;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
  letter-spacing: .05em;
  display: none;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 0px 10px 0px;
  width: 162px;
}
/* line 117, ../sass/modules/_character.scss */
#customize .name p span {
  color: white;
  text-transform: uppercase;
  font-family: "jubilat", Georgia, serif;
  font-weight: 700;
  letter-spacing: .07em;
  font-size: 16px;
}
/* line 126, ../sass/modules/_character.scss */
#customize .name input {
  background: url(../images/pattern-white.png) 0 0;
  -webkit-border-radius: 15px 15px;
  -moz-border-radius: 15px / 15px;
  border-radius: 15px / 15px;
  height: 50px;
  width: 175px;
  text-align: center;
  font-size: 23px;
  font-family: "jubilat", Georgia, serif;
  margin-left: -11px;
}
/* line 138, ../sass/modules/_character.scss */
#customize .nextbtn {
  margin-left: -35px;
  float: left;
  z-index: 136;
  position: relative;
  top: 214px;
  display: none;
}
/* line 147, ../sass/modules/_character.scss */
#customize .finishquiz {
  margin-left: -35px;
  float: left;
  z-index: 136;
  position: relative;
  top: 214px;
}
/* line 153, ../sass/modules/_character.scss */
#customize .finishquiz span {
  color: #28bfc6;
  font-size: 1.0625em;
  letter-spacing: 0.17647em;
  display: block;
}
/* line 162, ../sass/modules/_character.scss */
#customize .boy .random .icon {
  width: 50px;
  background-position: -450px -550px;
}
/* line 172, ../sass/modules/_character.scss */
#customize .boy .full-character .body {
  background: url(../images/custom/default-b.png) no-repeat 0px 2px;
  height: 438px;
}
/* line 175, ../sass/modules/_character.scss */
#customize .boy .full-character .body.medium {
  background-position: -155px 2px;
}
/* line 178, ../sass/modules/_character.scss */
#customize .boy .full-character .body.small {
  background-position: -0px 2px;
}
/* line 181, ../sass/modules/_character.scss */
#customize .boy .full-character .body.large {
  background-position: -310px 2px;
}
/* line 184, ../sass/modules/_character.scss */
#customize .boy .full-character .body.pale {
  background-image: url(../images/custom/sprite-b-pale.png);
}
/* line 187, ../sass/modules/_character.scss */
#customize .boy .full-character .body.fair {
  background-image: url(../images/custom/sprite-b-fair.png);
}
/* line 190, ../sass/modules/_character.scss */
#customize .boy .full-character .body.tan {
  background-image: url(../images/custom/sprite-b-tan.png);
}
/* line 193, ../sass/modules/_character.scss */
#customize .boy .full-character .body.dtan {
  background-image: url(../images/custom/sprite-b-dtan.png);
}
/* line 196, ../sass/modules/_character.scss */
#customize .boy .full-character .body.brown {
  background-image: url(../images/custom/sprite-b-brown.png);
}
/* line 199, ../sass/modules/_character.scss */
#customize .boy .full-character .body.dbrown {
  background-image: url(../images/custom/sprite-b-dbrown.png);
}
/* line 202, ../sass/modules/_character.scss */
#customize .boy .full-character .body.green {
  background-image: url(../images/custom/sprite-b-green.png);
}
/* line 205, ../sass/modules/_character.scss */
#customize .boy .full-character .body.pattern {
  background-image: url(../images/custom/sprite-b-pattern.png);
}
/* line 210, ../sass/modules/_character.scss */
#customize .boy .full-character .accessory {
  top: 22px;
}
/* line 213, ../sass/modules/_character.scss */
#customize .boy .full-character .shoes {
  background: url(../images/custom/sprite-b-shoes.png) no-repeat 200px 0px;
  height: 80px;
  top: 358px;
  z-index: 0;
}
/* line 219, ../sass/modules/_character.scss */
#customize .boy .full-character .bottoms {
  background: url(../images/custom/sprite-bottoms-b-medium.png) no-repeat 200px 0px;
  top: 205px;
  z-index: 1;
}
/* line 224, ../sass/modules/_character.scss */
#customize .boy .full-character .small .bottoms {
  background-image: url(../images/custom/sprite-bottoms-b-small.png);
}
/* line 228, ../sass/modules/_character.scss */
#customize .boy .full-character .large .bottoms {
  background-image: url(../images/custom/sprite-bottoms-b-large.png);
}
/* line 232, ../sass/modules/_character.scss */
#customize .boy .full-character .tops {
  background: url(../images/custom/sprite-tops-b-medium.png) no-repeat 200px 0px;
  z-index: 2;
}
/* line 237, ../sass/modules/_character.scss */
#customize .boy .full-character .small .tops {
  background-image: url(../images/custom/sprite-tops-b-small.png);
}
/* line 241, ../sass/modules/_character.scss */
#customize .boy .full-character .large .tops {
  background-image: url(../images/custom/sprite-tops-b-large.png);
}
/* line 246, ../sass/modules/_character.scss */
#customize .boy .full-character .hair {
  background: url(../images/custom/sprite-hair-blonde-b.png) no-repeat 200px 0px;
  height: 85px;
  top: -19px;
}
/* line 250, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.blonde {
  background-image: url(../images/custom/sprite-hair-blonde-b.png);
}
/* line 253, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.gold {
  background-image: url(../images/custom/sprite-hair-gold-b.png);
}
/* line 256, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.red {
  background-image: url(../images/custom/sprite-hair-red-b.png);
}
/* line 259, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.brown {
  background-image: url(../images/custom/sprite-hair-brown-b.png);
}
/* line 262, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.dbrown {
  background-image: url(../images/custom/sprite-hair-dbrown-b.png);
}
/* line 265, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.black {
  background-image: url(../images/custom/sprite-hair-black-b.png);
}
/* line 268, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.purple {
  background-image: url(../images/custom/sprite-hair-purple-b.png);
}
/* line 271, ../sass/modules/_character.scss */
#customize .boy .full-character .hair.rainbow {
  background-image: url(../images/custom/sprite-hair-rainbow-b.png);
}
/* line 281, ../sass/modules/_character.scss */
#customize .full-character {
  float: left;
  position: relative;
  width: 155px;
  top: 55px;
}
/* line 287, ../sass/modules/_character.scss */
#customize .full-character .tops, #customize .full-character .bottoms, #customize .full-character .body, #customize .full-character .shoes, #customize .full-character .hair, #customize .full-character .accessory {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 293, ../sass/modules/_character.scss */
#customize .full-character .tops.a, #customize .full-character .bottoms.a, #customize .full-character .body.a, #customize .full-character .shoes.a, #customize .full-character .hair.a, #customize .full-character .accessory.a {
  background-position: 0px 0px;
}
/* line 296, ../sass/modules/_character.scss */
#customize .full-character .tops.b, #customize .full-character .bottoms.b, #customize .full-character .body.b, #customize .full-character .shoes.b, #customize .full-character .hair.b, #customize .full-character .accessory.b {
  background-position: -155px 0px;
}
/* line 299, ../sass/modules/_character.scss */
#customize .full-character .tops.c, #customize .full-character .bottoms.c, #customize .full-character .body.c, #customize .full-character .shoes.c, #customize .full-character .hair.c, #customize .full-character .accessory.c {
  background-position: -310px 0px;
}
/* line 302, ../sass/modules/_character.scss */
#customize .full-character .tops.d, #customize .full-character .bottoms.d, #customize .full-character .body.d, #customize .full-character .shoes.d, #customize .full-character .hair.d, #customize .full-character .accessory.d {
  background-position: -465px 0px;
}
/* line 305, ../sass/modules/_character.scss */
#customize .full-character .tops.e, #customize .full-character .bottoms.e, #customize .full-character .body.e, #customize .full-character .shoes.e, #customize .full-character .hair.e, #customize .full-character .accessory.e {
  background-position: -620px 0px;
}
/* line 308, ../sass/modules/_character.scss */
#customize .full-character .tops.f, #customize .full-character .bottoms.f, #customize .full-character .body.f, #customize .full-character .shoes.f, #customize .full-character .hair.f, #customize .full-character .accessory.f {
  background-position: -775px 0px;
}
/* line 311, ../sass/modules/_character.scss */
#customize .full-character .tops.g, #customize .full-character .bottoms.g, #customize .full-character .body.g, #customize .full-character .shoes.g, #customize .full-character .hair.g, #customize .full-character .accessory.g {
  background-position: -930px 0px;
}
/* line 314, ../sass/modules/_character.scss */
#customize .full-character .tops.h, #customize .full-character .bottoms.h, #customize .full-character .body.h, #customize .full-character .shoes.h, #customize .full-character .hair.h, #customize .full-character .accessory.h {
  background-position: -1085px 0px;
}
/* line 317, ../sass/modules/_character.scss */
#customize .full-character .tops.i, #customize .full-character .bottoms.i, #customize .full-character .body.i, #customize .full-character .shoes.i, #customize .full-character .hair.i, #customize .full-character .accessory.i {
  background-position: -1240px 0px;
}
/* line 320, ../sass/modules/_character.scss */
#customize .full-character .tops.j, #customize .full-character .bottoms.j, #customize .full-character .body.j, #customize .full-character .shoes.j, #customize .full-character .hair.j, #customize .full-character .accessory.j {
  background-position: -1395px 0px;
}
/* line 323, ../sass/modules/_character.scss */
#customize .full-character .tops.k, #customize .full-character .bottoms.k, #customize .full-character .body.k, #customize .full-character .shoes.k, #customize .full-character .hair.k, #customize .full-character .accessory.k {
  background-position: -1550px 0px;
}
/* line 326, ../sass/modules/_character.scss */
#customize .full-character .tops.l, #customize .full-character .bottoms.l, #customize .full-character .body.l, #customize .full-character .shoes.l, #customize .full-character .hair.l, #customize .full-character .accessory.l {
  background-position: -1705px 0px;
}
/* line 336, ../sass/modules/_character.scss */
#customize .full-character .bottoms {
  background: url(../images/custom/sprite-bottoms-g-medium.png) no-repeat 200px 0px;
  height: 210px;
  top: 213px;
  z-index: 2;
}
/* line 343, ../sass/modules/_character.scss */
#customize .full-character .small .bottoms {
  background-image: url(../images/custom/sprite-bottoms-g-small.png);
}
/* line 346, ../sass/modules/_character.scss */
#customize .full-character .large .bottoms {
  background-image: url(../images/custom/sprite-bottoms-g-large.png);
}
/* line 349, ../sass/modules/_character.scss */
#customize .full-character .accessory {
  background: url(../images/custom/sprite-accessories.png) no-repeat 200px 0px;
  width: 155px;
  height: 100px;
  top: 25px;
  z-index: 5;
}
/* line 357, ../sass/modules/_character.scss */
#customize .full-character .tops {
  background: url(../images/custom/sprite-tops-g-medium.png) no-repeat 200px 0px;
  height: 160px;
  top: 66px;
  z-index: 1;
}
/* line 364, ../sass/modules/_character.scss */
#customize .full-character .small .tops {
  background-image: url(../images/custom/sprite-tops-g-small.png);
}
/* line 367, ../sass/modules/_character.scss */
#customize .full-character .large .tops {
  background-image: url(../images/custom/sprite-tops-g-large.png);
}
/* line 371, ../sass/modules/_character.scss */
#customize .full-character .shoes {
  background: url(../images/custom/sprite-g-shoes.png) no-repeat 200px 0px;
  height: 80px;
  top: 335px;
  z-index: 3;
}
/* line 377, ../sass/modules/_character.scss */
#customize .full-character .hair {
  top: -33px;
  height: 155px;
  background: url(../images/custom/sprite-hair-blonde-g.png) no-repeat 200px 0px;
  z-index: 3;
}
/* line 382, ../sass/modules/_character.scss */
#customize .full-character .hair.blonde {
  background-image: url(../images/custom/sprite-hair-blonde-g.png);
}
/* line 385, ../sass/modules/_character.scss */
#customize .full-character .hair.gold {
  background-image: url(../images/custom/sprite-hair-gold-g.png);
}
/* line 388, ../sass/modules/_character.scss */
#customize .full-character .hair.red {
  background-image: url(../images/custom/sprite-hair-red-g.png);
}
/* line 391, ../sass/modules/_character.scss */
#customize .full-character .hair.brown {
  background-image: url(../images/custom/sprite-hair-brown-g.png);
}
/* line 394, ../sass/modules/_character.scss */
#customize .full-character .hair.dbrown {
  background-image: url(../images/custom/sprite-hair-dbrown-g.png);
}
/* line 397, ../sass/modules/_character.scss */
#customize .full-character .hair.black {
  background-image: url(../images/custom/sprite-hair-black-g.png);
}
/* line 400, ../sass/modules/_character.scss */
#customize .full-character .hair.purple {
  background-image: url(../images/custom/sprite-hair-purple-g.png);
}
/* line 403, ../sass/modules/_character.scss */
#customize .full-character .hair.rainbow {
  background-image: url(../images/custom/sprite-hair-rainbow-g.png);
}
/* line 407, ../sass/modules/_character.scss */
#customize .full-character .body {
  height: 420px;
  width: 155px;
  background: url(../images/custom/default-g.png) no-repeat -2px 4px;
  overflow: visible;
  position: relative;
}
/* line 413, ../sass/modules/_character.scss */
#customize .full-character .body.small {
  background: url(../images/custom/sprite-g-fair.png) no-repeat;
  background-position: -0px 1px;
}
/* line 418, ../sass/modules/_character.scss */
#customize .full-character .body.medium {
  background: url(../images/custom/sprite-g-fair.png) no-repeat;
  background-position: -155px 1px;
}
/* line 422, ../sass/modules/_character.scss */
#customize .full-character .body.large {
  background: url(../images/custom/sprite-g-fair.png) no-repeat;
  background-position: -310px 1px;
}
/* line 427, ../sass/modules/_character.scss */
#customize .full-character .body.pale {
  background-image: url(../images/custom/sprite-g-pale.png);
}
/* line 430, ../sass/modules/_character.scss */
#customize .full-character .body.fair {
  background-image: url(../images/custom/sprite-g-fair.png);
}
/* line 433, ../sass/modules/_character.scss */
#customize .full-character .body.tan {
  background-image: url(../images/custom/sprite-g-tan.png);
}
/* line 436, ../sass/modules/_character.scss */
#customize .full-character .body.dtan {
  background-image: url(../images/custom/sprite-g-dtan.png);
}
/* line 439, ../sass/modules/_character.scss */
#customize .full-character .body.brown {
  background-image: url(../images/custom/sprite-g-brown.png);
}
/* line 442, ../sass/modules/_character.scss */
#customize .full-character .body.dbrown {
  background-image: url(../images/custom/sprite-g-dbrown.png);
}
/* line 445, ../sass/modules/_character.scss */
#customize .full-character .body.green {
  background-image: url(../images/custom/sprite-g-green.png);
}
/* line 448, ../sass/modules/_character.scss */
#customize .full-character .body.pattern {
  background-image: url(../images/custom/sprite-g-pattern.png);
}
/* line 455, ../sass/modules/_character.scss */
#customize .nav-top {
  position: absolute;
  width: 430px;
  height: 100px;
  -webkit-border-radius: 15px 15px;
  -moz-border-radius: 15px / 15px;
  border-radius: 15px / 15px;
  top: 0px;
  padding: 10px 0px 10px 10px;
  margin-left: 18px;
  z-index: 5;
}
/* line 465, ../sass/modules/_character.scss */
#customize .nav-top .btn {
  background: url(../images/sprite-custom.png) 0 -500px no-repeat;
  width: 54px;
  height: 54px;
  padding: 0px;
  margin: 0px 3px;
  border: solid 4px black;
  position: relative;
  overflow: visible;
}
/* line 474, ../sass/modules/_character.scss */
#customize .nav-top .btn:hover {
  border: solid 4px #f21952;
}
/* line 477, ../sass/modules/_character.scss */
#customize .nav-top .btn.active {
  border: solid 4px #f21952;
}
/* line 479, ../sass/modules/_character.scss */
#customize .nav-top .btn.active:after {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 17px;
  border-width: 21px 10px 0px 10px;
  border-style: solid;
  border-color: #F21952 transparent;
  display: block;
  width: 0;
}
/* line 491, ../sass/modules/_character.scss */
#customize .nav-top .btn.body {
  background-position: 0px -500px;
}
/* line 494, ../sass/modules/_character.scss */
#customize .nav-top .btn.hair {
  background-position: -68px -500px;
}
/* line 497, ../sass/modules/_character.scss */
#customize .nav-top .btn.tops {
  background-position: -136px -500px;
}
/* line 500, ../sass/modules/_character.scss */
#customize .nav-top .btn.bottoms {
  background-position: -205px -500px;
}
/* line 503, ../sass/modules/_character.scss */
#customize .nav-top .btn.shoes {
  background-position: -273px -500px;
}
/* line 506, ../sass/modules/_character.scss */
#customize .nav-top .btn.accessory {
  background-position: -341px -500px;
}
/* line 513, ../sass/modules/_character.scss */
#customize .boy .nav-top .hair {
  background-position: -68px -600px;
}
/* line 517, ../sass/modules/_character.scss */
#customize .nav-side {
  position: absolute;
  left: 30px;
  top: 120px;
  width: 120px;
  height: 300px;
  background: url(../images/sprite-custom.png) -487px 0px;
  padding: 10px 0px 0px 15px;
}
/* line 525, ../sass/modules/_character.scss */
#customize .nav-side .hair-opt {
  display: none;
}
/* line 528, ../sass/modules/_character.scss */
#customize .nav-side .btn {
  width: 20px;
  height: 20px;
  border: white 2px solid;
  float: none;
  display: block;
  margin: 10px 0px;
}
/* line 535, ../sass/modules/_character.scss */
#customize .nav-side .btn:hover, #customize .nav-side .btn.active {
  border-color: #f21952;
}
/* line 538, ../sass/modules/_character.scss */
#customize .nav-side .btn.blonde {
  background: #ffeeac;
}
/* line 541, ../sass/modules/_character.scss */
#customize .nav-side .btn.gold {
  background: #f4b917;
  margin-left: 1px;
}
/* line 545, ../sass/modules/_character.scss */
#customize .nav-side .btn.red {
  background: #971e02;
  margin-left: 2px;
}
/* line 549, ../sass/modules/_character.scss */
#customize .nav-side .btn.brown {
  background: #623613;
  margin-left: 3px;
}
/* line 553, ../sass/modules/_character.scss */
#customize .nav-side .btn.dbrown {
  background: #411e05;
  margin-left: 4px;
}
/* line 557, ../sass/modules/_character.scss */
#customize .nav-side .btn.black {
  background: black;
  margin-left: 5px;
}
/* line 561, ../sass/modules/_character.scss */
#customize .nav-side .btn.purple {
  background: #ac51ca;
  margin-left: 6px;
}
/* line 565, ../sass/modules/_character.scss */
#customize .nav-side .btn.rainbow {
  background: url(../images/sprite-custom.png) -415px -500px no-repeat;
  margin-left: 7px;
}
/* line 574, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.fair {
  background: #ffd8b1;
}
/* line 577, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.pale {
  background: #ffdd99;
  margin-left: 1px;
}
/* line 581, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.tan {
  background: #cc956a;
  margin-left: 2px;
}
/* line 585, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.dtan {
  background: #b87849;
  margin-left: 3px;
}
/* line 589, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.brown {
  background: #523521;
  margin-left: 4px;
}
/* line 593, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.dbrown {
  background: #25180e;
  margin-left: 5px;
}
/* line 597, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.green {
  background: #74ad05;
  margin-left: 6px;
}
/* line 601, ../sass/modules/_character.scss */
#customize .nav-side .skin-opt .btn.pattern {
  background: url(../images/sprite-custom.png) -455px -500px no-repeat;
  margin-left: 7px;
}
/* line 609, ../sass/modules/_character.scss */
#customize .wardrobe {
  float: left;
  width: 487px;
  height: 495px;
  position: relative;
  z-index: 5;
  margin-left: 70px;
}
/* line 617, ../sass/modules/_character.scss */
#customize .wardrobe .slide-container {
  width: 432px;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  margin-left: 28px;
}
/* line 626, ../sass/modules/_character.scss */
#customize .wardrobe .style-container {
  background: url(../images/sprite-custom.png);
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-top: 1px;
  position: relative;
  overflow: hidden;
}
/* line 636, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider {
  width: 5800px;
  position: absolute;
  top: 80px;
  left: 0px;
  height: 100%;
  margin-left: -28px;
}
/* line 644, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .btn {
  float: left;
}
/* line 648, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider > div {
  width: 540px;
  height: 100%;
  float: left;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider > div:before, #customize .wardrobe .style-container .slider > div:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider > div:after {
  clear: both;
}
/* line 654, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body {
  width: 490px;
  padding-left: 50px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .body:before, #customize .wardrobe .style-container .slider .body:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .body:after {
  clear: both;
}
/* line 660, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn {
  width: 130px;
  height: 365px;
  background: url(../images/custom/sprite-g-btn-body.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 667, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.small {
  background-position: 0px 0px;
}
/* line 670, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.small:hover, #customize .wardrobe .style-container .slider .body .btn.small.active {
  background-position: 0px -375px;
}
/* line 674, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.medium {
  background-position: -130px -0px;
}
/* line 676, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.medium:hover, #customize .wardrobe .style-container .slider .body .btn.medium.active {
  background-position: -130px -375px;
}
/* line 680, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.large {
  background-position: -275px -0px;
}
/* line 682, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .body .btn.large:hover, #customize .wardrobe .style-container .slider .body .btn.large.active {
  background-position: -275px -375px;
}
/* line 690, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops {
  width: 480px;
  padding-left: 45px;
  padding-right: 15px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .tops:before, #customize .wardrobe .style-container .slider .tops:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .tops:after {
  clear: both;
}
/* line 697, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn {
  width: 130px;
  height: 110px;
  background: url(../images/custom/sprite-g-btn-tops.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 704, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.a {
  background-position: 0px 0px;
}
/* line 707, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.a:hover, #customize .wardrobe .style-container .slider .tops .btn.a.active {
  background-position: 0px -375px;
}
/* line 711, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.b {
  background-position: -130px -0px;
}
/* line 713, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.b:hover, #customize .wardrobe .style-container .slider .tops .btn.b.active {
  background-position: -130px -375px;
}
/* line 717, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.c {
  background-position: -275px -0px;
}
/* line 719, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.c:hover, #customize .wardrobe .style-container .slider .tops .btn.c.active {
  background-position: -275px -375px;
}
/* line 723, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.d {
  background-position: -0px -125px;
}
/* line 725, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.d:hover, #customize .wardrobe .style-container .slider .tops .btn.d.active {
  background-position: -0px -505px;
}
/* line 729, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.e {
  background-position: -130px -125px;
}
/* line 731, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.e:hover, #customize .wardrobe .style-container .slider .tops .btn.e.active {
  background-position: -130px -505px;
}
/* line 735, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.f {
  background-position: -275px -125px;
}
/* line 737, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.f:hover, #customize .wardrobe .style-container .slider .tops .btn.f.active {
  background-position: -275px -505px;
}
/* line 741, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.g {
  background-position: -0 -250px;
}
/* line 743, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.g:hover, #customize .wardrobe .style-container .slider .tops .btn.g.active {
  background-position: -0 -630px;
}
/* line 747, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.h {
  background-position: -130px -250px;
}
/* line 749, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.h:hover, #customize .wardrobe .style-container .slider .tops .btn.h.active {
  background-position: -130px -630px;
}
/* line 753, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.i {
  background-position: -275px -250px;
}
/* line 755, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .tops .btn.i:hover, #customize .wardrobe .style-container .slider .tops .btn.i.active {
  background-position: -275px -630px;
}
/* line 761, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms {
  width: 440px;
  padding-left: 65px;
  padding-right: 35px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .bottoms:before, #customize .wardrobe .style-container .slider .bottoms:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .bottoms:after {
  clear: both;
}
/* line 768, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn {
  width: 100px;
  height: 130px;
  background: url(../images/custom/sprite-g-btn-bottoms.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
}
/* line 774, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.a {
  height: 100px;
  background-position: -0px 0px;
}
/* line 777, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.a:hover, #customize .wardrobe .style-container .slider .bottoms .btn.a.active {
  background-position: -0px -375px;
}
/* line 781, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.b {
  height: 100px;
  background-position: -130px -0px;
}
/* line 784, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.b:hover, #customize .wardrobe .style-container .slider .bottoms .btn.b.active {
  background-position: -130px -375px;
}
/* line 788, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.c {
  height: 100px;
  background-position: -245px -0px;
}
/* line 791, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.c:hover, #customize .wardrobe .style-container .slider .bottoms .btn.c.active {
  background-position: -245px -375px;
}
/* line 795, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.d {
  height: 150px;
  background-position: -0px -100px;
}
/* line 798, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.d:hover, #customize .wardrobe .style-container .slider .bottoms .btn.d.active {
  background-position: -0px -475px;
}
/* line 802, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.e {
  height: 150px;
  background-position: -130px -100px;
}
/* line 805, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.e:hover, #customize .wardrobe .style-container .slider .bottoms .btn.e.active {
  background-position: -130px -475px;
}
/* line 809, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.f {
  height: 150px;
  background-position: -245px -100px;
}
/* line 812, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.f:hover, #customize .wardrobe .style-container .slider .bottoms .btn.f.active {
  background-position: -245px -475px;
}
/* line 816, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.g {
  height: 100px;
  background-position: -0px -270px;
}
/* line 819, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.g:hover, #customize .wardrobe .style-container .slider .bottoms .btn.g.active {
  background-position: -0px -645px;
}
/* line 823, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.h {
  height: 100px;
  background-position: -130px -270px;
}
/* line 826, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.h:hover, #customize .wardrobe .style-container .slider .bottoms .btn.h.active {
  background-position: -130px -645px;
}
/* line 830, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.i {
  height: 100px;
  background-position: -245px -270px;
}
/* line 833, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .bottoms .btn.i:hover, #customize .wardrobe .style-container .slider .bottoms .btn.i.active {
  background-position: -245px -645px;
}
/* line 839, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes {
  width: 485px;
  padding-left: 45px;
  margin-top: 50px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .shoes:before, #customize .wardrobe .style-container .slider .shoes:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .shoes:after {
  clear: both;
}
/* line 845, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn {
  width: 110px;
  height: 110px;
  background: url(../images/custom/sprite-g-btn-shoes.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
}
/* line 851, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.a {
  background-position: -0px 0px;
}
/* line 853, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.a:hover, #customize .wardrobe .style-container .slider .shoes .btn.a.active {
  background-position: -0px -375px;
}
/* line 857, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.b {
  background-position: -140px -0px;
}
/* line 859, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.b:hover, #customize .wardrobe .style-container .slider .shoes .btn.b.active {
  background-position: -140px -375px;
}
/* line 863, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.c {
  background-position: -280px -0px;
}
/* line 865, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.c:hover, #customize .wardrobe .style-container .slider .shoes .btn.c.active {
  background-position: -280px -375px;
}
/* line 869, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.d {
  background-position: -0px -135px;
}
/* line 871, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.d:hover, #customize .wardrobe .style-container .slider .shoes .btn.d.active {
  background-position: -0px -510px;
}
/* line 875, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.e {
  background-position: -140px -135px;
}
/* line 877, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.e:hover, #customize .wardrobe .style-container .slider .shoes .btn.e.active {
  background-position: -140px -510px;
}
/* line 881, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.f {
  background-position: -280px -135px;
}
/* line 883, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.f:hover, #customize .wardrobe .style-container .slider .shoes .btn.f.active {
  background-position: -280px -510px;
}
/* line 887, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.g {
  background-position: -0px -235px;
}
/* line 889, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.g:hover, #customize .wardrobe .style-container .slider .shoes .btn.g.active {
  background-position: -0px -610px;
}
/* line 893, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.h {
  background-position: -140px -235px;
}
/* line 895, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.h:hover, #customize .wardrobe .style-container .slider .shoes .btn.h.active {
  background-position: -140px -610px;
}
/* line 899, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.i {
  background-position: -280px -235px;
}
/* line 901, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .shoes .btn.i:hover, #customize .wardrobe .style-container .slider .shoes .btn.i.active {
  background-position: -280px -610px;
}
/* line 907, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair {
  width: 465px;
  padding-left: 50px;
  padding-right: 25px;
  margin-top: 20px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .hair:before, #customize .wardrobe .style-container .slider .hair:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .hair:after {
  clear: both;
}
/* line 914, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn {
  width: 80px;
  height: 100px;
  background: url(../images/custom/sprite-g-btn-hair.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 921, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.a {
  background-position: -0px 0px;
}
/* line 923, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.a:hover, #customize .wardrobe .style-container .slider .hair .btn.a.active {
  background-position: -0 -375px;
}
/* line 927, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.b {
  width: 90px;
  background-position: -80px -0px;
}
/* line 930, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.b:hover, #customize .wardrobe .style-container .slider .hair .btn.b.active {
  background-position: -80px -375px;
}
/* line 934, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.c {
  width: 110px;
  background-position: -175px -0px;
}
/* line 937, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.c:hover, #customize .wardrobe .style-container .slider .hair .btn.c.active {
  background-position: -175px -375px;
}
/* line 941, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.d {
  width: 110px;
  background-position: -285px -0px;
}
/* line 944, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.d:hover, #customize .wardrobe .style-container .slider .hair .btn.d.active {
  background-position: -285px -375px;
}
/* line 948, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.e {
  height: 140px;
  background-position: -0px -100px;
}
/* line 951, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.e:hover, #customize .wardrobe .style-container .slider .hair .btn.e.active {
  background-position: -0px -475px;
}
/* line 955, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.f {
  height: 140px;
  width: 90px;
  background-position: -80px -100px;
}
/* line 959, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.f:hover, #customize .wardrobe .style-container .slider .hair .btn.f.active {
  background-position: -80px -475px;
}
/* line 963, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.g {
  height: 140px;
  width: 110px;
  background-position: -175px -100px;
}
/* line 967, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.g:hover, #customize .wardrobe .style-container .slider .hair .btn.g.active {
  background-position: -175px -475px;
}
/* line 971, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.h {
  height: 140px;
  width: 110px;
  background-position: -285px -100px;
}
/* line 975, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.h:hover, #customize .wardrobe .style-container .slider .hair .btn.h.active {
  background-position: -285px -475px;
}
/* line 979, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.i {
  background-position: -0px -250px;
}
/* line 981, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.i:hover, #customize .wardrobe .style-container .slider .hair .btn.i.active {
  background-position: -0px -625px;
}
/* line 985, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.j {
  width: 90px;
  background-position: -80px -250px;
}
/* line 988, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.j:hover, #customize .wardrobe .style-container .slider .hair .btn.j.active {
  background-position: -80px -625px;
}
/* line 992, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.k {
  width: 110px;
  background-position: -175px -250px;
}
/* line 995, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.k:hover, #customize .wardrobe .style-container .slider .hair .btn.k.active {
  background-position: -175px -625px;
}
/* line 999, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.l {
  width: 110px;
  background-position: -285px -250px;
}
/* line 1002, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .hair .btn.l:hover, #customize .wardrobe .style-container .slider .hair .btn.l.active {
  background-position: -285px -625px;
}
/* line 1008, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory {
  width: 502px;
  padding-left: 38px;
  margin-top: 50px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .accessory:before, #customize .wardrobe .style-container .slider .accessory:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .wardrobe .style-container .slider .accessory:after {
  clear: both;
}
/* line 1014, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn {
  width: 145px;
  height: 100px;
  background: url(../images/custom/sprite-btn-accessories.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 1021, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.a {
  background-position: -0px 0px;
}
/* line 1023, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.a:hover, #customize .wardrobe .style-container .slider .accessory .btn.a.active {
  background-position: -0px -375px;
}
/* line 1027, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.b {
  background-position: -139px -0px;
}
/* line 1029, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.b:hover, #customize .wardrobe .style-container .slider .accessory .btn.b.active {
  background-position: -139px -375px;
}
/* line 1033, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.c {
  background-position: -275px -0px;
}
/* line 1035, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.c:hover, #customize .wardrobe .style-container .slider .accessory .btn.c.active {
  background-position: -275px -375px;
}
/* line 1039, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.d {
  background-position: -0px -110px;
}
/* line 1041, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.d:hover, #customize .wardrobe .style-container .slider .accessory .btn.d.active {
  background-position: -0px -485px;
}
/* line 1045, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.e {
  background-position: -139px -110px;
}
/* line 1047, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.e:hover, #customize .wardrobe .style-container .slider .accessory .btn.e.active {
  background-position: -139px -485px;
}
/* line 1051, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.f {
  background-position: -275px -110px;
}
/* line 1053, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.f:hover, #customize .wardrobe .style-container .slider .accessory .btn.f.active {
  background-position: -275px -485px;
}
/* line 1057, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.g {
  background-position: -0px -215px;
}
/* line 1059, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.g:hover, #customize .wardrobe .style-container .slider .accessory .btn.g.active {
  background-position: -0px -590px;
}
/* line 1063, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.h {
  background-position: -139px -215px;
}
/* line 1065, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.h:hover, #customize .wardrobe .style-container .slider .accessory .btn.h.active {
  background-position: -139px -590px;
}
/* line 1069, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.i {
  background-position: -275px -215px;
}
/* line 1071, ../sass/modules/_character.scss */
#customize .wardrobe .style-container .slider .accessory .btn.i:hover, #customize .wardrobe .style-container .slider .accessory .btn.i.active {
  background-position: -275px -590px;
}
/* line 1081, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body {
  width: 420px;
  padding-left: 35px;
  padding-right: 85px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .body:before, #customize .boy .wardrobe .slider .body:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .body:after {
  clear: both;
}
/* line 1088, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn {
  width: 135px;
  height: 365px;
  background: url(../images/custom/sprite-b-btn-body.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 1095, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.small {
  background-position: 0px 0px;
}
/* line 1098, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.small:hover, #customize .boy .wardrobe .slider .body .btn.small.active {
  background-position: 0px -375px;
}
/* line 1102, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.medium {
  background-position: -130px -0px;
}
/* line 1104, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.medium:hover, #customize .boy .wardrobe .slider .body .btn.medium.active {
  background-position: -130px -375px;
}
/* line 1108, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.large {
  background-position: -275px -0px;
}
/* line 1110, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .body .btn.large:hover, #customize .boy .wardrobe .slider .body .btn.large.active {
  background-position: -275px -375px;
}
/* line 1116, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops {
  width: 420px;
  padding-left: 55px;
  padding-right: 65px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .tops:before, #customize .boy .wardrobe .slider .tops:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .tops:after {
  clear: both;
}
/* line 1123, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn {
  width: 130px;
  height: 110px;
  background: url(../images/custom/sprite-b-btn-tops.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 1130, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.a {
  background-position: 0px 0px;
}
/* line 1133, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.a:hover, #customize .boy .wardrobe .slider .tops .btn.a.active {
  background-position: 0px -375px;
}
/* line 1137, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.b {
  background-position: -125px -0px;
}
/* line 1139, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.b:hover, #customize .boy .wardrobe .slider .tops .btn.b.active {
  background-position: -125px -375px;
}
/* line 1143, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.c {
  background-position: -250px -0px;
}
/* line 1145, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.c:hover, #customize .boy .wardrobe .slider .tops .btn.c.active {
  background-position: -250px -375px;
}
/* line 1149, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.d {
  background-position: -0px -125px;
}
/* line 1151, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.d:hover, #customize .boy .wardrobe .slider .tops .btn.d.active {
  background-position: -0px -500px;
}
/* line 1155, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.e {
  background-position: -125px -125px;
}
/* line 1157, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.e:hover, #customize .boy .wardrobe .slider .tops .btn.e.active {
  background-position: -125px -500px;
}
/* line 1161, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.f {
  background-position: -250px -125px;
}
/* line 1163, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.f:hover, #customize .boy .wardrobe .slider .tops .btn.f.active {
  background-position: -250px -500px;
}
/* line 1167, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.g {
  background-position: -0 -250px;
}
/* line 1169, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.g:hover, #customize .boy .wardrobe .slider .tops .btn.g.active {
  background-position: -0 -625px;
}
/* line 1173, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.h {
  background-position: -125px -250px;
}
/* line 1175, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.h:hover, #customize .boy .wardrobe .slider .tops .btn.h.active {
  background-position: -125px -625px;
}
/* line 1179, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.i {
  background-position: -250px -250px;
}
/* line 1181, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .tops .btn.i:hover, #customize .boy .wardrobe .slider .tops .btn.i.active {
  background-position: -250px -625px;
}
/* line 1187, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms {
  width: 400px;
  padding-left: 45px;
  padding-right: 95px;
  margin-top: 30px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .bottoms:before, #customize .boy .wardrobe .slider .bottoms:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .bottoms:after {
  clear: both;
}
/* line 1194, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn {
  width: 60px;
  height: 190px !important;
  background: url(../images/custom/sprite-b-btn-bottoms.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
}
/* line 1200, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.a {
  background-position: -0 0px;
}
/* line 1203, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.a:hover, #customize .boy .wardrobe .slider .bottoms .btn.a.active {
  background-position: -0 -375px;
}
/* line 1207, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.b {
  background-position: -80px -0px;
}
/* line 1210, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.b:hover, #customize .boy .wardrobe .slider .bottoms .btn.b.active {
  background-position: -80px -375px;
}
/* line 1214, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.c {
  background-position: -160px -0px;
}
/* line 1217, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.c:hover, #customize .boy .wardrobe .slider .bottoms .btn.c.active {
  background-position: -160px -375px;
}
/* line 1221, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.d {
  background-position: -245px -0px;
}
/* line 1224, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.d:hover, #customize .boy .wardrobe .slider .bottoms .btn.d.active {
  background-position: -245px -375px;
}
/* line 1228, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.e {
  height: 150px;
  background-position: -330px -0px;
}
/* line 1231, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.e:hover, #customize .boy .wardrobe .slider .bottoms .btn.e.active {
  background-position: -330px -375px;
}
/* line 1235, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.f {
  margin-left: 20px;
  height: 150px !important;
  background-position: -20px -200px;
}
/* line 1239, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.f:hover, #customize .boy .wardrobe .slider .bottoms .btn.f.active {
  background-position: -20px -575px;
}
/* line 1243, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.g {
  height: 150px !important;
  width: 73px;
  background-position: -105px -200px;
}
/* line 1248, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.g:hover, #customize .boy .wardrobe .slider .bottoms .btn.g.active {
  background-position: -105px -575px;
}
/* line 1252, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.h {
  height: 100px;
  height: 150px !important;
  background-position: -205px -200px;
}
/* line 1256, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.h:hover, #customize .boy .wardrobe .slider .bottoms .btn.h.active {
  background-position: -205px -575px;
}
/* line 1260, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.i {
  height: 150px !important;
  background-position: -297px -200px;
}
/* line 1263, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .bottoms .btn.i:hover, #customize .boy .wardrobe .slider .bottoms .btn.i.active {
  background-position: -297px -575px;
}
/* line 1269, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes {
  width: 420px;
  padding-left: 30px;
  padding-right: 80px;
  margin-top: 45px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .shoes:before, #customize .boy .wardrobe .slider .shoes:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .shoes:after {
  clear: both;
}
/* line 1276, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn {
  width: 135px;
  padding: 0px;
  height: 110px;
  background: url(../images/custom/sprite-b-btn-shoes.png) no-repeat;
  cursor: pointer;
  margin: 5px 2px;
}
/* line 1283, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.a {
  background-position: -0px 0px;
}
/* line 1285, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.a:hover, #customize .boy .wardrobe .slider .shoes .btn.a.active {
  background-position: -0px -375px;
}
/* line 1289, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.b {
  background-position: -135px -0px;
}
/* line 1291, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.b:hover, #customize .boy .wardrobe .slider .shoes .btn.b.active {
  background-position: -135px -375px;
}
/* line 1295, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.c {
  background-position: -275px -0px;
}
/* line 1297, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.c:hover, #customize .boy .wardrobe .slider .shoes .btn.c.active {
  background-position: -275px -375px;
}
/* line 1301, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.d {
  background-position: -0px -135px;
}
/* line 1303, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.d:hover, #customize .boy .wardrobe .slider .shoes .btn.d.active {
  background-position: -0px -510px;
}
/* line 1307, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.e {
  background-position: -135px -135px;
}
/* line 1309, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.e:hover, #customize .boy .wardrobe .slider .shoes .btn.e.active {
  background-position: -135px -510px;
}
/* line 1313, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.f {
  background-position: -275px -135px;
}
/* line 1315, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.f:hover, #customize .boy .wardrobe .slider .shoes .btn.f.active {
  background-position: -275px -510px;
}
/* line 1319, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.g {
  background-position: -0px -235px;
}
/* line 1321, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.g:hover, #customize .boy .wardrobe .slider .shoes .btn.g.active {
  background-position: -0px -610px;
}
/* line 1325, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.h {
  background-position: -135px -235px;
}
/* line 1327, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.h:hover, #customize .boy .wardrobe .slider .shoes .btn.h.active {
  background-position: -135px -610px;
}
/* line 1331, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.i {
  background-position: -275px -235px;
}
/* line 1333, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .shoes .btn.i:hover, #customize .boy .wardrobe .slider .shoes .btn.i.active {
  background-position: -275px -610px;
}
/* line 1339, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair {
  width: 400px;
  padding-left: 55px;
  padding-right: 85px;
  margin-top: 45px;
  zoom: 1;
  float: left;
}
/* line 37, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .hair:before, #customize .boy .wardrobe .slider .hair:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#customize .boy .wardrobe .slider .hair:after {
  clear: both;
}
/* line 1346, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn {
  width: 90px;
  height: 100px;
  background: url(../images/custom/sprite-b-btn-hair.png) no-repeat;
  cursor: pointer;
  margin: 5px 0px;
  padding: 0px;
}
/* line 1353, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.a {
  background-position: -0px 0px;
}
/* line 1355, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.a:hover, #customize .boy .wardrobe .slider .hair .btn.a.active {
  background-position: -0px -375px;
}
/* line 1359, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.b {
  width: 90px;
  background-position: -100px -0px;
}
/* line 1362, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.b:hover, #customize .boy .wardrobe .slider .hair .btn.b.active {
  background-position: -100px -375px;
}
/* line 1366, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.c {
  width: 110px;
  background-position: -194px -0px;
}
/* line 1369, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.c:hover, #customize .boy .wardrobe .slider .hair .btn.c.active {
  background-position: -194px -375px;
}
/* line 1373, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.d {
  width: 110px;
  background-position: -302px -0px;
}
/* line 1376, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.d:hover, #customize .boy .wardrobe .slider .hair .btn.d.active {
  background-position: -302px -375px;
}
/* line 1380, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.e {
  height: 110px;
  background-position: -0px -100px;
}
/* line 1383, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.e:hover, #customize .boy .wardrobe .slider .hair .btn.e.active {
  background-position: -0px -475px;
}
/* line 1387, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.f {
  height: 110px;
  width: 90px;
  background-position: -100px -100px;
}
/* line 1391, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.f:hover, #customize .boy .wardrobe .slider .hair .btn.f.active {
  background-position: -100px -475px;
}
/* line 1395, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.g {
  height: 110px;
  width: 110px;
  background-position: -194px -100px;
}
/* line 1399, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.g:hover, #customize .boy .wardrobe .slider .hair .btn.g.active {
  background-position: -194px -475px;
}
/* line 1403, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.h {
  height: 110px;
  background-position: -302px -100px;
}
/* line 1406, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.h:hover, #customize .boy .wardrobe .slider .hair .btn.h.active {
  background-position: -302px -475px;
}
/* line 1410, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.i {
  background-position: -0px -220px;
}
/* line 1412, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.i:hover, #customize .boy .wardrobe .slider .hair .btn.i.active {
  background-position: -0px -595px;
}
/* line 1416, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.j {
  width: 90px;
  background-position: -100px -220px;
}
/* line 1419, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.j:hover, #customize .boy .wardrobe .slider .hair .btn.j.active {
  background-position: -100px -595px;
}
/* line 1423, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.k {
  width: 110px;
  background-position: -194px -220px;
}
/* line 1426, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.k:hover, #customize .boy .wardrobe .slider .hair .btn.k.active {
  background-position: -194px -595px;
}
/* line 1430, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.l {
  width: 110px;
  background-position: -302px -220px;
}
/* line 1433, ../sass/modules/_character.scss */
#customize .boy .wardrobe .slider .hair .btn.l:hover, #customize .boy .wardrobe .slider .hair .btn.l.active {
  background-position: -302px -595px;
}

/* line 1445, ../sass/modules/_character.scss */
.tablet #customize .name input {
  height: 45px;
}

@media only screen and (max-width: 768px) {
  /* line 1451, ../sass/modules/_character.scss */
  #customize {
    margin-left: 10px;
  }
  /* line 1453, ../sass/modules/_character.scss */
  #customize .customize {
    margin-bottom: 100px;
    margin-left: 15px;
  }
  /* line 1458, ../sass/modules/_character.scss */
  #customize .nextbtn, #customize .finishquiz {
    position: absolute;
    right: 98px;
    top: 550px;
  }
  /* line 1463, ../sass/modules/_character.scss */
  #customize .random {
    margin-left: 350px;
    margin-top: 30px;
  }
}
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 6, ../sass/modules/_home.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 8, ../sass/modules/_home.scss */
.wrapper.home {
  background: rgba(204, 0, 52, 0.85);
}

/* line 15, ../sass/modules/_home.scss */
header.home {
  height: 90px;
  background: url(../images/pattern-black.png);
  overflow: visible;
}
/* line 16, ../sass/modules/_home.scss */
header.home .center {
  width: 830px;
  position: relative;
  height: 90px;
  max-width: 900px;
}
/* line 25, ../sass/modules/_home.scss */
header.home .logo-st {
  text-indent: -9999px;
  width: 190px;
  height: 95px;
  background: url(../images/sprite-nav.png) 48px -245px no-repeat;
  margin: 0px;
}
/* line 32, ../sass/modules/_home.scss */
header.home h1 {
  background: black;
  font-size: 30px;
  color: #f21952;
  text-align: center;
  line-height: 30px;
  font-weight: 400;
  font-family: "jubilat", Georgia, serif;
  padding: 15px 20px 0px 20px;
  height: 75px;
  margin: 0px 0px;
  cursor: auto;
}
/* line 44, ../sass/modules/_home.scss */
header.home h1 span {
  font-weight: 800;
  letter-spacing: .1em;
}
/* line 48, ../sass/modules/_home.scss */
header.home h1 .sm {
  color: white;
  font-size: 18px;
  font-family: "proxima-nova", Arial, sans-serif;
  display: block;
  font-weight: 700;
}
/* line 57, ../sass/modules/_home.scss */
header.home .social {
  margin-top: 12px;
  width: 35px;
  height: 35px;
}
/* line 62, ../sass/modules/_home.scss */
header.home .social.tweet {
  background-position: -0px  -200px;
  margin-right: 3px;
}
/* line 65, ../sass/modules/_home.scss */
header.home .social.tweet:hover {
  background-position: -40px -200px;
}
/* line 69, ../sass/modules/_home.scss */
header.home .social.like {
  background-position: -0px -235px;
}
/* line 71, ../sass/modules/_home.scss */
header.home .social.like:hover {
  background-position: -40px -235px;
}
/* line 76, ../sass/modules/_home.scss */
header.home ul {
  position: absolute;
  top: 55px;
  left: 643px;
}
/* line 80, ../sass/modules/_home.scss */
header.home ul li {
  float: left;
}
/* line 88, ../sass/modules/_home.scss */
header.home a {
  margin-top: 0px;
  line-height: 12px;
  color: #777777;
  letter-spacing: .0em;
  font-size: 0.83333em;
}
/* line 94, ../sass/modules/_home.scss */
header.home a:hover {
  color: white;
}
/* line 98, ../sass/modules/_home.scss */
header.home li {
  float: left;
  padding-left: 10px;
  font-weight: 700;
  font-size: 0.75em;
  color: white;
  line-height: 15px;
}
/* line 105, ../sass/modules/_home.scss */
header.home li a {
  float: none;
}
/* line 111, ../sass/modules/_home.scss */
header.home .hp {
  position: absolute;
  left: 20px;
  top: 55px;
  width: 200px;
  font-size: 0.75em;
}
/* line 117, ../sass/modules/_home.scss */
header.home .hp span {
  width: 30px;
  height: 20px;
  display: inline-block;
  background: url(../images/sprite-btns.png) -160px -30px no-repeat no-repeat;
}

/* line 128, ../sass/modules/_home.scss */
#home {
  padding-top: 125px;
  display: none;
}
/* line 132, ../sass/modules/_home.scss */
#home section.home {
  margin-left: 0px;
  padding-left: 0px;
}
/* line 138, ../sass/modules/_home.scss */
#home .intro {
  width: 100%;
  margin: auto;
  position: relative;
  color: white;
  padding: 20px 0px;
}
/* line 144, ../sass/modules/_home.scss */
#home .intro p {
  padding: 0px 25px 20px;
  text-align: center;
  font-size: 1.5em;
  font-style: italic;
  font-weight: 400;
  line-height: 29px;
}
/* line 151, ../sass/modules/_home.scss */
#home .intro p strong {
  font-weight: 900;
  font-style: normal;
  letter-spacing: .05em;
}
/* line 157, ../sass/modules/_home.scss */
#home .intro h3 {
  color: black;
  position: relative;
  margin-bottom: 20px;
}
/* line 161, ../sass/modules/_home.scss */
#home .intro h3:after {
  width: 50px;
  height: 50px;
  content: "";
  bottom: -70px;
  background: url(../images/sprite-home.png) -100px -315px no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -25px;
}
/* line 174, ../sass/modules/_home.scss */
#home .amazon {
  position: relative;
  margin: auto;
  width: 280px;
}
/* line 178, ../sass/modules/_home.scss */
#home .amazon p {
  float: left;
  width: 190px;
  text-align: center;
  font-size: 0.875em;
  line-height: 20px;
  padding: 17px 0px 0px;
  font-style: italic;
  color: white;
}
/* line 187, ../sass/modules/_home.scss */
#home .amazon p strong {
  font-weight: 900;
  font-style: normal;
  letter-spacing: .05em;
}
/* line 192, ../sass/modules/_home.scss */
#home .amazon p.sm {
  margin: 0px;
  padding: 0px;
  font-size: .7em;
  color: white;
  text-indent: 17px;
  padding-bottom: 10px;
}
/* line 200, ../sass/modules/_home.scss */
#home .amazon p span {
  color: #28bfc6;
  font-size: 40px;
  display: block;
  float: left;
  padding-top: 5px;
  padding-right: 0px;
}
/* line 210, ../sass/modules/_home.scss */
#home .amazon .card {
  background: url(../images/sprite-final.png) -300px -200px no-repeat;
  width: 90px;
  height: 100px;
  padding: 0px;
  margin-top: 0px;
  float: left;
}
/* line 221, ../sass/modules/_home.scss */
#home .start {
  width: 120px;
  background: black;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  position: relative;
  padding: 35px 20px 15px;
  position: relative;
  float: left;
  z-index: 5;
  margin: 50px 25px 0px 0px;
}
/* line 232, ../sass/modules/_home.scss */
#home .start .white {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  cursor: auto;
  color: black;
  text-transform: uppercase;
  background: url(../images/pattern-white.png) 0 0;
  width: 50%;
  margin-left: 9px;
  text-align: center;
  padding: 10px;
  top: -17px;
  letter-spacing: .1em;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
}
/* line 252, ../sass/modules/_home.scss */
#home .start .btn {
  width: 100%;
  height: 55px;
  margin: 0px;
  padding: 0px;
  line-height: 60px;
  font-size: 18px;
  zoom: 1;
  text-align: left;
  margin: 2px 0px;
}
/* line 37, ../sass/modules/_variables.scss */
#home .start .btn:before, #home .start .btn:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#home .start .btn:after {
  clear: both;
}
/* line 262, ../sass/modules/_home.scss */
#home .start .btn span.sign {
  background: url(../images/sprite-home.png) -150px -315px;
  width: 30px;
  height: 40px;
  display: block;
  float: left;
  margin: 5px 5px 0px 15px;
}
/* line 272, ../sass/modules/_home.scss */
#home .start .btn:hover span.sign {
  background-position: -200px -315px;
}
/* line 277, ../sass/modules/_home.scss */
#home .start .btn span.txt {
  display: inline-block;
  color: black;
  font-family: "proxima-nova", Arial, sans-serif;
}
/* line 283, ../sass/modules/_home.scss */
#home .start .btn.boy {
  background: url(../images/pattern-teal.png);
}
/* line 285, ../sass/modules/_home.scss */
#home .start .btn.boy span.sign {
  background-position: -150px -365px;
}
/* line 289, ../sass/modules/_home.scss */
#home .start .btn.boy:hover span.sign {
  background-position: -200px -365px;
}
/* line 298, ../sass/modules/_home.scss */
#home .q {
  width: 50px;
  height: 50px;
  position: absolute;
  background: url(../images/sprite-home.png) -250px -315px repeat;
  text-align: center;
  line-height: 43px;
  font-size: 33px;
  color: #f21952;
  top: -4px;
  cursor: pointer;
  z-index: 2;
  left: 60px;
}
/* line 311, ../sass/modules/_home.scss */
#home .q:hover {
  background-position: -250px -365px;
}
/* line 315, ../sass/modules/_home.scss */
#home .q2 {
  left: 580px;
}
/* line 318, ../sass/modules/_home.scss */
#home .f {
  position: absolute;
  background: white;
  width: 380px;
  top: -120px;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  overflow: visible;
  display: none;
  z-index: 5;
  cursor: pointer;
}
/* line 328, ../sass/modules/_home.scss */
#home .f p {
  padding: 20px;
  text-align: center;
  font-weight: 400;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.42857em;
  letter-spacing: .01em;
}
/* line 336, ../sass/modules/_home.scss */
#home .f p strong {
  font-weight: 900;
  font-style: normal;
}
/* line 341, ../sass/modules/_home.scss */
#home .f:after {
  content: "";
  position: absolute;
  bottom: -23px;
  border-width: 23px 0px 0 35px;
  left: 61px;
  border-style: solid;
  border-color: white transparent;
  display: block;
  width: 0;
}
/* line 354, ../sass/modules/_home.scss */
#home .f1 {
  left: -28px;
}
/* line 358, ../sass/modules/_home.scss */
#home .f2 {
  left: 355px;
}
/* line 360, ../sass/modules/_home.scss */
#home .f2:after {
  left: 249px;
  border-width: 23px 35px 0 0px;
}
/* line 366, ../sass/modules/_home.scss */
#home .cast {
  zoom: 1;
  width: 710px;
  margin: 0px auto 0px;
  position: relative;
}
/* line 37, ../sass/modules/_variables.scss */
#home .cast:before, #home .cast:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#home .cast:after {
  clear: both;
}
/* line 371, ../sass/modules/_home.scss */
#home .cast .person {
  width: 80px;
  height: 275px;
  background: url(../images/sprite-home.png) 0 0 no-repeat;
  float: left;
  z-index: 1;
  position: relative;
  margin: 0px 0px 0px;
}
/* line 380, ../sass/modules/_home.scss */
#home .cast .p1 {
  width: 90px;
  background-position: 0px 0px;
  cursor: pointer;
}
/* line 386, ../sass/modules/_home.scss */
#home .cast .p2 {
  width: 80px;
  background-position: -95px 0px;
  margin-right: 5px;
}
/* line 391, ../sass/modules/_home.scss */
#home .cast .p3 {
  width: 80px;
  background-position: -175px 0px;
  margin-right: 15px;
}
/* line 396, ../sass/modules/_home.scss */
#home .cast .p4 {
  width: 80px;
  background-position: -260px 0px;
  margin-right: -5px;
}
/* line 401, ../sass/modules/_home.scss */
#home .cast .p5 {
  width: 85px;
  background-position: -345px 0px;
  margin-right: -10px;
}
/* line 406, ../sass/modules/_home.scss */
#home .cast .p6 {
  width: 90px;
  background-position: -430px 0px;
  cursor: pointer;
}

/* line 417, ../sass/modules/_home.scss */
.tablet header.home a {
  font-size: 10px;
}
/* line 420, ../sass/modules/_home.scss */
.tablet header.home h1 {
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 810px) {
  /* line 427, ../sass/modules/_home.scss */
  header.home .center {
    width: 768px;
  }
  /* line 430, ../sass/modules/_home.scss */
  header.home .center .print, header.home .center .discussion {
    display: none;
  }
}
/* line 2, ../sass/modules/_story.scss */
#PDI_container7023501 .pds-box {
  background: yellow !important;
}

/* line 6, ../sass/modules/_story.scss */
.story {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: auto;
  z-index: 30;
}
/* line 13, ../sass/modules/_story.scss */
.story .slide {
  margin: 5px auto 15px;
  overflow: visible;
  height: auto;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
.story .slide:before, .story .slide:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
.story .slide:after {
  clear: both;
}
/* line 20, ../sass/modules/_story.scss */
.story .slide-nav {
  display: block;
  clear: both;
}
/* line 24, ../sass/modules/_story.scss */
.story .content {
  background: url(../images/pattern-white.png) 0 0 repeat;
  height: auto;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  width: 80%;
  margin: auto;
  position: relative;
  padding: 25px 0px;
}
/* line 33, ../sass/modules/_story.scss */
.story .content p {
  width: 85%;
  margin: auto;
  font-weight: 500;
  font-style: italic;
  font-size: 0.9375em;
  text-align: center;
  line-height: 1.5625em;
  letter-spacing: 0.03333em;
}
/* line 43, ../sass/modules/_story.scss */
.story .content p.girl, .story .content p.boy {
  display: none;
}
/* line 46, ../sass/modules/_story.scss */
.story .content a {
  position: absolute;
  right: -50px;
  z-index: 5;
  top: 50%;
  margin-top: -40px;
}
/* line 55, ../sass/modules/_story.scss */
.story .options {
  position: relative;
  margin: auto;
  width: 660px;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
.story .options:before, .story .options:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
.story .options:after {
  clear: both;
}
/* line 60, ../sass/modules/_story.scss */
.story .options li {
  width: 200px;
  height: 150px;
  float: left;
  position: relative;
  overflow: visible;
  background: url(../images/pattern-teal.png) 0 0 repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  margin-right: 30px;
}
/* line 69, ../sass/modules/_story.scss */
.story .options li:last-child {
  margin-right: 0px;
}
/* line 72, ../sass/modules/_story.scss */
.story .options li:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0px;
  margin-left: 75px;
  height: 15px;
  width: 40px;
  background: url(../images/sprite-btns.png) -80px 0px no-repeat;
  display: block;
}
/* line 83, ../sass/modules/_story.scss */
.story .options li:after {
  background: url(../images/sprite-btns.png) -120px 0px no-repeat;
}
/* line 86, ../sass/modules/_story.scss */
.story .options li.rarrow:after {
  background: url(../images/sprite-btns.png) -160px 0px no-repeat;
}
/* line 89, ../sass/modules/_story.scss */
.story .options li.larrow:after {
  background: url(../images/sprite-btns.png) -200px 0px no-repeat;
}
/* line 92, ../sass/modules/_story.scss */
.story .options li .label {
  background-color: #28bfc6;
  width: 30px;
  height: 30px;
  color: black;
  font-weight: 700;
  font-size: 1.125em;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: -10px;
  top: 10px;
  text-transform: uppercase;
}
/* line 107, ../sass/modules/_story.scss */
.story .options li a.img {
  position: absolute;
  width: 200px;
  height: 100%;
  background-color: white;
  display: block;
  z-index: 10;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  left: -5px;
  top: -5px;
}
/* line 119, ../sass/modules/_story.scss */
.story .options li .content {
  width: 220px;
  background: none;
  position: relative;
  float: right;
  height: 100%;
  padding: 0px;
}
/* line 128, ../sass/modules/_story.scss */
.story .options li .content .content-wrapper {
  display: none;
}
/* line 134, ../sass/modules/_story.scss */
.story .options li .content p {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  top: 15px;
  position: relative;
}
/* line 141, ../sass/modules/_story.scss */
.story .options li .content a.btn {
  position: absolute;
  bottom: -10px;
  left: 50%;
  top: inherit;
  right: inherit;
  display: block;
  margin-left: -60px;
}
/* line 156, ../sass/modules/_story.scss */
.story .flex-control-nav {
  width: 200px;
  position: relative;
  top: 15px;
  text-align: center;
  margin: auto;
}

@media only screen and (max-width: 890px) {
  /* line 166, ../sass/modules/_story.scss */
  .story {
    width: 100%;
  }
}
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/modules/_scene1.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 9, ../sass/modules/_scene1.scss */
.wrapper.c1 {
  background: rgba(7, 38, 39, 0.85);
}

/* line 17, ../sass/modules/_scene1.scss */
#scene1 .a.img {
  background: url(../images/scene1/sprite-options1.png) white 0 0 no-repeat;
}
/* line 20, ../sass/modules/_scene1.scss */
#scene1 .active .a.img {
  background: url(../images/scene1/sprite-options1.png) white -200px 0 no-repeat;
}
/* line 24, ../sass/modules/_scene1.scss */
#scene1 .b.img {
  background: url(../images/scene1/sprite-options1.png) white 0 -150px no-repeat;
}
/* line 27, ../sass/modules/_scene1.scss */
#scene1 .active .b.img {
  background: url(../images/scene1/sprite-options1.png) white -200px -150px no-repeat;
}
/* line 31, ../sass/modules/_scene1.scss */
#scene1 .c.img {
  background: url(../images/scene1/sprite-options1.png) white 0 -300px no-repeat;
}
/* line 34, ../sass/modules/_scene1.scss */
#scene1 .active .c.img {
  background: url(../images/scene1/sprite-options1.png) white -200px -300px no-repeat;
}

/* line 39, ../sass/modules/_scene1.scss */
.scene1 {
  position: relative;
  overflow: visible;
  height: 530px;
  width: 820px;
  margin: auto;
  display: none;
  top: 40px;
}
/* line 49, ../sass/modules/_scene1.scss */
.scene1 .seats {
  position: absolute;
  width: 350px;
  height: 100px;
  left: 235px;
  top: 130px;
  background: url(../images/scene1/sprite-scene1.png) 0 -370px no-repeat;
  z-index: 0;
}
/* line 59, ../sass/modules/_scene1.scss */
.scene1 .car {
  position: relative;
  height: 370px;
  width: 700px;
  margin: auto;
  top: 80px;
  overflow: hidden;
  z-index: 15;
}
/* line 67, ../sass/modules/_scene1.scss */
.scene1 .car .car-front {
  position: absolute;
  width: 700px;
  height: 370px;
  background: url(../images/scene1/sprite-scene1.png) 0 0px no-repeat;
}
/* line 75, ../sass/modules/_scene1.scss */
.scene1 .car .carlights {
  background: url(../images/scene1/sprite-scene1.png) -550px -370px no-repeat;
  width: 400px;
  height: 400px;
  z-index: 12;
  position: absolute;
  left: -40px;
  top: -20px;
  cursor: pointer;
}
/* line 84, ../sass/modules/_scene1.scss */
.scene1 .car .carlights.rightlight {
  left: 370px;
}
/* line 93, ../sass/modules/_scene1.scss */
.scene1 .ground {
  z-index: 0;
  width: 100%;
  height: 0px;
  position: absolute;
  top: 430px;
}
/* line 99, ../sass/modules/_scene1.scss */
.scene1 .ground .bkg {
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0px;
}
/* line 105, ../sass/modules/_scene1.scss */
.scene1 .ground .bush1 {
  background: url(../images/scene1/sprite-scene1.png) 0px -460px no-repeat;
  left: -140px;
  width: 540px;
  height: 708px;
  top: -708px;
  pointer-events: none;
}
/* line 113, ../sass/modules/_scene1.scss */
.scene1 .ground .bush2 {
  left: 400px;
  top: -508px;
  width: 625px;
  height: 508px;
}
/* line 118, ../sass/modules/_scene1.scss */
.scene1 .ground .bush2 .treetrunk {
  background: url(../images/scene1/sprite-scene1.png) no-repeat -951px -260px;
  width: 625px;
  height: 508px;
  bottom: 0px;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
/* line 127, ../sass/modules/_scene1.scss */
.scene1 .ground .bush2 .treetop {
  background: url(../images/scene1/sprite-scene1.png) no-repeat -951px 0px;
  position: absolute;
  top: -200px;
  left: 0px;
  width: 550px;
  height: 250px;
  z-index: 0;
  pointer-events: none;
}
/* line 138, ../sass/modules/_scene1.scss */
.scene1 .ground .floor {
  background: url(../images/scene1/sprite-scene1.png) no-repeat -540px -773px;
  width: 1229px;
  height: 372px;
  bottom: -220px;
  left: -200px;
  top: auto;
  z-index: 0;
}
/* line 149, ../sass/modules/_scene1.scss */
.scene1 .characters {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  width: 100%;
}
/* line 155, ../sass/modules/_scene1.scss */
.scene1 .characters.slide1 {
  z-index: 3;
}
/* line 158, ../sass/modules/_scene1.scss */
.scene1 .characters.slide2 {
  z-index: 2;
}
/* line 162, ../sass/modules/_scene1.scss */
.scene1 .characters .char {
  position: absolute;
  height: 350px;
  top: 95px;
}
/* line 167, ../sass/modules/_scene1.scss */
.scene1 .characters .girl {
  width: 160px;
  left: 210px;
  z-index: 3;
  top: 62px;
}
/* line 172, ../sass/modules/_scene1.scss */
.scene1 .characters .girl img {
  width: 100%;
}
/* line 176, ../sass/modules/_scene1.scss */
.scene1 .characters .girl .hand {
  left: 33px;
  top: 104px;
  position: absolute;
  z-index: 3;
}
/* line 181, ../sass/modules/_scene1.scss */
.scene1 .characters .girl .hand img {
  width: auto;
}
/* line 186, ../sass/modules/_scene1.scss */
.scene1 .characters .boy {
  width: 155px;
  left: 400px;
  z-index: 1;
  top: 50px;
}
/* line 191, ../sass/modules/_scene1.scss */
.scene1 .characters .boy img {
  width: 100%;
}
/* line 196, ../sass/modules/_scene1.scss */
.scene1 .characters .boy.sit2 {
  width: 247px;
  left: 362px;
  margin-left: 12px;
}
/* line 203, ../sass/modules/_scene1.scss */
.scene1 .owl, .scene1 .owlclick {
  width: 50px;
  height: 80px;
  background: url(../images/scene1/sprite-scene1.png) -819px -260px no-repeat;
  position: absolute;
  top: 15px;
  left: 158px;
  cursor: pointer;
  z-index: 1;
}
/* line 213, ../sass/modules/_scene1.scss */
.scene1 .owlclick {
  z-index: 10;
  background: none;
}
/* line 217, ../sass/modules/_scene1.scss */
.scene1 .talons {
  width: 50px;
  height: 80px;
  background: url(../images/scene1/sprite-scene1.png) -900px -271px no-repeat;
  position: absolute;
  top: 25px;
  left: 158px;
  cursor: pointer;
  z-index: 5;
  pointer-events: none;
}
/* line 228, ../sass/modules/_scene1.scss */
.scene1 .whimsy {
  z-index: 5;
  position: absolute;
}
/* line 231, ../sass/modules/_scene1.scss */
.scene1 .whimsy .moon {
  width: 69px;
  height: 80px;
  position: absolute;
  left: -25px;
  top: -85px;
  background: url(../images/scene1/sprite-scene1.png) -830px -95px no-repeat;
  cursor: pointer;
}
/* line 239, ../sass/modules/_scene1.scss */
.scene1 .whimsy .moon.active {
  background-position: -829px -175px;
}
/* line 248, ../sass/modules/_scene1.scss */
.scene1 .sky {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 400px;
  overflow: visible;
}
/* line 255, ../sass/modules/_scene1.scss */
.scene1 .sky .star {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  top: 0px;
  background-size: contain;
}
/* line 263, ../sass/modules/_scene1.scss */
.scene1 .sky .star:nth-child(even) {
  background-image: url(../images/scene1/star1.png);
}
/* line 266, ../sass/modules/_scene1.scss */
.scene1 .sky .star:nth-child(odd) {
  background-image: url(../images/scene1/star2.png);
}
/* line 271, ../sass/modules/_scene1.scss */
.scene1 .sky .s1 {
  left: 110px;
  top: 80px;
}
/* line 275, ../sass/modules/_scene1.scss */
.scene1 .sky .s3 {
  left: -20px;
  top: 0px;
}
/* line 279, ../sass/modules/_scene1.scss */
.scene1 .sky .s2 {
  left: 40px;
  top: 200px;
}
/* line 283, ../sass/modules/_scene1.scss */
.scene1 .sky .s4 {
  left: 200px;
  top: 200px;
}
/* line 287, ../sass/modules/_scene1.scss */
.scene1 .sky .s4 {
  left: 200px;
  top: 200px;
}
/* line 291, ../sass/modules/_scene1.scss */
.scene1 .sky .s5 {
  left: -80px;
  top: 275px;
}
/* line 295, ../sass/modules/_scene1.scss */
.scene1 .sky .s6 {
  left: 100;
  top: 350px;
}
/* line 299, ../sass/modules/_scene1.scss */
.scene1 .sky .s7 {
  left: 920px;
  top: -20px;
}
/* line 303, ../sass/modules/_scene1.scss */
.scene1 .sky .s8 {
  left: 500px;
  top: -50px;
}
/* line 307, ../sass/modules/_scene1.scss */
.scene1 .sky .s9 {
  left: 365px;
  top: 0px;
}
/* line 311, ../sass/modules/_scene1.scss */
.scene1 .sky .s10 {
  left: 265px;
  top: 100px;
}
/* line 315, ../sass/modules/_scene1.scss */
.scene1 .sky .s11 {
  left: 390px;
  top: 190px;
}
/* line 319, ../sass/modules/_scene1.scss */
.scene1 .sky .s12 {
  left: 750px;
  top: 175px;
}
/* line 323, ../sass/modules/_scene1.scss */
.scene1 .sky .s13 {
  left: 800px;
  top: 160px;
}
/* line 327, ../sass/modules/_scene1.scss */
.scene1 .sky .s14 {
  left: 965px;
  top: 40px;
}
/* line 331, ../sass/modules/_scene1.scss */
.scene1 .sky .s15 {
  left: 1070px;
  top: 120px;
}
/* line 335, ../sass/modules/_scene1.scss */
.scene1 .sky .s16 {
  left: 960px;
  top: 195px;
}
/* line 339, ../sass/modules/_scene1.scss */
.scene1 .sky .s17 {
  left: 1140px;
  top: 260px;
}
/* line 343, ../sass/modules/_scene1.scss */
.scene1 .sky .s18 {
  left: 920px;
  top: 420px;
}
/* line 347, ../sass/modules/_scene1.scss */
.scene1 .sky .s19 {
  left: 1020px;
  top: 400px;
}

@media only screen and (max-width: 890px) {
  /* line 358, ../sass/modules/_scene1.scss */
  .scene1 .whimsy .cat {
    left: -10px;
    top: 375px;
  }
}
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/modules/_scene2.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 9, ../sass/modules/_scene2.scss */
.wrapper.c2 {
  background: rgba(28, 133, 138, 0.85);
}

/* line 15, ../sass/modules/_scene2.scss */
#scene2 .a.img {
  background: url(../images/scene2/sprite-options2.png) white 0 0 no-repeat;
}
/* line 18, ../sass/modules/_scene2.scss */
#scene2 .active .a.img {
  background: url(../images/scene2/sprite-options2.png) white -200px 0 no-repeat;
}
/* line 22, ../sass/modules/_scene2.scss */
#scene2 .b.img {
  background: url(../images/scene2/sprite-options2.png) white 0 -150px no-repeat;
}
/* line 25, ../sass/modules/_scene2.scss */
#scene2 .active .b.img {
  background: url(../images/scene2/sprite-options2.png) white -200px -150px no-repeat;
}
/* line 29, ../sass/modules/_scene2.scss */
#scene2 .c.img {
  background: url(../images/scene2/sprite-options2.png) white 0 -300px no-repeat;
}
/* line 32, ../sass/modules/_scene2.scss */
#scene2 .active .c.img {
  background: url(../images/scene2/sprite-options2.png) white -200px -300px no-repeat;
}

/* line 37, ../sass/modules/_scene2.scss */
.scene2 {
  position: relative;
  overflow: visible;
  height: 530px;
  width: 820px;
  margin: auto;
  display: none;
  top: 0px;
}
/* line 45, ../sass/modules/_scene2.scss */
.scene2 .characters {
  position: absolute;
  z-index: 20;
  top: 75px;
  left: 50px;
  width: 100%;
}
/* line 51, ../sass/modules/_scene2.scss */
.scene2 .characters .char {
  position: absolute;
  height: 450px;
  width: 150px;
}
/* line 55, ../sass/modules/_scene2.scss */
.scene2 .characters .char img {
  width: 100%;
}
/* line 59, ../sass/modules/_scene2.scss */
.scene2 .characters .main {
  left: 90px;
  padding: 0px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 100px;
  width: 242px;
}
/* line 65, ../sass/modules/_scene2.scss */
.scene2 .characters .main.boy {
  left: 130px;
  width: 230px;
}
/* line 71, ../sass/modules/_scene2.scss */
.scene2 .characters .bff {
  left: -30px;
  width: 240px;
}
/* line 75, ../sass/modules/_scene2.scss */
.scene2 .characters .bff.boy {
  left: -60px;
  width: 224px;
}
/* line 81, ../sass/modules/_scene2.scss */
.scene2 .characters .glove {
  display: none;
}
/* line 85, ../sass/modules/_scene2.scss */
.scene2 .characters .random {
  left: 315px;
  background: url(../images/scene2/sprite-scene2.png) -885px -700px no-repeat;
  width: 200px;
}
/* line 90, ../sass/modules/_scene2.scss */
.scene2 .characters .random.girl {
  background: url(../images/scene2/sprite-scene2.png) -1083px -700px no-repeat;
  top: 20px;
  left: 335px;
  width: 235px;
}
/* line 97, ../sass/modules/_scene2.scss */
.scene2 .characters .devin {
  background: url(../images/scene2/sprite-scene2.png) -737px -700px no-repeat;
  width: 140px;
  left: 520px;
  height: 430px img;
  height-width: 100%;
}
/* line 107, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 {
  left: 5px;
}
/* line 111, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .bff.boy {
  left: 544px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  z-index: 5;
}
/* line 115, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .bff.boy .glove {
  width: 31px;
  height: 22px;
  position: absolute;
  z-index: 2;
  top: 205px;
  background: url(../images/character_styles/accessories/g_glove_pirate.png) 0 0 no-repeat;
  left: 185px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: block;
}
/* line 128, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .bff.girl {
  left: 431px;
}
/* line 132, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .random.boy {
  left: 585px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  width: 200px;
}
/* line 136, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .random.boy .glove {
  width: 31px;
  height: 22px;
  position: absolute;
  z-index: 2;
  top: 199px;
  background: url(../images/character_styles/accessories/g_glove_pirate.png) 0 0 no-repeat;
  left: 176px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: block;
}
/* line 149, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .random.girl {
  left: 426px;
}
/* line 153, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .devin {
  left: 70px;
}
/* line 156, ../sass/modules/_scene2.scss */
.scene2 .characters.slide2 .main {
  left: 185px;
}
/* line 161, ../sass/modules/_scene2.scss */
.scene2 .whimsy {
  z-index: 25;
  position: absolute;
}
/* line 164, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats {
  position: absolute;
}
/* line 166, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat {
  display: none;
  width: 150px;
  height: 50px;
  position: absolute;
  cursor: pointer;
}
/* line 172, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat .b {
  width: 114px;
  height: 100%;
  background: url(../images/scene2/sprite-scene2.png) -600px -450px;
  z-index: 5;
  position: relative;
}
/* line 180, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat:before {
  content: '';
  position: absolute;
  height: 400px;
  width: 1px;
  background: white;
  top: -365px;
  left: 60px;
  z-index: 0px;
}
/* line 190, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat1 {
  left: 800px;
  top: 100px;
  height: 60px;
}
/* line 194, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat1 .b {
  background: url(../images/scene2/sprite-scene2.png) -800px -450px;
}
/* line 198, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat2 {
  left: 300px;
}
/* line 201, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat3 {
  top: 100px;
  left: -150px;
}
/* line 205, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat4 {
  top: 20px;
  left: -80px;
  height: 60px;
}
/* line 209, ../sass/modules/_scene2.scss */
.scene2 .whimsy .bats .bat.bat4 .b {
  background: url(../images/scene2/sprite-scene2.png) -800px -450px;
}
/* line 215, ../sass/modules/_scene2.scss */
.scene2 .whimsy .pumpkin {
  width: 100px;
  height: 100px;
  background: url(../images/scene2/sprite-scene2.png) -600px -600px no-repeat;
  position: absolute;
  top: 430px;
  left: -10px;
  cursor: pointer;
  z-index: 25;
}
/* line 224, ../sass/modules/_scene2.scss */
.scene2 .whimsy .pumpkin.active {
  background-position: -700px -600px;
}
/* line 228, ../sass/modules/_scene2.scss */
.scene2 .whimsy .spider {
  width: 50px;
  height: 50px;
  background: url(../images/scene2/sprite-scene2.png) -600px -500px;
  position: absolute;
  top: 415px;
  left: 745px;
  cursor: pointer;
}
/* line 238, ../sass/modules/_scene2.scss */
.scene2 .bottles {
  position: absolute;
  z-index: 25;
  display: none;
}
/* line 242, ../sass/modules/_scene2.scss */
.scene2 .bottles .bottle {
  background: url(../images/scene2/sprite-scene2.png) -300px -600px;
  width: 200px;
  height: 75px;
  position: absolute;
}
/* line 248, ../sass/modules/_scene2.scss */
.scene2 .bottles .bottle1 {
  top: 470px;
  left: 200px;
}
/* line 252, ../sass/modules/_scene2.scss */
.scene2 .bottles .bottle2 {
  left: 700px;
  width: 100px;
  top: 310px;
  background-position: -500px -600px;
}
/* line 259, ../sass/modules/_scene2.scss */
.scene2 .table {
  background: url(../images/scene2/sprite-scene2.png) 0 -450px;
  width: 250px;
  position: absolute;
  bottom: 20px;
  z-index: 2;
  left: 685px;
  height: 160px;
}
/* line 267, ../sass/modules/_scene2.scss */
.scene2 .table .web {
  background: url(../images/scene2/sprite-scene2.png) -300px -450px;
  width: 100px;
  height: 130px;
  position: absolute;
  left: 30px;
  top: 20px;
}
/* line 276, ../sass/modules/_scene2.scss */
.scene2 .rug {
  position: absolute;
  background: url(../images/scene2/sprite-scene2.png) 0 -340px;
  width: 1150px;
  height: 60px;
  bottom: 0px;
  left: -160px;
}
/* line 285, ../sass/modules/_scene2.scss */
.scene2 .sky {
  position: absolute;
  z-index: 0;
  height: 320px;
  overflow: visible;
  background: url(../images/scene2/sprite-scene2.png);
  top: -240px;
  width: 1250px;
  margin-left: -220px;
}
/* line 296, ../sass/modules/_scene2.scss */
.scene2 .bkg {
  position: absolute;
  z-index: 0;
  height: 320px;
  overflow: visible;
  background: url(../images/scene2/sprite-scene2.png) 0px -700px;
  top: 160px;
  width: 560px;
  margin-left: -20px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/modules/_scene3.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 9, ../sass/modules/_scene3.scss */
.wrapper.c3 {
  background: rgba(204, 0, 52, 0.85);
}

/* line 16, ../sass/modules/_scene3.scss */
#scene3 .a.img {
  background: url(../images/scene3/sprite-options3.png) white 0 0 no-repeat;
}
/* line 19, ../sass/modules/_scene3.scss */
#scene3 .active .a.img {
  background: url(../images/scene3/sprite-options3.png) white -200px 0 no-repeat;
}
/* line 22, ../sass/modules/_scene3.scss */
#scene3 .b.img {
  background: url(../images/scene3/sprite-options3.png) white 0 -150px no-repeat;
}
/* line 25, ../sass/modules/_scene3.scss */
#scene3 .active .b.img {
  background: url(../images/scene3/sprite-options3.png) white -200px -150px no-repeat;
}
/* line 28, ../sass/modules/_scene3.scss */
#scene3 .c.img {
  background: url(../images/scene3/sprite-options3.png) white 0 -300px no-repeat;
}
/* line 31, ../sass/modules/_scene3.scss */
#scene3 .active .c.img {
  background: url(../images/scene3/sprite-options3.png) white -200px -300px no-repeat;
}

/* line 36, ../sass/modules/_scene3.scss */
.scene3 {
  position: relative;
  overflow: visible;
  height: 510px;
  width: 820px;
  margin: auto;
  display: none;
  top: 0px;
}
/* line 44, ../sass/modules/_scene3.scss */
.scene3 .characters {
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
  width: 100%;
}
/* line 50, ../sass/modules/_scene3.scss */
.scene3 .characters .char {
  position: absolute;
  height: 400px;
  top: 40px;
  width: 210px;
}
/* line 55, ../sass/modules/_scene3.scss */
.scene3 .characters .char img {
  width: 100%;
}
/* line 59, ../sass/modules/_scene3.scss */
.scene3 .characters .main {
  left: 380px;
  padding: 0px;
}
/* line 63, ../sass/modules/_scene3.scss */
width
.scene3 .characters .main.boy {
  top: 80px;
  width: 155px;
}
/* line 68, ../sass/modules/_scene3.scss */
.scene3 .characters .main .book {
  background: url(../images/scene3/sprite-scene3.png) -900px -300px no-repeat;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 200px;
  left: -8px;
}
/* line 76, ../sass/modules/_scene3.scss */
.scene3 .characters .main.small .book {
  top: 192px;
  left: 0px;
}
/* line 80, ../sass/modules/_scene3.scss */
.scene3 .characters .main.medium .book {
  top: 189px;
  left: -4px;
}
/* line 84, ../sass/modules/_scene3.scss */
.scene3 .characters .main.large .book {
  top: 187px;
  left: -11px;
}
/* line 89, ../sass/modules/_scene3.scss */
.scene3 .characters .main.small.boy .book {
  top: 172px;
  left: 2px;
}
/* line 93, ../sass/modules/_scene3.scss */
.scene3 .characters .main.medium.boy .book {
  top: 176px;
  left: -6px;
}
/* line 97, ../sass/modules/_scene3.scss */
.scene3 .characters .main.large.boy .book {
  top: 175px;
  left: -10px;
}
/* line 104, ../sass/modules/_scene3.scss */
.scene3 .characters .bff {
  left: 600px;
}
/* line 106, ../sass/modules/_scene3.scss */
.scene3 .characters .bff.boy {
  top: 52px;
  width: 165px;
}
/* line 113, ../sass/modules/_scene3.scss */
.scene3 .characters.slide2 .bff {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 200px;
}
/* line 117, ../sass/modules/_scene3.scss */
.scene3 .characters.slide2 .main {
  left: 420px;
}
/* line 122, ../sass/modules/_scene3.scss */
.scene3 .lockers {
  left: 130px;
  position: absolute;
}
/* line 125, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker {
  background: url(../images/scene3/sprite-scene3.png) 0 0px no-repeat;
  position: absolute;
  left: 0px;
  height: 450px;
  width: 90px;
}
/* line 131, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l1 {
  left: 0px;
}
/* line 135, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l2 {
  left: 100px;
}
/* line 138, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l3 {
  left: 200px;
}
/* line 142, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l3b {
  background-position: -200px 0px;
  left: 200px;
  width: 0px;
}
/* line 147, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l4 {
  left: 500px;
}
/* line 150, ../sass/modules/_scene3.scss */
.scene3 .lockers .locker.l5 {
  left: 600px;
}
/* line 155, ../sass/modules/_scene3.scss */
.scene3 .ground {
  position: absolute;
  bottom: 0px;
  width: 1040px;
  height: 55px;
  background: url(../images/scene3/sprite-scene3.png) 0 -450px no-repeat;
  left: -130px;
  z-index: 0px;
}
/* line 165, ../sass/modules/_scene3.scss */
.scene3 .whimsy {
  position: absolute;
  height: 100%;
}
/* line 168, ../sass/modules/_scene3.scss */
.scene3 .whimsy .poster {
  position: absolute;
  left: -100px;
  top: 50px;
  width: 230px;
  height: 200px;
  background: url(../images/scene3/sprite-scene3.png) -400px 0px no-repeat;
}
/* line 175, ../sass/modules/_scene3.scss */
.scene3 .whimsy .poster .heart {
  background: url(../images/scene3/sprite-scene3.png) -1000px 0px no-repeat;
  width: 100px;
  height: 75px;
  left: 140px;
  position: absolute;
  cursor: pointer;
}
/* line 182, ../sass/modules/_scene3.scss */
.scene3 .whimsy .poster .heart.active {
  background: url(../images/scene3/sprite-scene3.png) -1000px -100px no-repeat;
  left: 130px;
  width: 120px;
}
/* line 189, ../sass/modules/_scene3.scss */
.scene3 .whimsy .bookbag {
  position: absolute;
  bottom: 30px;
  background: url(../images/scene3/sprite-scene3.png) -700px 0px no-repeat;
  width: 100px;
  height: 150px;
  left: 0px;
  z-index: 10;
  cursor: pointer;
}
/* line 198, ../sass/modules/_scene3.scss */
.scene3 .whimsy .bookbag.active {
  background-position: -700px -200px;
}
/* line 202, ../sass/modules/_scene3.scss */
.scene3 .whimsy .alarm {
  position: absolute;
  top: -45px;
  height: 100px;
  left: 465px;
  background: url(../images/scene3/sprite-scene3.png) -850px 0px no-repeat;
  width: 150px;
  height: 100px;
  cursor: pointer;
}
/* line 211, ../sass/modules/_scene3.scss */
.scene3 .whimsy .alarm.active {
  background-position: -850px -100px;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/modules/_scene4.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 9, ../sass/modules/_scene4.scss */
.wrapper.c4 {
  background: rgba(32, 152, 158, 0.85);
}

/* line 17, ../sass/modules/_scene4.scss */
#scene4 .a.img {
  background: url(../images/scene4/sprite-options4.png) white 0 0 no-repeat;
}
/* line 20, ../sass/modules/_scene4.scss */
#scene4 .active .a.img {
  background: url(../images/scene4/sprite-options4.png) white -200px 0 no-repeat;
}
/* line 24, ../sass/modules/_scene4.scss */
#scene4 .b.img {
  background: url(../images/scene4/sprite-options4.png) white 0 -150px no-repeat;
}
/* line 27, ../sass/modules/_scene4.scss */
#scene4 .active .b.img {
  background: url(../images/scene4/sprite-options4.png) white -200px -150px no-repeat;
}
/* line 31, ../sass/modules/_scene4.scss */
#scene4 .c.img {
  background: url(../images/scene4/sprite-options4.png) white 0 -300px no-repeat;
}
/* line 34, ../sass/modules/_scene4.scss */
#scene4 .active .c.img {
  background: url(../images/scene4/sprite-options4.png) white -200px -300px no-repeat;
}

/* line 39, ../sass/modules/_scene4.scss */
.scene4 {
  position: relative;
  overflow: visible;
  height: 450px;
  width: 820px;
  margin: auto;
  display: none;
  top: 0px;
}
/* line 47, ../sass/modules/_scene4.scss */
.scene4 .whimsy {
  cursor: pointer;
}
/* line 50, ../sass/modules/_scene4.scss */
.scene4 .characters {
  position: absolute;
  z-index: 4;
  top: 100px;
  left: 0px;
  width: 100%;
}
/* line 56, ../sass/modules/_scene4.scss */
.scene4 .characters .char {
  position: absolute;
  height: 400px;
  width: 165px;
}
/* line 60, ../sass/modules/_scene4.scss */
.scene4 .characters .char img {
  width: 100%;
}
/* line 64, ../sass/modules/_scene4.scss */
.scene4 .characters .main {
  left: 650px;
  padding: 0px;
  top: -16px;
}
/* line 68, ../sass/modules/_scene4.scss */
.scene4 .characters .main.boy {
  top: -32px;
  width: 160px;
  left: 655px;
}
/* line 74, ../sass/modules/_scene4.scss */
.scene4 .characters .bff {
  left: 400px;
  top: -35px;
}
/* line 77, ../sass/modules/_scene4.scss */
.scene4 .characters .bff.boy {
  left: 451px;
  top: -50px;
  width: 145px;
  height: 400px;
}
/* line 85, ../sass/modules/_scene4.scss */
.scene4 .characters .qmarks {
  position: absolute;
  top: -87px;
  left: 77px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 90, ../sass/modules/_scene4.scss */
.scene4 .characters .qmarks .qm {
  position: absolute;
  width: 24px;
  height: 38px;
  background: url(../images/scene4/sprite-scene4.png) -900px -50px no-repeat;
}
/* line 96, ../sass/modules/_scene4.scss */
.scene4 .characters .qmarks .q2 {
  left: -22px;
  top: 10px;
}
/* line 100, ../sass/modules/_scene4.scss */
.scene4 .characters .qmarks .q3 {
  left: 22px;
  top: 20px;
}
/* line 104, ../sass/modules/_scene4.scss */
.scene4 .characters .qmarks .q4 {
  top: 38px;
}
/* line 109, ../sass/modules/_scene4.scss */
.scene4 .characters .rand1 {
  background: url(../images/scene4/sprite-scene4.png) 0px -600px no-repeat;
  width: 120px;
  height: 270px;
  position: absolute;
}
/* line 114, ../sass/modules/_scene4.scss */
.scene4 .characters .rand1.boy {
  background: url(../images/scene4/sprite-scene4.png) 0px -880px no-repeat;
  width: 190px;
  height: 305px;
  top: -20px;
  left: -60px;
}
/* line 120, ../sass/modules/_scene4.scss */
.scene4 .characters .rand1.boy .qmarks {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  filter: none;
  -ms-filter: none;
  left: 97px;
}
/* line 129, ../sass/modules/_scene4.scss */
.scene4 .characters .rand2 {
  background: url(../images/scene4/sprite-scene4.png) -120px -600px no-repeat;
  width: 150px;
  height: 270px;
  position: absolute;
  left: 100px;
}
/* line 135, ../sass/modules/_scene4.scss */
.scene4 .characters .rand2 .qmarks {
  left: 113px;
}
/* line 138, ../sass/modules/_scene4.scss */
.scene4 .characters .rand2.boy {
  background: url(../images/scene4/sprite-scene4.png) -180px -880px no-repeat;
  left: 200px;
  height: 305px;
  top: -20px;
}
/* line 143, ../sass/modules/_scene4.scss */
.scene4 .characters .rand2.boy .qmarks {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  filter: none;
  -ms-filter: none;
  left: 63px;
}
/* line 153, ../sass/modules/_scene4.scss */
.scene4 .slide2 .main {
  width: 195px;
  left: 602px;
  top: -12px;
}
/* line 157, ../sass/modules/_scene4.scss */
.scene4 .slide2 .main.boy {
  top: -31px;
  left: 600px;
  width: 250px;
}
/* line 163, ../sass/modules/_scene4.scss */
.scene4 .slide2 .bff {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 165, ../sass/modules/_scene4.scss */
.scene4 .slide2 .bff.boy {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  filter: none;
  -ms-filter: none;
}
/* line 170, ../sass/modules/_scene4.scss */
.scene4 .slide2 .rand1 {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 172, ../sass/modules/_scene4.scss */
.scene4 .slide2 .rand1.boy {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  filter: none;
  -ms-filter: none;
}
/* line 176, ../sass/modules/_scene4.scss */
.scene4 .slide2 .rand2 {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 178, ../sass/modules/_scene4.scss */
.scene4 .slide2 .rand2.boy {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  filter: none;
  -ms-filter: none;
}
/* line 184, ../sass/modules/_scene4.scss */
.scene4 .desktop {
  position: absolute;
  top: 280px;
  width: 300px;
  height: 150px;
  left: 580px;
  z-index: 5;
}
/* line 193, ../sass/modules/_scene4.scss */
.scene4 .desktop .desk {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 150px;
  background: url(../images/scene4/sprite-scene4.png) -433px 0px no-repeat;
}
/* line 204, ../sass/modules/_scene4.scss */
.scene4 .desktop .deskitems {
  background: url(../images/scene4/sprite-scene4.png) -300px -500px no-repeat;
  position: absolute;
  width: 300px;
  height: 100px;
  top: -99px;
}
/* line 212, ../sass/modules/_scene4.scss */
.scene4 .desktop .bag {
  background: url(../images/scene4/sprite-scene4.png) -500px -150px no-repeat;
  position: absolute;
  width: 100px;
  height: 123px;
  bottom: 0px;
  z-index: 5;
  left: -50px;
}
/* line 223, ../sass/modules/_scene4.scss */
.scene4 .boy.desktop {
  left: 550px;
}
/* line 225, ../sass/modules/_scene4.scss */
.scene4 .boy.desktop .desk {
  position: absolute;
  top: -4px;
  left: 0px;
  width: 380px;
  height: 150px;
  background: url(../images/scene4/sprite-scene4.png) -930px -990px no-repeat;
}
/* line 234, ../sass/modules/_scene4.scss */
.scene4 .boy.desktop .bag {
  display: none;
}
/* line 237, ../sass/modules/_scene4.scss */
.scene4 .boy.desktop .deskitems {
  background: url(../images/scene4/sprite-scene4.png) -300px -500px no-repeat;
  position: absolute;
  width: 300px;
  height: 100px;
  top: -99px;
}
/* line 249, ../sass/modules/_scene4.scss */
.scene4 .rug {
  position: absolute;
  bottom: 0px;
  width: 2000px;
  height: 95px;
  background: url(../images/scene4/sprite-scene4.png) 0 -300px no-repeat;
  left: -180px;
  z-index: 0;
}
/* line 259, ../sass/modules/_scene4.scss */
.scene4 .bedroom {
  position: absolute;
  top: 120px;
  left: -50px;
  width: 430px;
  height: 300px;
}
/* line 265, ../sass/modules/_scene4.scss */
.scene4 .bedroom .bed {
  position: absolute;
  top: 0px;
  width: 430px;
  height: 300px;
  background: url(../images/scene4/sprite-scene4.png) 0 0px no-repeat;
  left: 0px;
  z-index: 2;
}
/* line 274, ../sass/modules/_scene4.scss */
.scene4 .bedroom .cat {
  width: 20px;
  height: 70px;
  position: absolute;
  bottom: 20px;
  left: 420px;
  z-index: 10;
  overflow: hidden;
}
/* line 282, ../sass/modules/_scene4.scss */
.scene4 .bedroom .cat .catg {
  background: url(../images/scene4/sprite-scene4.png) -433px -167px no-repeat;
  position: absolute;
  right: 0px;
  width: 70px;
  height: 70px;
}
/* line 291, ../sass/modules/_scene4.scss */
.scene4 .boy.bed {
  background-position: -650px -400px;
  width: 650px;
  top: 50px;
  left: -160px;
}
/* line 297, ../sass/modules/_scene4.scss */
.scene4 .boy.cat {
  left: 480px;
}
/* line 299, ../sass/modules/_scene4.scss */
.scene4 .boy.cat .catg {
  background: url(../images/scene4/sprite-scene4.png) -433px -230px no-repeat;
}
/* line 303, ../sass/modules/_scene4.scss */
.scene4 .chair {
  position: absolute;
  top: 210px;
  width: 100px;
  height: 200px;
  background: url(../images/scene4/sprite-scene4.png) -750px 0px no-repeat;
  left: 680px;
  z-index: 1;
}
/* line 314, ../sass/modules/_scene4.scss */
.scene4 .frames {
  position: absolute;
  top: 20px;
  width: 190px;
  height: 100px;
  background: url(../images/scene4/sprite-scene4.png) 0px -400px no-repeat;
  left: 25px;
  z-index: 1;
  cursor: pointer;
}
/* line 323, ../sass/modules/_scene4.scss */
.scene4 .frames .blue, .scene4 .frames .yellow, .scene4 .frames .red {
  width: 50px;
  height: 60px;
  background: url(../images/scene4/sprite-scene4.png) -191px -400px no-repeat;
  left: 300px;
  position: absolute;
}
/* line 330, ../sass/modules/_scene4.scss */
.scene4 .frames .yellow {
  background: url(../images/scene4/sprite-scene4.png) -252px -400px no-repeat;
  left: 360px;
}
/* line 334, ../sass/modules/_scene4.scss */
.scene4 .frames .red {
  background: url(../images/scene4/sprite-scene4.png) -313px -400px no-repeat;
  left: 420px;
}
/* line 338, ../sass/modules/_scene4.scss */
.scene4 .frames.active {
  background-position: -0px -500px;
}
/* line 340, ../sass/modules/_scene4.scss */
.scene4 .frames.active .red {
  background: url(../images/scene4/sprite-scene4.png) -252px -400px no-repeat;
}
/* line 343, ../sass/modules/_scene4.scss */
.scene4 .frames.active .yellow {
  background: url(../images/scene4/sprite-scene4.png) -191px -400px no-repeat;
}
/* line 346, ../sass/modules/_scene4.scss */
.scene4 .frames.active .blue {
  background: url(../images/scene4/sprite-scene4.png) -313px -400px no-repeat;
}
/* line 351, ../sass/modules/_scene4.scss */
.scene4 .boy.frames {
  background-position: -8px -1198px;
  top: 0px;
  height: 130px;
  left: -180px;
  top: 40px;
}
/* line 357, ../sass/modules/_scene4.scss */
.scene4 .boy.frames.active {
  background-position: -500px -1198px;
}
/* line 359, ../sass/modules/_scene4.scss */
.scene4 .boy.frames.active .blue {
  background-position: -720px -1190px;
}
/* line 363, ../sass/modules/_scene4.scss */
.scene4 .boy.frames .yellow, .scene4 .boy.frames .red {
  display: none;
}
/* line 366, ../sass/modules/_scene4.scss */
.scene4 .boy.frames .blue {
  background-position: -229px -1191px;
  width: 220px;
  height: 168px;
  left: 715px;
  top: -60px;
}
/* line 374, ../sass/modules/_scene4.scss */
.scene4 .lamp-container {
  position: absolute;
  top: 140px;
  width: 100px;
  height: 270px;
  z-index: 1;
  left: -130px;
  cursor: pointer;
  overflow: hidden;
}
/* line 383, ../sass/modules/_scene4.scss */
.scene4 .lamp-container .lamp {
  position: relative;
  width: 100px;
  height: 270px;
  background: url(../images/scene4/sprite-scene4.png) -1000px 0px no-repeat;
  z-index: 2;
}
/* line 389, ../sass/modules/_scene4.scss */
.scene4 .lamp-container .lamp.active {
  background-position: -1100px -0px;
}
/* line 393, ../sass/modules/_scene4.scss */
.scene4 .lamp-container .cord {
  position: absolute;
  width: 5px;
  height: 30px;
  background: url(../images/scene4/sprite-scene4.png) -994px 0px no-repeat;
  z-index: 0;
  top: 21px;
  left: 60px;
}
/* line 403, ../sass/modules/_scene4.scss */
.scene4 .lamp-container.boy {
  display: none;
}
/* line 408, ../sass/modules/_scene4.scss */
.scene4 .tvcenter {
  width: 400px;
  height: 300px;
  position: absolute;
  top: 230px;
  z-index: 10;
  left: -100px;
}
/* line 415, ../sass/modules/_scene4.scss */
.scene4 .tvcenter .tv {
  background: url(../images/scene4/sprite-scene4.png) -900px -700px no-repeat;
  width: 400px;
  height: 300px;
  z-index: 1;
  position: absolute;
}
/* line 422, ../sass/modules/_scene4.scss */
.scene4 .tvcenter .glow {
  background: url(../images/scene4/sprite-scene4.png) -400px -700px no-repeat;
  width: 430px;
  height: 430px;
  z-index: 0;
  position: absolute;
  top: -140px;
  left: 90px;
}
/* line 432, ../sass/modules/_scene4.scss */
.scene4 .tvcenter.girl {
  display: none;
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/modules/_scene5.scss */
.wrapper {
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
/* line 9, ../sass/modules/_scene5.scss */
.wrapper.c5 {
  background: rgba(12, 57, 59, 0.85);
}
/* line 13, ../sass/modules/_scene5.scss */
.wrapper.c5b {
  background: rgba(7, 38, 39, 0.95);
}

/* line 21, ../sass/modules/_scene5.scss */
#scene5 .a.img {
  background: url(../images/scene5/sprite-options5.png) white 0 0 no-repeat;
}
/* line 24, ../sass/modules/_scene5.scss */
#scene5 .active .a.img {
  background: url(../images/scene5/sprite-options5.png) white -200px 0 no-repeat;
}
/* line 28, ../sass/modules/_scene5.scss */
#scene5 .b.img {
  background: url(../images/scene5/sprite-options5.png) white 0 -150px no-repeat;
}
/* line 31, ../sass/modules/_scene5.scss */
#scene5 .active .b.img {
  background: url(../images/scene5/sprite-options5.png) white -200px -150px no-repeat;
}
/* line 35, ../sass/modules/_scene5.scss */
#scene5 .c.img {
  background: url(../images/scene5/sprite-options5.png) white 0 -300px no-repeat;
}
/* line 38, ../sass/modules/_scene5.scss */
#scene5 .active .c.img {
  background: url(../images/scene5/sprite-options5.png) white -200px -300px no-repeat;
}
/* line 42, ../sass/modules/_scene5.scss */
#scene5 .whimsy {
  cursor: pointer;
}

/* line 47, ../sass/modules/_scene5.scss */
.scene5 {
  position: relative;
  overflow: visible;
  height: 520px;
  width: 820px;
  margin: auto;
  display: none;
  top: 0px;
}
/* line 56, ../sass/modules/_scene5.scss */
.scene5 .characters {
  position: absolute;
  z-index: 10;
  left: 238px;
  top: 71px;
}
/* line 61, ../sass/modules/_scene5.scss */
.scene5 .characters .char {
  position: absolute;
  z-index: 5;
}
/* line 64, ../sass/modules/_scene5.scss */
.scene5 .characters .char img {
  width: 100%;
}
/* line 68, ../sass/modules/_scene5.scss */
.scene5 .characters .girl {
  width: 200px;
  top: 18px;
  left: 119px;
}
/* line 74, ../sass/modules/_scene5.scss */
.scene5 .characters .boy {
  width: 150px;
  left: 0px;
}
/* line 80, ../sass/modules/_scene5.scss */
.scene5 .slide2 {
  position: absolute;
  top: 0px;
  left: -142px;
  height: 100%;
}
/* line 85, ../sass/modules/_scene5.scss */
.scene5 .slide2 .characters {
  top: 139px;
  left: 515px;
}
/* line 88, ../sass/modules/_scene5.scss */
.scene5 .slide2 .characters .girl {
  width: 180px;
  top: 4px;
  left: 94px;
}
/* line 94, ../sass/modules/_scene5.scss */
.scene5 .slide2 .characters .boy {
  width: 130px;
  left: 0px;
}
/* line 101, ../sass/modules/_scene5.scss */
.scene5 .slide2 .ground {
  width: 1060px;
  position: absolute;
  top: 360px;
  z-index: 1;
}
/* line 106, ../sass/modules/_scene5.scss */
.scene5 .slide2 .ground .curb {
  background: url(../images/scene5/sprite-scene5b.png) 0px -475px no-repeat;
  width: 1060px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 175px;
}
/* line 115, ../sass/modules/_scene5.scss */
.scene5 .slide2 .ground .cars {
  background: url(../images/scene5/sprite-scene5b.png) 0px 0px no-repeat;
  width: 200px;
  height: 55px;
  position: absolute;
  top: 0px;
  left: 252px;
}
/* line 123, ../sass/modules/_scene5.scss */
.scene5 .slide2 .ground .carlights {
  position: absolute;
  width: 300px;
  height: 130px;
  left: -40px;
  top: -40px;
  background: url(../images/scene5/sprite-scene5b.png) 0px -57px no-repeat;
}
/* line 134, ../sass/modules/_scene5.scss */
.scene5 .slide2 .bowlingalley {
  position: absolute;
  bottom: 120px;
  background: url(../images/scene5/sprite-scene5b.png) 0px -190px no-repeat;
  height: 240px;
  width: 600px;
  left: 75px;
  z-index: 0;
}
/* line 144, ../sass/modules/_scene5.scss */
.scene5 .slide2 .sign, .scene5 .slide2 .flicker {
  background: url(../images/scene5/sprite-scene5b.png) -400px -104px no-repeat;
  width: 300px;
  height: 100px;
  position: absolute;
  left: 80px;
  bottom: 145px;
}
/* line 151, ../sass/modules/_scene5.scss */
.scene5 .slide2 .sign .flicker, .scene5 .slide2 .flicker .flicker {
  background-position: -400px 0px;
  z-index: 2;
  top: -1px;
  left: 2px;
}
/* line 159, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel {
  background: url(../images/scene5/sprite-scene5b.png) -700px 0px no-repeat;
  width: 350px;
  height: 415px;
  position: absolute;
  left: 675px;
  bottom: 123px;
  overflow: hidden;
}
/* line 167, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .lights {
  position: relative;
  left: 30px;
  top: 16px;
}
/* line 172, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .light {
  background: url(../images/scene5/sprite-scene5b.png) -600px -300px no-repeat;
  position: absolute;
  width: 26px;
  height: 32px;
  overflow: hidden;
}
/* line 181, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .kiss {
  background: url(../images/scene5/sprite-scene5b.png) -600px -205px no-repeat;
  width: 26px;
  height: 22px;
  position: absolute;
  left: 50px;
  bottom: 0px;
}
/* line 188, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .kiss.k2 {
  background-position: -600px -250px;
  left: -50px;
}
/* line 197, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l1 {
  left: 0px;
  top: 0px;
}
/* line 201, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l2 {
  left: 88px;
  top: 0px;
}
/* line 206, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l3 {
  left: 220px;
  top: 52px;
}
/* line 211, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l4 {
  left: 132px;
  top: 52px;
}
/* line 215, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l5 {
  left: 0px;
  top: 104px;
}
/* line 219, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l6 {
  left: 264px;
  top: 104px;
}
/* line 223, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l7 {
  left: 220px;
  top: 156px;
}
/* line 227, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l8 {
  left: 88px;
  top: 156px;
}
/* line 231, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l9 {
  left: 44px;
  top: 208px;
}
/* line 235, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l10 {
  left: 176px;
  top: 208px;
}
/* line 239, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l11 {
  left: 264px;
  top: 260px;
}
/* line 243, ../sass/modules/_scene5.scss */
.scene5 .slide2 .hotel .l12 {
  left: 88px;
  top: 260px;
}
/* line 254, ../sass/modules/_scene5.scss */
.scene5 .slide1 {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
}
/* line 266, ../sass/modules/_scene5.scss */
.scene5 .slide1 .floor {
  background: url(../images/scene5/sprite-scene5a.png) 0px -600px;
  width: 1100px;
  height: 50px;
  position: absolute;
  bottom: 0px;
  margin-left: -120px;
  left: 0px;
  z-index: 0;
}
/* line 276, ../sass/modules/_scene5.scss */
.scene5 .slide1 .bkg1 {
  background: url(../images/scene5/sprite-scene5a.png) 0px 0px;
  position: absolute;
  z-index: 0;
  left: 0px;
  margin-left: -50px;
  top: 150px;
  width: 350px;
  height: 320px;
}
/* line 286, ../sass/modules/_scene5.scss */
.scene5 .slide1 .bkg2 {
  background: url(../images/scene5/sprite-scene5a.png) -550px 0px;
  position: absolute;
  z-index: 0;
  left: 450px;
  margin-left: -0px;
  top: 150px;
  width: 400px;
  height: 320px;
}
/* line 297, ../sass/modules/_scene5.scss */
.scene5 .slide1 .discoball {
  position: absolute;
  background: url(../images/scene5/sprite-scene5a.png) -1150px 0px no-repeat;
  width: 300px;
  height: 300px;
  top: -60px;
  left: -40px;
  cursor: pointer;
}
/* line 305, ../sass/modules/_scene5.scss */
.scene5 .slide1 .discoball.active {
  background-position: -1150px -300px;
}
/* line 310, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable {
  height: 185px;
  width: 315px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
  left: 550px;
}
/* line 317, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .table {
  position: absolute;
  background: url(../images/scene5/sprite-scene5a.png) -300px -360px;
  width: 300px;
  height: 165px;
}
/* line 323, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food {
  height: 80px;
  top: -85px;
  left: 40px;
  width: 231px;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
}
/* line 331, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food .bowls {
  position: absolute;
  height: 80px;
  width: 240px;
  background: url(../images/scene5/sprite-scene5a.png) -600px -320px;
}
/* line 338, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food .cupmask {
  height: 0px;
  width: 120px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}
/* line 345, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food .punchcups {
  position: absolute;
  left: 0px;
  height: 80px;
  width: 120px;
  background: url(../images/scene5/sprite-scene5a.png) -900px -320px;
  z-index: 5;
  left: 2px;
  bottom: 0px;
}
/* line 355, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food .punchmask {
  position: absolute;
  left: 121px;
  height: 40px;
  width: 100px;
  bottom: 0px;
  overflow: hidden;
}
/* line 364, ../sass/modules/_scene5.scss */
.scene5 .slide1 .foodtable .food .punchbowl {
  position: absolute;
  left: 0px;
  height: 80px;
  width: 100px;
  background: url(../images/scene5/sprite-scene5a.png) -1020px -320px;
  z-index: 5;
  bottom: 0px;
}
/* line 376, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand {
  position: absolute;
  bottom: 0px;
  height: 165px;
  z-index: 1;
}
/* line 381, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .table {
  position: absolute;
  background: url(../images/scene5/sprite-scene5a.png) 0px -360px;
  width: 250px;
  height: 165px;
}
/* line 387, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container {
  position: absolute;
  width: 115px;
  height: 65px;
  top: -68px;
  z-index: 2;
  left: 10px;
  cursor: pointer;
  overflow: hidden;
}
/* line 396, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container.active, .scene5 .slide1 .djstand .recordplayer-container:hover {
  background-position: -1000px -150px;
}
/* line 399, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container .bar {
  width: 0px;
  height: 2px;
  background: #f3b917;
  position: absolute;
  z-index: 4;
  top: 50px;
  right: 10px;
}
/* line 409, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container .b2 {
  top: 55px;
}
/* line 412, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container .recordplayer {
  position: absolute;
  background: url(../images/scene5/sprite-scene5a.png) -1000px -50px;
  width: 115px;
  height: 65px;
  z-index: 0;
}
/* line 421, ../sass/modules/_scene5.scss */
.scene5 .slide1 .djstand .recordplayer-container.active .recordplayer {
  background-position: -1000px -150px;
}

/* line 4, ../sass/modules/_scenef.scss */
.wrapper.cf {
  background: rgba(0, 29, 30, 0.9);
}

/* line 11, ../sass/modules/_scenef.scss */
#scenef section {
  padding-left: 0px;
}
/* line 15, ../sass/modules/_scenef.scss */
#scenef .results {
  margin-left: -370px;
}
/* line 18, ../sass/modules/_scenef.scss */
#scenef .scale {
  background: url(../images/sprite-final.png) 0 0 no-repeat;
  width: 335px;
  height: 180px;
  margin: auto;
  position: relative;
  z-index: 0;
}
/* line 25, ../sass/modules/_scenef.scss */
#scenef .scale .dial {
  width: 190px;
  height: 41px;
  position: absolute;
  left: 71px;
  bottom: -16px;
  z-index: 2;
}
/* line 32, ../sass/modules/_scenef.scss */
#scenef .scale .dial .pointer {
  width: 140px;
  height: 100%;
  position: absolute;
  left: 0px;
  background: url(../images/sprite-final.png) 0 -200px no-repeat;
}
/* line 41, ../sass/modules/_scenef.scss */
#scenef .cta {
  zoom: 1;
  text-align: center;
  margin: 20px 0px 0px 60px;
  color: white;
  font-family: "jubilat", Georgia, serif;
  font-style: italic;
  font-weight: 400;
  position: relative;
  z-index: 10;
}
/* line 37, ../sass/modules/_variables.scss */
#scenef .cta:before, #scenef .cta:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#scenef .cta:after {
  clear: both;
}
@media only screen and (max-width: 890px) {
  /* line 41, ../sass/modules/_scenef.scss */
  #scenef .cta {
    margin-left: 35px;
  }
}
/* line 54, ../sass/modules/_scenef.scss */
#scenef .cta h3 {
  color: white;
  text-align: center;
  font-size: 0.875em;
  letter-spacing: 0.125em;
  font-weight: 700;
  font-style: normal;
}
/* line 63, ../sass/modules/_scenef.scss */
#scenef .cta p {
  text-align: left;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.8125em;
}
/* line 72, ../sass/modules/_scenef.scss */
#scenef .cta .item {
  position: relative;
  top: -60px;
  float: left;
  height: 60px;
  overflow: hidden;
  -webkit-box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
  -moz-box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
  box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
}
/* line 79, ../sass/modules/_scenef.scss */
#scenef .cta .item.share {
  background: #28bfc6;
  margin-left: 10px;
  margin-right: 10px;
  width: 315px;
}
/* line 88, ../sass/modules/_scenef.scss */
#scenef .cta .item.contest {
  background: #f21952;
  width: 335px;
}
/* line 92, ../sass/modules/_scenef.scss */
#scenef .cta .item .txt-container {
  float: left;
  padding: 10px;
}
/* line 96, ../sass/modules/_scenef.scss */
#scenef .cta .item a {
  float: left;
  margin: 5px 5px;
}
/* line 103, ../sass/modules/_scenef.scss */
#scenef .cta .contest {
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
#scenef .cta .contest:before, #scenef .cta .contest:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#scenef .cta .contest:after {
  clear: both;
}
/* line 105, ../sass/modules/_scenef.scss */
#scenef .cta .contest .btn {
  float: left;
  margin-top: 20px;
}
/* line 109, ../sass/modules/_scenef.scss */
#scenef .cta .contest .card {
  background: url(../images/sprite-final.png) -300px -200px no-repeat;
  width: 100px;
  height: 100px;
  padding: 0px;
  margin-top: 0px;
}
/* line 116, ../sass/modules/_scenef.scss */
#scenef .cta .contest a {
  margin: 0px;
  float: none;
}
/* line 120, ../sass/modules/_scenef.scss */
#scenef .cta .contest a:hover p {
  color: white;
}
/* line 125, ../sass/modules/_scenef.scss */
#scenef .cta .contest a.survey {
  color: black;
  line-height: 17px;
  font-style: normal;
  padding: 3px 9px;
  margin-top: 10px;
  margin: 10px 5px;
  float: left;
}
/* line 137, ../sass/modules/_scenef.scss */
#scenef .snapshots {
  zoom: 1;
  position: relative;
  margin-top: -30px;
  width: 610px;
  margin: auto;
  cursor: pointer;
}
/* line 37, ../sass/modules/_variables.scss */
#scenef .snapshots:before, #scenef .snapshots:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#scenef .snapshots:after {
  clear: both;
}
/* line 144, ../sass/modules/_scenef.scss */
#scenef .snapshots .txt-container {
  float: right;
  color: white;
  text-align: center;
}
/* line 149, ../sass/modules/_scenef.scss */
#scenef .snapshots .btn {
  margin: auto;
  font-size: 1.5625em;
  background: #28bfc6;
  color: white;
}
/* line 155, ../sass/modules/_scenef.scss */
#scenef .snapshots h3 {
  color: white;
  font-size: 1.125em;
  padding-top: 15px;
  font-family: "jubilat", Georgia, serif;
  text-align: center;
  font-weight: 200;
}
/* line 163, ../sass/modules/_scenef.scss */
#scenef .snapshots p {
  font-size: 1.125em;
  padding: 0px 0px;
  text-align: center;
  color: white;
  font-style: italic;
}
/* line 170, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip {
  position: absolute;
  width: 460px;
  height: 150px;
  z-index: 2;
  top: -20px;
}
/* line 176, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .snap {
  position: relative;
  float: left;
  background: transparent;
  -webkit-box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
  -moz-box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
  box-shadow: rgba(50, 52, 51, 0.7) 0 0 2px 0px;
  width: 93px;
  height: 96px;
}
/* line 183, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .snap img {
  width: 100%;
}
/* line 187, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .s1 {
  z-index: 5;
}
/* line 190, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .s2 {
  z-index: 4;
  margin-left: -10px;
  top: 10px;
}
/* line 195, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .s3 {
  z-index: 0;
  margin-left: -30px;
  top: -5px;
}
/* line 200, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .s4 {
  z-index: 1;
  margin-left: -10px;
  top: 10px;
}
/* line 205, ../sass/modules/_scenef.scss */
#scenef .snapshots .strip .s5 {
  z-index: 2;
  margin-left: -10px;
}
/* line 212, ../sass/modules/_scenef.scss */
#scenef .reset {
  margin: 30px auto 0px;
  display: block;
}
/* line 216, ../sass/modules/_scenef.scss */
#scenef .results {
  top: 50px;
}
@media only screen and (max-width: 890px) {
  /* line 216, ../sass/modules/_scenef.scss */
  #scenef .results {
    width: 750px;
    left: 50%;
  }
}
/* line 223, ../sass/modules/_scenef.scss */
#scenef .results .points {
  background: url(../images/pattern-pink.png) 0 0 repeat;
  right: inherit;
  margin-left: -45px;
  right: auto;
  left: 50%;
  top: -50px;
  width: 80px;
  height: 80px;
  border: solid 5px white;
  -webkit-box-shadow: #ababab 0px 0px 5px 2px;
  -moz-box-shadow: #ababab 0px 0px 5px 2px;
  box-shadow: #ababab 0px 0px 5px 2px;
}
/* line 234, ../sass/modules/_scenef.scss */
#scenef .results .points .num {
  font-size: 2.8125em;
  letter-spacing: .125em;
  margin: 15px 0px 0px;
}
/* line 239, ../sass/modules/_scenef.scss */
#scenef .results .points span {
  font-size: 0.9375em;
  margin-top: -10px;
  letter-spacing: 0em;
}
/* line 246, ../sass/modules/_scenef.scss */
#scenef .results .content {
  width: 680px;
  position: relative;
  margin: auto;
  padding: 30px 0px 80px;
  background: url(../images/pattern-white.png) repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
}
@media only screen and (max-width: 890px) {
  /* line 246, ../sass/modules/_scenef.scss */
  #scenef .results .content {
    left: 0px;
  }
}
/* line 256, ../sass/modules/_scenef.scss */
#scenef .results .content p {
  display: none;
  padding: 5px 30px 5px 30px;
  line-height: 25px;
  color: black;
}
/* line 261, ../sass/modules/_scenef.scss */
#scenef .results .content p .pink, #scenef .results .content p .teal {
  text-transform: uppercase;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .125em;
}
/* line 269, ../sass/modules/_scenef.scss */
#scenef .results .content p.title {
  display: block;
  text-align: left;
  font-family: "jubilat", Georgia, serif;
  font-size: 1.75em;
  font-style: normal;
  padding-top: 20px;
  width: auto;
  height: auto;
  background: none;
  position: relative;
  left: auto;
  top: auto;
}
/* line 283, ../sass/modules/_scenef.scss */
#scenef .results .content p.lg {
  display: block;
  font-size: 1.125em;
}
/* line 286, ../sass/modules/_scenef.scss */
#scenef .results .content p.lg .name {
  text-transform: uppercase;
  color: white;
  font-family: "proxima-nova", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.125em;
  font-size: 1.11111em;
}

/* line 4, ../sass/modules/_results.scss */
.wrapper.result {
  background: rgba(3, 19, 19, 0.9);
}

/* line 11, ../sass/modules/_results.scss */
.results {
  display: none;
  position: absolute;
  width: 795px;
  left: 50%;
  margin-left: -440px;
  top: 150px;
  z-index: 20;
}
/* line 20, ../sass/modules/_results.scss */
.results .polaroids-share {
  background: url(../images/polaroids-share.png) no-repeat;
  position: absolute;
  width: 180px;
  height: 185px;
  top: 206px;
  z-index: 5;
}
/* line 27, ../sass/modules/_results.scss */
.results .polaroids-share a {
  position: absolute;
  bottom: 0px;
  right: -5px;
  background: url(../images/pattern-teal.png) repeat;
  color: white;
  font-size: 25px;
}
/* line 35, ../sass/modules/_results.scss */
.results .polaroids-share .polaroid {
  margin: 10px 0px 0px 10px;
}
/* line 39, ../sass/modules/_results.scss */
.results .choice {
  width: 795px;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
  z-index: 10;
}
/* line 47, ../sass/modules/_results.scss */
.results .moveon {
  top: 58px;
  float: left;
  z-index: 5;
}
/* line 53, ../sass/modules/_results.scss */
.results .loader {
  background: url(../images/loader.gif) no-repeat;
  width: 120px;
  height: 15px;
  margin: auto;
  display: none;
}
/* line 61, ../sass/modules/_results.scss */
.results .img-container {
  width: 200px;
  height: 150px;
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 0px;
  overflow: visible;
  background: url(../images/pattern-teal.png) repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
}
/* line 73, ../sass/modules/_results.scss */
.results .img-container .img {
  position: absolute;
  width: 200px;
  height: 100%;
  background-color: white;
  display: block;
  z-index: 10;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  left: -5px;
  top: -5px;
}
/* line 84, ../sass/modules/_results.scss */
.results .img-container:after {
  background: url(../images/sprite-btns.png) -240px 0px no-repeat;
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  right: -27px;
  top: 62px;
}
/* line 97, ../sass/modules/_results.scss */
.results .content, .results .feedback {
  position: relative;
  width: 480px;
  margin-left: 208px;
  background: url(../images/pattern-pink.png) repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
}
/* line 103, ../sass/modules/_results.scss */
.results .content p, .results .feedback p {
  padding: 20px 30px 15px 50px;
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
  line-height: 22px;
  color: white;
}
/* line 111, ../sass/modules/_results.scss */
.results .content p.girl, .results .content p.boy, .results .feedback p.girl, .results .feedback p.boy {
  display: none;
}
/* line 115, ../sass/modules/_results.scss */
.results .content a.btn, .results .feedback a.btn {
  bottom: -10px;
  position: relative;
  margin: auto;
  display: block;
  width: 35%;
}
/* line 123, ../sass/modules/_results.scss */
.results .question .content, .results .question .feedback {
  position: absolute;
}
/* line 129, ../sass/modules/_results.scss */
.results .title {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: white;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 20px;
}
/* line 140, ../sass/modules/_results.scss */
.results .title span.letter {
  color: #f21952;
  font-family: "proxima-nova", Arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
  display: inline-block;
  margin: auto;
  text-align: center;
  padding-top: 6px;
}
/* line 152, ../sass/modules/_results.scss */
.results .points {
  width: 120px;
  height: 120px;
  background: url(../images/pattern-teal.png);
  font-family: "proxima-nova", Arial, sans-serif;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .125em;
  right: 0px;
  top: 0px;
  position: absolute;
  cursor: auto;
}
/* line 167, ../sass/modules/_results.scss */
.results .points .num {
  color: white;
  font-family: "jubilat", Georgia, serif;
  font-size: 3.4375em;
  letter-spacing: .125em;
  margin: 35px 0px 0px;
  font-weight: 600;
}
/* line 177, ../sass/modules/_results.scss */
.results .question {
  position: relative;
  float: left;
  width: 700px;
}
/* line 181, ../sass/modules/_results.scss */
.results .question.wide {
  width: 660px;
}
/* line 186, ../sass/modules/_results.scss */
.results .question h3 {
  margin-top: 15px;
}
/* line 188, ../sass/modules/_results.scss */
.results .question h3 .label {
  background: url(../images/pattern-white.png) repeat;
  display: block;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-top: -13px;
  text-align: center;
  line-height: 43px;
  font-size: 33px;
  color: #f21952;
  float: left;
  text-shadow: black 1px 1px 1px;
}
/* line 205, ../sass/modules/_results.scss */
.results .question .content, .results .question .feedback {
  position: relative;
  width: 480px;
  margin-left: 210px;
  background: url(../images/pattern-black.png) repeat;
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  padding: 1px 0px;
}
/* line 212, ../sass/modules/_results.scss */
.results .question .content p, .results .question .feedback p {
  padding: 15px 15px 5px;
  color: white;
  font-size: 1.375em;
  font-weight: 400;
  width: 445px;
}
/* line 218, ../sass/modules/_results.scss */
.results .question .content p.q span, .results .question .feedback p.q span {
  font-style: normal;
  font-weight: 100;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 95%;
}
/* line 225, ../sass/modules/_results.scss */
.results .question .content h3, .results .question .feedback h3 {
  text-align: left;
}
/* line 228, ../sass/modules/_results.scss */
.results .question .content .slider, .results .question .feedback .slider {
  position: relative;
  height: 60px;
  width: 332px;
  margin: 20px auto 0px;
}
/* line 233, ../sass/modules/_results.scss */
.results .question .content .slider .value, .results .question .feedback .slider .value {
  font-size: 0.75em;
  color: #cccccc;
  position: absolute;
  top: 0px;
}
/* line 238, ../sass/modules/_results.scss */
.results .question .content .slider .value.start, .results .question .feedback .slider .value.start {
  left: -55px;
}
/* line 241, ../sass/modules/_results.scss */
.results .question .content .slider .value.end, .results .question .feedback .slider .value.end {
  right: -55px;
}
/* line 245, ../sass/modules/_results.scss */
.results .question .content .slider .slide, .results .question .feedback .slider .slide {
  height: 40px;
  width: 340px;
  background: url(../images/s1-graph.png) 0 0 no-repeat;
  position: absolute;
}
/* line 252, ../sass/modules/_results.scss */
.results .question .content .slider .marker, .results .question .feedback .slider .marker {
  background-color: #28bfc6;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 3;
  top: -15px;
  left: -0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.7) 0 0 0 5px;
  -moz-box-shadow: rgba(255, 255, 255, 0.7) 0 0 0 5px;
  box-shadow: rgba(255, 255, 255, 0.7) 0 0 0 5px;
  cursor: pointer;
}
/* line 263, ../sass/modules/_results.scss */
.results .question .content .slider .marker span, .results .question .feedback .slider .marker span {
  font-size: 1.25em;
  letter-spacing: 0.05em;
  color: white;
  text-align: center;
  display: block;
  line-height: 50px;
}
/* line 276, ../sass/modules/_results.scss */
.results .question .content .choices, .results .question .feedback .choices {
  width: 390px;
  position: relative;
  zoom: 1;
  margin: 10px auto;
}
/* line 37, ../sass/modules/_variables.scss */
.results .question .content .choices:before, .results .question .content .choices:after, .results .question .feedback .choices:before, .results .question .feedback .choices:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
.results .question .content .choices:after, .results .question .feedback .choices:after {
  clear: both;
}
/* line 283, ../sass/modules/_results.scss */
.results .question .content .choices .choice, .results .question .feedback .choices .choice {
  width: 126px;
  float: left;
  background: url(../images/pattern-lgrey.jpg);
  border: white 2px solid;
  margin: 0px;
  color: white;
  cursor: pointer;
}
/* line 284, ../sass/modules/_results.scss */
.results .question .content .choices .choice.half, .results .question .feedback .choices .choice.half {
  width: 190px;
}
/* line 286, ../sass/modules/_results.scss */
.results .question .content .choices .choice.half.dark, .results .question .feedback .choices .choice.half.dark {
  border-left: none;
}
/* line 297, ../sass/modules/_results.scss */
.results .question .content .choices .choice.middle, .results .question .feedback .choices .choice.middle {
  border-left: none;
  border-right: none;
}
/* line 301, ../sass/modules/_results.scss */
.results .question .content .choices .choice label, .results .question .feedback .choices .choice label {
  display: block;
  text-align: center;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
/* line 308, ../sass/modules/_results.scss */
.results .question .content .choices .choice input, .results .question .feedback .choices .choice input {
  display: none;
}
/* line 311, ../sass/modules/_results.scss */
.results .question .content .choices .choice.dark, .results .question .feedback .choices .choice.dark {
  background: url(../images/pattern-dgrey.jpg);
}
/* line 314, ../sass/modules/_results.scss */
.results .question .content .choices .choice.med, .results .question .feedback .choices .choice.med {
  background: url(../images/pattern-mgrey.jpg);
}
/* line 317, ../sass/modules/_results.scss */
.results .question .content .choices .choice.active, .results .question .feedback .choices .choice.active {
  background: url(../images/pattern-pink.png);
}
/* line 327, ../sass/modules/_results.scss */
.results .question .feedback {
  display: none;
  padding: 10px 0px 20px;
  margin-left: 205px;
}
/* line 331, ../sass/modules/_results.scss */
.results .question .feedback p {
  font-size: 0.9375em;
  color: #cccccc;
  padding: 15px 30px 5px;
  width: 415px;
}
/* line 336, ../sass/modules/_results.scss */
.results .question .feedback p.sm {
  width: 326px;
}
/* line 341, ../sass/modules/_results.scss */
.results .question .feedback .callout {
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  position: relative;
  left: 131px;
  margin-top: -90px;
  width: 172px;
  background: url(../images/pattern-white.png);
  padding: 13px 20px 19px;
  font-style: italic;
  font-size: 1.5em;
  line-height: 26px;
  color: black;
  top: 100px;
}
/* line 354, ../sass/modules/_results.scss */
.results .question .feedback .callout .tab {
  background: #28bfc6;
  color: white;
  text-transform: uppercase;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  margin-left: -27px;
  margin-bottom: 14px;
  display: inline-block;
  width: auto;
  letter-spacing: .125em;
}
/* line 366, ../sass/modules/_results.scss */
.results .question .feedback .callout .tab span {
  padding: 5px 10px;
  font-family: "proxima-nova", Arial, sans-serif;
}
/* line 371, ../sass/modules/_results.scss */
.results .question .feedback .callout .lh {
  line-height: 32px;
  margin-top: -7px;
}
/* line 375, ../sass/modules/_results.scss */
.results .question .feedback .callout.sm {
  width: 150px;
  top: 42px;
  left: 375px;
}
/* line 381, ../sass/modules/_results.scss */
.results .question .feedback .callout .txt {
  font-weight: 800;
  font-style: normal;
  font-size: 37px;
}
/* line 386, ../sass/modules/_results.scss */
.results .question .feedback .callout .num {
  text-transform: uppercase;
  font-size: 42px;
  font-style: normal;
}
/* line 390, ../sass/modules/_results.scss */
.results .question .feedback .callout .num .perc {
  font-size: 25px;
  color: #7a7a7a;
}
/* line 396, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .ans {
  font-size: 16px;
}
/* line 399, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .num {
  font-size: 16px;
  color: #7e7e7e;
}
/* line 403, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .perc {
  color: #555555;
}
/* line 407, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .barbkg {
  background: #ccc;
  width: 100%;
  height: 10px;
}
/* line 411, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .barbkg .bar {
  background: #464646;
  width: 0%;
  height: 100%;
}
/* line 418, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .ans.active {
  color: #f21952;
}
/* line 420, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .ans.active .num {
  color: #f21952;
}
/* line 423, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .ans.active .ans {
  color: #f21952;
}
/* line 426, ../sass/modules/_results.scss */
.results .question .feedback .callout.poll .ans.active .bar {
  background: #f21952;
}

@media only screen and (max-width: 890px) {
  /* line 439, ../sass/modules/_results.scss */
  .results {
    width: 700px;
    left: 50%;
    top: 90px;
    margin-left: -280px;
  }
  /* line 444, ../sass/modules/_results.scss */
  .results .choice {
    width: 100%;
  }
  /* line 447, ../sass/modules/_results.scss */
  .results .polaroids-share {
    top: 306px;
    left: -75px;
  }
  /* line 451, ../sass/modules/_results.scss */
  .results .img-container {
    position: relative;
    left: 245px;
    z-index: 0;
    margin-bottom: 50px;
  }
  /* line 457, ../sass/modules/_results.scss */
  .results .content {
    z-index: 2;
    left: 146px;
    margin: 0px;
  }
  /* line 463, ../sass/modules/_results.scss */
  .results .points {
    right: 160px;
    top: 20px;
  }
  /* line 467, ../sass/modules/_results.scss */
  .results .moveon {
    float: none;
    left: 550px;
    top: 30px;
    clear: both;
    display: block;
    margin: 0px;
  }
  /* line 476, ../sass/modules/_results.scss */
  .results .question .content {
    margin-left: 0px;
  }
  /* line 479, ../sass/modules/_results.scss */
  .results .question .feedback {
    margin-left: 148px;
  }
}
/* line 3, ../sass/modules/_snapshot.scss */
#snapshot {
  display: none;
  position: absolute;
  z-index: 200;
  height: 100%;
  width: 100%;
  background: white;
  overflow: visible;
  -webkit-transition: background 1s ease-out;
  -moz-transition: background 1s ease-out;
  -o-transition: background 1s ease-out;
  transition: background 1s ease-out;
}
/* line 12, ../sass/modules/_snapshot.scss */
#snapshot.flash {
  background: rgba(0, 0, 0, 0.75);
}
/* line 18, ../sass/modules/_snapshot.scss */
#snapshot .info {
  width: 100%;
  text-align: center;
  line-height: 20px;
  padding-top: 5px;
}
/* line 23, ../sass/modules/_snapshot.scss */
#snapshot .info h3 {
  color: white;
}
/* line 26, ../sass/modules/_snapshot.scss */
#snapshot .info p {
  color: #28bfc6;
  font-family: "jubilat", Georgia, serif;
  font-style: italic;
  font-size: 11px;
}
/* line 34, ../sass/modules/_snapshot.scss */
#snapshot .catcher {
  height: 672px;
  width: 1186px;
  display: block;
  background: transparent;
  position: fixed;
  z-index: 0;
  display: none;
  left: 0px;
  top: 0px;
  cursor: pointer;
}
/* line 48, ../sass/modules/_snapshot.scss */
#snapshot > div {
  width: 525px;
  margin: auto;
  position: relative;
  overflow: visible;
}
/* line 54, ../sass/modules/_snapshot.scss */
#snapshot ul {
  position: relative;
  z-index: 5;
}
/* line 58, ../sass/modules/_snapshot.scss */
#snapshot li .snapshot {
  width: 410px;
  margin: 100px auto 0px;
  position: relative;
  zoom: 1;
}
/* line 37, ../sass/modules/_variables.scss */
#snapshot li .snapshot:before, #snapshot li .snapshot:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
/* line 43, ../sass/modules/_variables.scss */
#snapshot li .snapshot:after {
  clear: both;
}
/* line 64, ../sass/modules/_snapshot.scss */
#snapshot .polaroid {
  width: 385px;
  height: 420px;
}
/* line 68, ../sass/modules/_snapshot.scss */
#snapshot .polaroid .img {
  height: 300px;
  width: 365px;
  margin: auto;
}
/* line 74, ../sass/modules/_snapshot.scss */
#snapshot .flex-viewport {
  z-index: 5;
}
/* line 77, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav {
  z-index: 6;
  width: 100%;
  overflow: visible;
  height: 345px;
  position: absolute;
  top: 0px;
}
/* line 84, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav a {
  -webkit-transition: none;
  top: auto;
  bottom: 0px;
}
/* line 90, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav li .flex-prev, #snapshot ul.flex-direction-nav li .flex-next {
  background: none;
  width: 60px;
  height: 60px;
  background: url(../images/buttons_snapshots.png);
  opacity: 1;
}
/* line 96, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav li .flex-prev:hover, #snapshot ul.flex-direction-nav li .flex-next:hover {
  opacity: 1;
  background-position: -60px -0px;
}
/* line 102, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav li .flex-prev {
  background-position: 0px -60px;
}
/* line 104, ../sass/modules/_snapshot.scss */
#snapshot ul.flex-direction-nav li .flex-prev:hover {
  background-position: -60px -60px;
}
/* line 112, ../sass/modules/_snapshot.scss */
#snapshot .callout {
  color: white;
  text-align: center;
  font-size: 16px;
  font-style: italic;
  margin: 10px 0px 15px 0px;
}
/* line 118, ../sass/modules/_snapshot.scss */
#snapshot .callout span {
  font-weight: 700;
  font-style: normal;
}
/* line 122, ../sass/modules/_snapshot.scss */
#snapshot .callout strong {
  color: #28bfc6;
  text-transform: uppercase;
  font-size: 21px;
  font-style: normal;
}
/* line 130, ../sass/modules/_snapshot.scss */
#snapshot .logout {
  display: none;
  position: absolute;
  top: 342px;
  left: -45px;
  width: 200px;
  height: 100px;
  background: url(../images/logout.png) 0 0 no-repeat;
}
/* line 140, ../sass/modules/_snapshot.scss */
#snapshot .share {
  float: left;
  height: 120px;
}
/* line 144, ../sass/modules/_snapshot.scss */
#snapshot .share .btn {
  float: left;
  display: block;
  margin: 0px 2px;
}
/* line 149, ../sass/modules/_snapshot.scss */
#snapshot .share .close {
  background: url(../images/pattern-pink.png) 0 0 repeat;
  width: 80px;
  height: 80px;
  margin: -13px 0px 0px 5px;
}
/* line 156, ../sass/modules/_snapshot.scss */
#snapshot .share .btn.link {
  width: 200px;
  overflow: visible;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  text-align: left;
  text-transform: none;
  background: url(../images/pattern-white.png);
  position: relative;
  height: 50px;
}
/* line 165, ../sass/modules/_snapshot.scss */
#snapshot .share .btn.link .copyimg {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 3px;
  top: 10px;
  background: url(../images/sprite-btns.png) -160px -200px;
}
/* line 173, ../sass/modules/_snapshot.scss */
#snapshot .share .btn.link span.link-container {
  width: 80%;
  margin: 0px 5% 0px 15%;
  display: block;
  overflow: hidden;
  position: relative;
}
/* line 181, ../sass/modules/_snapshot.scss */
#snapshot .share .btn.link span.link-container input {
  position: relative;
  width: 800px;
  font-size: 12px;
  line-height: 47px;
  border: 0px;
  background: transparent;
  font-family: "jubilat", Georgia, serif;
  height: 50px;
}

/* line 581, ../sass/screen.scss */
.tablet header h1 {
  letter-spacing: 0.0625em;
}

@media only screen and (max-width: 890px) {
  /* line 588, ../sass/screen.scss */
  nav {
    padding: 0px;
    top: 510px;
    left: 5px;
  }
  /* line 592, ../sass/screen.scss */
  nav .nav-container {
    display: none;
  }
  /* line 595, ../sass/screen.scss */
  nav .points {
    display: none;
  }
  /* line 598, ../sass/screen.scss */
  nav .pic {
    left: 0px;
    right: auto;
    top: 150px;
    margin: 0px;
  }

  /* line 607, ../sass/screen.scss */
  section {
    margin-left: 0px;
    padding-left: 0px;
  }

  /* line 612, ../sass/screen.scss */
  .loc .scenario {
    margin-bottom: 150px;
  }

  /* line 616, ../sass/screen.scss */
  header .center {
    width: 768px;
  }
  /* line 619, ../sass/screen.scss */
  header h1 {
    font-size: .990em;
  }
}