/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 67, app/assets/stylesheets/mixins.scss */
.wf-loading {
  display: none;
}

/* line 71, app/assets/stylesheets/mixins.scss */
section {
  padding: 100px;
  position: relative;
}

/* line 75, app/assets/stylesheets/mixins.scss */
section .section-content {
  max-width: 854px;
  margin: auto;
}

/* line 81, app/assets/stylesheets/mixins.scss */
a {
  text-decoration: none;
}

/* line 84, app/assets/stylesheets/mixins.scss */
a img {
  outline: none;
  border: 0px;
}

/* line 90, app/assets/stylesheets/mixins.scss */
a.btn, section:not(.snippets-nav) button {
  border-width: 3px;
  border-style: solid;
  border-radius: 30px;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

/* line 97, app/assets/stylesheets/mixins.scss */
a.btn:active, a.btn:visited, section:not(.snippets-nav) button:active, section:not(.snippets-nav) button:visited {
  box-shadow: 0px 0px 0px;
}

/* line 101, app/assets/stylesheets/mixins.scss */
a.btn.btn-white, section:not(.snippets-nav) button.btn-white {
  border-color: #ffffff;
}

/* line 106, app/assets/stylesheets/mixins.scss */
a.btn.btn-green, section:not(.snippets-nav) button.btn-green {
  border-color: #2f878b;
  background-color: #2f878b;
  box-shadow: 0px 5px 0px #215b5c;
  font-size: 18px;
  letter-spacing: 0px;
  padding: 10px;
}

/* line 115, app/assets/stylesheets/mixins.scss */
a.btn.btn-green:hover, section:not(.snippets-nav) button.btn-green:hover {
  background-color: #f3af06;
  border-color: #f3af06;
  box-shadow: 0px 5px 0px #d49009;
}

/* line 121, app/assets/stylesheets/mixins.scss */
a.btn.btn-red, section:not(.snippets-nav) button.btn-red {
  border-color: #b8342a;
  background-color: #b8342a;
  box-shadow: 0px 5px 0px #83231c;
  font-size: 18px;
  letter-spacing: 0px;
  padding: 10px;
}

/* line 130, app/assets/stylesheets/mixins.scss */
a.btn.btn-red:hover, section:not(.snippets-nav) button.btn-red:hover {
  background-color: #cd3a2f;
  border-color: #cd3a2f;
  box-shadow: 0px 5px 0px #b8342a;
}

/* line 136, app/assets/stylesheets/mixins.scss */
a.btn.btn-yellow, section:not(.snippets-nav) button.btn-yellow {
  border-color: #f9ac3b;
  background-color: #f9ac3b;
  box-shadow: 0px 5px 0px #cb8a2c;
  font-size: 18px;
  letter-spacing: 0px;
  padding: 10px;
}

/* line 145, app/assets/stylesheets/mixins.scss */
a.btn.btn-yellow:hover, section:not(.snippets-nav) button.btn-yellow:hover {
  background-color: #fab654;
  border-color: #fab654;
  box-shadow: 0px 5px 0px #f9ac3b;
}

/* line 151, app/assets/stylesheets/mixins.scss */
a.btn.btn-black, section:not(.snippets-nav) button.btn-black {
  border-color: #1d1d1b;
  background-color: #eeecdf;
  color: #1d1d1b;
  box-shadow: 0px;
  font-size: 18px;
  letter-spacing: 0px;
  padding: 10px;
}

/* line 161, app/assets/stylesheets/mixins.scss */
a.btn.btn-black:hover, section:not(.snippets-nav) button.btn-black:hover {
  background-color: #1d1d1b;
  border-color: #1d1d1b;
  box-shadow: 0px;
  color: #eeecdf;
}

/* line 168, app/assets/stylesheets/mixins.scss */
a.btn.btn-green:visited, section:not(.snippets-nav) button.btn-green:visited {
  color: #ffffff;
  box-shadow: 0px 5px 0px #215b5c;
}

/* line 173, app/assets/stylesheets/mixins.scss */
a.btn.btn-green:active, section:not(.snippets-nav) button.btn-green:active {
  box-shadow: 0px 5px 0px #d49009;
}

/* line 180, app/assets/stylesheets/mixins.scss */
.sm-show {
  display: none;
}

/* line 184, app/assets/stylesheets/mixins.scss */
p {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

/* line 187, app/assets/stylesheets/mixins.scss */
p a {
  color: #2f878b;
}

/* line 191, app/assets/stylesheets/mixins.scss */
p a:hover {
  color: #2f878b;
  text-decoration: underline;
}

/* line 196, app/assets/stylesheets/mixins.scss */
p a:focus, p a:visited {
  color: #2f878b;
}

/* line 201, app/assets/stylesheets/mixins.scss */
h1 {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #2f878b;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  font-weight: 900;
  letter-spacing: 0px;
}

/* line 214, app/assets/stylesheets/mixins.scss */
h2 {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 27px;
  color: #ffffff;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}

/* line 217, app/assets/stylesheets/mixins.scss */
h2 a, h2 a:focus, h2 a:visited, h2 a:hover, h2 a:active {
  color: #ffffff;
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/mixins.scss */
h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
}

/* line 227, app/assets/stylesheets/mixins.scss */
input, textarea {
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: #215b5c;
  background-color: #2f878b;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  padding-left: 15px;
  padding-right: 15px;
  outline: none;
}

/* line 240, app/assets/stylesheets/mixins.scss */
::-webkit-input-placeholder {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

/* line 244, app/assets/stylesheets/mixins.scss */
::-moz-placeholder {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

/* line 248, app/assets/stylesheets/mixins.scss */
:-moz-placeholder {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

/* line 252, app/assets/stylesheets/mixins.scss */
:-ms-input-placeholder {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

/* line 257, app/assets/stylesheets/mixins.scss */
input[type=submit] {
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  width: 100%;
  height: 100%;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  outline: none;
  letter-spacing: 1px;
  border-radius: 30px;
}

/* line 270, app/assets/stylesheets/mixins.scss */
input[type=submit]:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #2f878b;
}

@media (max-width: 767.98px) {
  /* line 277, app/assets/stylesheets/mixins.scss */
  section {
    padding: 25px;
  }
  /* line 281, app/assets/stylesheets/mixins.scss */
  .sm-show {
    display: block;
  }
  /* line 284, app/assets/stylesheets/mixins.scss */
  .sm-hide {
    display: none;
  }
}

/* line 5, app/assets/stylesheets/index.scss */
section.snippets-nav {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #75c8d0;
}

/* line 12, app/assets/stylesheets/index.scss */
section.snippets-nav .section-content {
  max-width: 1024px;
}

/* line 16, app/assets/stylesheets/index.scss */
section.snippets-nav .snippets-logo {
  width: 30%;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -15%;
}

/* line 23, app/assets/stylesheets/index.scss */
section.snippets-nav .snippets-logo img {
  width: 100%;
  height: auto;
}

/* line 29, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default {
  background-color: #75c8d0;
  background-image: none;
  background-repeat: no-repeat;
  border-width: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px;
}

/* line 38, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-header .navbar-toggle {
  background-color: #75c8d0;
  border-color: #ffffff;
  border-width: 3px;
  border-style: solid;
}

/* line 44, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* line 49, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-header .navbar-toggle:hover {
  background-color: #ffffff;
}

/* line 52, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-header .navbar-toggle:hover .icon-bar {
  background-color: #75c8d0;
}

/* line 61, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
  text-align: center;
  margin-right: 20px;
}

/* line 65, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 0px 0px;
}

/* line 70, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:not(.btn):hover {
  font-size: 24px;
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

/* line 75, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a.btn:hover {
  color: #75c8d0;
  background-color: #ffffff;
}

/* line 82, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:nth-child(2) a:not(.btn):hover {
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

/* line 87, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:last-child {
  margin-right: 0px;
}

/* line 94, app/assets/stylesheets/index.scss */
section.snippets-nav nav.navbar.navbar-default .navbar-collapse.in, section.snippets-nav nav.navbar.navbar-default .navbar-collapse.collapsing {
  border: 0px;
  box-shadow: none;
  margin-top: 50px;
  margin-right: 0px;
  margin-left: 0px;
}

@media (max-width: 900px) {
  /* line 106, app/assets/stylesheets/index.scss */
  section.snippets-nav .snippets-logo {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* line 113, app/assets/stylesheets/index.scss */
  section.snippets-nav {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* line 118, app/assets/stylesheets/index.scss */
  section.snippets-nav .snippets-logo {
    width: auto;
    height: 54px;
    left: 0%;
    margin-left: 0%;
    display: block;
  }
  /* line 125, app/assets/stylesheets/index.scss */
  section.snippets-nav .snippets-logo img {
    height: 100%;
    width: auto;
  }
  /* line 132, app/assets/stylesheets/index.scss */
  section.snippets-nav nav.navbar.navbar-default .navbar-collapse.in, section.snippets-nav nav.navbar.navbar-default .navbar-collapse.collapsing {
    margin-top: 25px;
  }
  /* line 138, app/assets/stylesheets/index.scss */
  section.snippets-nav nav.navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    margin-right: 0px;
  }
}

/* line 147, app/assets/stylesheets/index.scss */
section.intro {
  padding-top: 0px;
  background-color: #75c8d0;
}

/* line 152, app/assets/stylesheets/index.scss */
section.intro .video {
  width: 100%;
  margin: auto;
  border-bottom-width: 10px;
  border-bottom-color: #2f878b;
  border-bottom-style: solid;
}

/* line 160, app/assets/stylesheets/index.scss */
section.intro .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 164, app/assets/stylesheets/index.scss */
section.intro .container-fluid .col {
  margin-top: 50px;
}

/* line 167, app/assets/stylesheets/index.scss */
section.intro .container-fluid .col img {
  width: 100%;
  height: auto;
}

/* line 172, app/assets/stylesheets/index.scss */
section.intro .container-fluid .col a.btn {
  width: 100%;
  height: 100%;
}

/* line 178, app/assets/stylesheets/index.scss */
section.intro .container-fluid .col.sm-show {
  text-align: center;
}

/* line 181, app/assets/stylesheets/index.scss */
section.intro .container-fluid .col.sm-show img {
  width: 50%;
}

/* line 187, app/assets/stylesheets/index.scss */
section.intro .container-fluid .row:first-child .col {
  margin-top: 100px;
}

@media (max-width: 767.98px) {
  /* line 197, app/assets/stylesheets/index.scss */
  section.intro .container-fluid .col {
    margin-top: 25px;
  }
  /* line 201, app/assets/stylesheets/index.scss */
  section.intro .container-fluid .row:first-child .col {
    margin-top: 25px;
  }
}

/* line 209, app/assets/stylesheets/index.scss */
section.how-to-play {
  background-color: #eeecdf;
}

/* line 212, app/assets/stylesheets/index.scss */
section.how-to-play .steps-header {
  position: absolute;
  left: 0px;
  top: -50px;
  z-index: 99;
}

/* line 217, app/assets/stylesheets/index.scss */
section.how-to-play .steps-header h1 {
  -ms-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

/* line 221, app/assets/stylesheets/index.scss */
section.how-to-play .row.step {
  margin-bottom: 50px;
}

/* line 224, app/assets/stylesheets/index.scss */
section.how-to-play .row.step .col.step-img, section.how-to-play .row.step .col.step-text {
  padding: 0px;
}

/* line 228, app/assets/stylesheets/index.scss */
section.how-to-play .row.step .step-img {
  text-align: left;
}

/* line 231, app/assets/stylesheets/index.scss */
section.how-to-play .row.step .step-img img {
  height: 190px;
  width: auto;
}

/* line 237, app/assets/stylesheets/index.scss */
section.how-to-play .row.step h2, section.how-to-play .row.step p {
  color: #1d1d1b;
  margin-top: 20px;
}

/* line 243, app/assets/stylesheets/index.scss */
section.how-to-play .row.step:last-child {
  margin-bottom: 0px;
}

@media (max-width: 767.98px) {
  /* line 250, app/assets/stylesheets/index.scss */
  section.how-to-play .steps-header-wrapper {
    display: none;
  }
  /* line 254, app/assets/stylesheets/index.scss */
  section.how-to-play .row.step {
    margin-bottom: 25px;
  }
  /* line 257, app/assets/stylesheets/index.scss */
  section.how-to-play .row.step .step-img {
    text-align: center;
  }
  /* line 261, app/assets/stylesheets/index.scss */
  section.how-to-play .row.step .step-title {
    text-align: center;
  }
}

/* line 268, app/assets/stylesheets/index.scss */
section.whats-in-the-box {
  background-color: #b3d6da;
}

/* line 271, app/assets/stylesheets/index.scss */
section.whats-in-the-box h2 {
  color: #1d1d1b;
}

/* line 275, app/assets/stylesheets/index.scss */
section.whats-in-the-box .box-img-wrapper {
  width: 95%;
  margin: auto;
  text-align: center;
  margin-bottom: 0px;
}

/* line 281, app/assets/stylesheets/index.scss */
section.whats-in-the-box .box-img-wrapper img {
  width: 100%;
  height: auto;
}

/* line 287, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid {
  background-color: #ffffff;
  padding: 50px;
  position: relative;
}

/* line 292, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid .box-title {
  position: absolute;
  top: -35px;
  left: 50px;
}

/* line 293, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid .box-title h1 {
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}

/* line 302, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid p {
  color: #1d1d1b;
}

/* line 306, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid .stats {
  text-align: center;
  margin-bottom: 25px;
}

/* line 310, app/assets/stylesheets/index.scss */
section.whats-in-the-box .container-fluid .stats img {
  width: 150px;
  height: auto;
}

@media (max-width: 767.98px) {
  /* line 321, app/assets/stylesheets/index.scss */
  section.whats-in-the-box .container-fluid .box-title {
    font-size: 22px;
  }
  /* line 325, app/assets/stylesheets/index.scss */
  section.whats-in-the-box .container-fluid .stats {
    margin-top: 25px;
  }
}

/* line 332, app/assets/stylesheets/index.scss */
section.mailing-list {
  background-color: #2f878b;
}

/* line 335, app/assets/stylesheets/index.scss */
section.mailing-list .title {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0px;
  width: 100%;
  text-align: center;
}

/* line 342, app/assets/stylesheets/index.scss */
section.mailing-list p {
  margin-top: 20px;
  text-align: center;
}

/* line 347, app/assets/stylesheets/index.scss */
section.mailing-list a {
  color: #ffffff;
  text-decoration: underline;
}

/* line 352, app/assets/stylesheets/index.scss */
section.mailing-list .updates-form {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* line 358, app/assets/stylesheets/index.scss */
section.mailing-list .updates-form .input-field {
  margin-top: 20px;
  height: 40px;
  margin-bottom: 20px;
}

/* line 365, app/assets/stylesheets/index.scss */
section.mailing-list #mc_embed_signup div.mce_inline_error {
  background-color: transparent !important;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  letter-spacing: 1px;
  padding-left: 18px !important;
}

/* line 373, app/assets/stylesheets/index.scss */
section.mailing-list #mce-responses {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  letter-spacing: 1px;
}

/* line 381, app/assets/stylesheets/index.scss */
section.testimonials {
  background-color: #75c8d0;
}

/* line 386, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .row.quotes:last-child {
  margin-top: 50px;
}

/* line 390, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-text {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 27px;
  color: #ffffff;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  position: relative;
  text-align: center;
  padding: 20px;
}

/* line 397, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-text .left-quote, section.testimonials .container-fluid .quote-text .right-quote {
  position: absolute;
  width: 18px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 406, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-text .left-quote {
  left: 0px;
  top: 0px;
  background-image: url(/assets/left-quote-a36f0f0d85259971671db500953512d6ecc5feb64d4633d8f9299954cf67b463.png);
}

/* line 412, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-text .right-quote {
  right: 0px;
  bottom: 0px;
  background-image: url(/assets/right-quote-107c1f5ad86d7e97e5e554680488abc233b851a5752780ddab0e9378871a4d2c.png);
}

/* line 419, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-pic {
  text-align: center;
}

/* line 422, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-pic img {
  width: 100px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}

/* line 429, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-pic img.unrounded {
  height: 100px;
  width: auto;
  border-radius: 0%;
}

/* line 436, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-name {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  margin-top: 25px;
}

/* line 441, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-name a {
  color: #ffffff;
  text-decoration: none;
}

/* line 446, app/assets/stylesheets/index.scss */
section.testimonials .container-fluid .quote-name a:hover {
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  /* line 455, app/assets/stylesheets/index.scss */
  section.testimonials .quote {
    margin-bottom: 25px;
  }
  /* line 458, app/assets/stylesheets/index.scss */
  section.testimonials .quote:last-child {
    margin-bottom: 0px;
  }
}

/* line 464, app/assets/stylesheets/index.scss */
section.footer {
  background-color: #1d1d1b;
  padding: 50px;
}

/* line 468, app/assets/stylesheets/index.scss */
section.footer a {
  text-decoration: none;
}

/* line 472, app/assets/stylesheets/index.scss */
section.footer .footer-left {
  text-align: left;
}

/* line 474, app/assets/stylesheets/index.scss */
section.footer .footer-left a {
  margin-right: 25px;
}

/* line 477, app/assets/stylesheets/index.scss */
section.footer .footer-left a:last-child {
  margin-right: 0px;
}

/* line 482, app/assets/stylesheets/index.scss */
section.footer .footer-right {
  text-align: right;
  padding-right: 0px;
}

/* line 485, app/assets/stylesheets/index.scss */
section.footer .footer-right a {
  margin-left: 25px;
}

/* line 491, app/assets/stylesheets/index.scss */
section.footer .col img {
  width: 60px;
  height: auto;
}

/* line 495, app/assets/stylesheets/index.scss */
section.footer .col a.social {
  margin-left: 10px;
}

/* line 497, app/assets/stylesheets/index.scss */
section.footer .col a.social img {
  width: 35px;
  height: auto;
}

/* line 504, app/assets/stylesheets/index.scss */
section.footer .copyright {
  text-align: right;
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767.98px) {
  /* line 512, app/assets/stylesheets/index.scss */
  section.footer {
    padding: 25px;
  }
  /* line 516, app/assets/stylesheets/index.scss */
  section.footer .footer-left, section.footer .footer-right, section.footer .copyright {
    text-align: center;
    padding: 0px;
  }
  /* line 520, app/assets/stylesheets/index.scss */
  section.footer .footer-left a, section.footer .footer-right a, section.footer .copyright a {
    margin-right: 25px;
    margin-left: 0px;
  }
  /* line 524, app/assets/stylesheets/index.scss */
  section.footer .footer-left a.social, section.footer .footer-right a.social, section.footer .copyright a.social {
    margin-right: 5px;
  }
  /* line 529, app/assets/stylesheets/index.scss */
  section.footer .col {
    margin-bottom: 15px;
  }
}

/* line 535, app/assets/stylesheets/index.scss */
section.text {
  background-color: #75c8d0;
  padding-top: 0px;
}

/* line 539, app/assets/stylesheets/index.scss */
section.text img {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

/* line 545, app/assets/stylesheets/index.scss */
section.text h1 {
  color: #ffffff;
}

/* line 549, app/assets/stylesheets/index.scss */
section.text h2 {
  margin-bottom: 25px;
}

/* line 555, app/assets/stylesheets/index.scss */
section.text.about h1, section.faq h1 {
  -ms-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

/* line 561, app/assets/stylesheets/index.scss */
section.text.about p {
  margin-top: 25px;
}

/* line 566, app/assets/stylesheets/index.scss */
section.video {
  background-color: #2f878b;
}

/* line 569, app/assets/stylesheets/index.scss */
section.video .video {
  width: 100%;
  margin: auto;
  border-bottom-width: 10px;
  border-bottom-color: #215b5c;
  border-bottom-style: solid;
}

/* line 578, app/assets/stylesheets/index.scss */
section.contact-form {
  background-color: #2f878b;
}

/* line 581, app/assets/stylesheets/index.scss */
section.contact-form .col {
  margin-bottom: 15px;
}

/* line 585, app/assets/stylesheets/index.scss */
section.contact-form textarea {
  height: 200px;
}

/* line 589, app/assets/stylesheets/index.scss */
section.contact-form .send-msg-err {
  padding-left: 15px;
}

@media (max-width: 767.98px) {
  /* line 595, app/assets/stylesheets/index.scss */
  .send-msg-err {
    text-align: left;
  }
  /* line 598, app/assets/stylesheets/index.scss */
  .send-msg-btn {
    margin-top: 15px;
  }
  /* line 601, app/assets/stylesheets/index.scss */
  .send-msg-btn input {
    max-width: 200px;
  }
}

/* line 607, app/assets/stylesheets/index.scss */
section.faq {
  background-color: #75c8d0;
  padding-top: 0px;
}

/* line 611, app/assets/stylesheets/index.scss */
section.faq h2 {
  margin-bottom: 25px;
}

/* line 615, app/assets/stylesheets/index.scss */
section.faq p {
  border-bottom-style: dashed;
  border-bottom-width: 3px;
  border-bottom-color: #2f878b;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

/* line 623, app/assets/stylesheets/index.scss */
section.faq p:last-child {
  border-bottom-width: 0px;
}

/* line 627, app/assets/stylesheets/index.scss */
section.faq img.faq-award {
  margin-top: 20px;
  height: 125px;
  width: auto;
  margin-right: 20px;
}

@media (max-width: 767.98px) {
  /* line 637, app/assets/stylesheets/index.scss */
  section.faq img.faq-award {
    margin-top: 10px;
    height: 100px;
    width: auto;
    margin-right: 10px;
  }
}

@media (max-width: 450px) {
  /* line 648, app/assets/stylesheets/index.scss */
  section.faq img.faq-award {
    margin-top: 20px;
    height: 80px;
    width: auto;
    margin-right: 10px;
  }
}

/* line 657, app/assets/stylesheets/index.scss */
section.app {
  background-color: #75c8d0;
}

/* line 660, app/assets/stylesheets/index.scss */
section.app .app-image {
  text-align: center;
}

/* line 662, app/assets/stylesheets/index.scss */
section.app .app-image img {
  width: 100%;
  height: auto;
}

/* line 669, app/assets/stylesheets/index.scss */
section.app .app-description h2 {
  margin-top: 15%;
  margin-bottom: 40px;
}

/* line 673, app/assets/stylesheets/index.scss */
section.app .app-description h2, section.app .app-description p {
  color: #ffffff;
}

/* line 676, app/assets/stylesheets/index.scss */
section.app .app-description a {
  height: 70px;
  margin-top: 40px;
  text-decoration: none;
  margin-right: 15px;
  display: inline-block;
}

/* line 682, app/assets/stylesheets/index.scss */
section.app .app-description a img {
  height: inherit;
  width: auto;
}

@media (max-width: 992px) {
  /* line 693, app/assets/stylesheets/index.scss */
  section.app .app-image img {
    width: 200px;
  }
}

@media (max-width: 767.98px) {
  /* line 703, app/assets/stylesheets/index.scss */
  section.app .app-image img {
    width: 200px;
  }
  /* line 708, app/assets/stylesheets/index.scss */
  section.app .app-description h2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 712, app/assets/stylesheets/index.scss */
  section.app .app-description a {
    margin-top: 20px;
    margin-right: 5px;
    height: 40px;
  }
}

/* line 721, app/assets/stylesheets/index.scss */
section.junior-game {
  background-color: #eeecdf;
}

/* line 724, app/assets/stylesheets/index.scss */
section.junior-game .junior-game-image {
  margin-bottom: 50px;
}

/* line 728, app/assets/stylesheets/index.scss */
section.junior-game img {
  width: 100%;
  height: auto;
}

/* line 733, app/assets/stylesheets/index.scss */
section.junior-game .star {
  text-align: center;
}

/* line 735, app/assets/stylesheets/index.scss */
section.junior-game .star img {
  max-width: 100px;
}

/* line 740, app/assets/stylesheets/index.scss */
section.junior-game p {
  color: #1d1d1b;
}

/* line 744, app/assets/stylesheets/index.scss */
section.junior-game p, section.junior-game a {
  margin-top: 15px;
}

@media (max-width: 767.98px) {
  /* line 751, app/assets/stylesheets/index.scss */
  section.junior-game .junior-game-image {
    margin-bottom: 20px;
  }
  /* line 756, app/assets/stylesheets/index.scss */
  section.junior-game .star img {
    margin-bottom: 20px;
  }
}

/* line 764, app/assets/stylesheets/index.scss */
section.instructions-section .section-content, section.instructions-section .container-fluid, section.instructions-section .row, section.instructions-section .instructions, section.instructions-section iframe {
  height: 100%;
}

/* line 768, app/assets/stylesheets/index.scss */
section.instructions-section .instructions {
  background-image: url(/assets/instructions-loading-3d8b94113edb29212683c4a3025cb9e83ef92f0687051aa510e606f6987efdb8.png);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 778, app/assets/stylesheets/index.scss */
#grommetModal .modal-body {
  padding: 0px;
}

/* line 781, app/assets/stylesheets/index.scss */
#grommetModal .modal-body a {
  text-decoration: none;
}

/* line 785, app/assets/stylesheets/index.scss */
#grommetModal .modal-body img {
  width: 100%;
}

/* line 791, app/assets/stylesheets/index.scss */
section.extra-cards {
  text-align: center;
  padding: 0px;
  padding-top: 50px;
}

/* line 796, app/assets/stylesheets/index.scss */
section.extra-cards .section-content {
  width: 100%;
  max-width: none;
}

/* line 799, app/assets/stylesheets/index.scss */
section.extra-cards .section-content .container-fluid {
  width: 100%;
  max-width: none;
}

/* line 805, app/assets/stylesheets/index.scss */
section.extra-cards .logo-row {
  text-align: center;
}

/* line 808, app/assets/stylesheets/index.scss */
section.extra-cards .logo-row a {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 400px;
}

/* line 814, app/assets/stylesheets/index.scss */
section.extra-cards .logo-row a img {
  width: 100%;
  height: auto;
  margin-top: 0px;
}

/* line 822, app/assets/stylesheets/index.scss */
section.extra-cards .card-front {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 829, app/assets/stylesheets/index.scss */
section.extra-cards .card-front img {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  max-width: 350px;
  height: auto;
  opacity: 1;
}

/* line 838, app/assets/stylesheets/index.scss */
section.extra-cards .card-front h2 {
  display: none;
  padding: 25px;
  font-size: 30px;
}

/* line 846, app/assets/stylesheets/index.scss */
section.extra-cards .card-front.empty {
  position: relative;
}

/* line 849, app/assets/stylesheets/index.scss */
section.extra-cards .card-front.empty img {
  opacity: 0.01;
}

/* line 852, app/assets/stylesheets/index.scss */
section.extra-cards .card-front.empty h2 {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  top: 25%;
  left: 0px;
  display: block;
}

/* line 864, app/assets/stylesheets/index.scss */
section.extra-cards .card-backs-row {
  background-color: #eeecdf;
  padding: 50px 15%;
}

/* line 869, app/assets/stylesheets/index.scss */
section.extra-cards .card-backs-row .card-back img {
  cursor: pointer;
  width: 100%;
  max-width: 250px;
  margin-top: 0px;
}

@media (max-width: 992px) {
  /* line 885, app/assets/stylesheets/index.scss */
  section.extra-cards .card-front img {
    max-width: 300px;
  }
  /* line 894, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back img {
    max-width: 220px;
  }
  /* line 900, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.hard img {
    margin-top: 25px;
  }
}

@media (max-width: 767.98px) {
  /* line 913, app/assets/stylesheets/index.scss */
  section.extra-cards {
    padding-top: 25px;
  }
  /* line 917, app/assets/stylesheets/index.scss */
  section.extra-cards .logo-row a {
    max-width: 320px;
  }
  /* line 923, app/assets/stylesheets/index.scss */
  section.extra-cards .card-front img {
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 280px;
  }
  /* line 928, app/assets/stylesheets/index.scss */
  section.extra-cards .card-front h2 {
    font-size: 25px;
  }
  /* line 933, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row {
    padding: 25px 0px;
  }
  /* line 938, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back img {
    max-width: 200px;
    transform-origin: center;
  }
  /* line 944, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.easy img {
    transform: rotate(4deg);
  }
  /* line 947, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.medium img {
    transform: rotate(-3deg) translateX(-50px);
    margin-top: -90px;
  }
  /* line 951, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.hard img {
    transform: rotate(2deg) translateX(50px);
    margin-top: -100px;
  }
}

@media (max-width: 380px) {
  /* line 965, app/assets/stylesheets/index.scss */
  section.extra-cards .logo-row a {
    max-width: 250px;
  }
  /* line 971, app/assets/stylesheets/index.scss */
  section.extra-cards .card-front img {
    max-width: 230px;
  }
  /* line 974, app/assets/stylesheets/index.scss */
  section.extra-cards .card-front h2 {
    font-size: 20px;
  }
  /* line 982, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back img {
    max-width: 180px;
  }
  /* line 987, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.easy img {
    transform: rotate(4deg);
  }
  /* line 990, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.medium img {
    transform: rotate(-3deg) translateX(-20px);
    margin-top: -80px;
  }
  /* line 994, app/assets/stylesheets/index.scss */
  section.extra-cards .card-backs-row .card-back.hard img {
    transform: rotate(2deg) translateX(20px);
    margin-top: -80px;
  }
}

/* line 1007, app/assets/stylesheets/index.scss */
section.timer {
  padding: 50px;
}

/* line 1010, app/assets/stylesheets/index.scss */
section.timer .section-content {
  height: 100%;
}

/* line 1013, app/assets/stylesheets/index.scss */
section.timer .section-content .container-fluid {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* line 1020, app/assets/stylesheets/index.scss */
section.timer .section-content .container-fluid .row {
  width: 100%;
}

/* line 1023, app/assets/stylesheets/index.scss */
section.timer .section-content .container-fluid .row:before, section.timer .section-content .container-fluid .row:after {
  content: none;
}

/* line 1027, app/assets/stylesheets/index.scss */
section.timer .section-content .container-fluid:before, section.timer .section-content .container-fluid:after {
  content: none;
}

/* line 1033, app/assets/stylesheets/index.scss */
section.timer .logo-row {
  text-align: center;
}

/* line 1036, app/assets/stylesheets/index.scss */
section.timer .logo-row a {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 400px;
}

/* line 1042, app/assets/stylesheets/index.scss */
section.timer .logo-row a img {
  width: 100%;
  height: auto;
  margin-top: 0px;
}

/* line 1051, app/assets/stylesheets/index.scss */
section.timer .clock-row {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 1058, app/assets/stylesheets/index.scss */
section.timer .clock-row .clock {
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(/assets/timer/stopwatch-face-04d7f9461d42452c5f163cfa1563c9524523eec61d7d01f0887ff8828344433e.png);
  background-position: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: auto;
}

/* line 1068, app/assets/stylesheets/index.scss */
section.timer .clock-row .clock img {
  width: 100%;
  height: auto;
  margin-top: 0px;
  transform-origin: center;
}

/* line 1077, app/assets/stylesheets/index.scss */
section.timer .snippey-row {
  margin-top: -66.6666666667px;
}

/* line 1080, app/assets/stylesheets/index.scss */
section.timer .snippey-row .snippey {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
}

/* line 1085, app/assets/stylesheets/index.scss */
section.timer .snippey-row .snippey img {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin-top: 0px;
}

/* line 1091, app/assets/stylesheets/index.scss */
section.timer .snippey-row .snippey .left-closed, section.timer .snippey-row .snippey .right-closed {
  display: none;
}

/* line 1097, app/assets/stylesheets/index.scss */
section.timer .buttons-row {
  margin-top: 50px;
  text-align: center;
}

/* line 1101, app/assets/stylesheets/index.scss */
section.timer .buttons-row .col {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 1106, app/assets/stylesheets/index.scss */
section.timer .buttons-row button {
  font-size: 30px;
  text-transform: uppercase;
  max-width: 400px;
  margin: auto;
}

/* line 1115, app/assets/stylesheets/index.scss */
section.timer .buttons-row .start-btn:hover, section.timer .buttons-row .resume-btn:hover {
  background-color: #359a9e;
  border-color: #359a9e;
  box-shadow: 0px 5px 0px #2f878b;
}

/* line 1122, app/assets/stylesheets/index.scss */
section.timer .buttons-row.pause-resume-reset {
  display: none;
}

/* line 1125, app/assets/stylesheets/index.scss */
section.timer .buttons-row.pause-resume-reset .resume-btn {
  display: none;
}

@media (max-width: 767.98px) {
  /* line 1132, app/assets/stylesheets/index.scss */
  section.timer {
    padding: 25px;
  }
  /* line 1137, app/assets/stylesheets/index.scss */
  section.timer .logo-row img {
    width: 340px;
  }
  /* line 1142, app/assets/stylesheets/index.scss */
  section.timer .clock-row {
    margin-top: 25px;
  }
  /* line 1145, app/assets/stylesheets/index.scss */
  section.timer .clock-row .clock {
    max-width: 420px;
  }
  /* line 1150, app/assets/stylesheets/index.scss */
  section.timer .snippey-row {
    margin-top: -33.3333333333px;
  }
  /* line 1154, app/assets/stylesheets/index.scss */
  section.timer .snippey-row .snippey img {
    max-width: 220px;
  }
  /* line 1160, app/assets/stylesheets/index.scss */
  section.timer .buttons-row {
    margin-top: 33.3333333333px;
  }
  /* line 1163, app/assets/stylesheets/index.scss */
  section.timer .buttons-row .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 1168, app/assets/stylesheets/index.scss */
  section.timer .buttons-row button {
    font-size: 26px;
  }
}

@media (max-width: 767.98px) and (min-height: 800px) {
  /* line 1177, app/assets/stylesheets/index.scss */
  section.timer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 1181, app/assets/stylesheets/index.scss */
  section.timer .clock-row {
    margin-top: 25px;
  }
  /* line 1184, app/assets/stylesheets/index.scss */
  section.timer .clock-row .clock {
    width: 125%;
    margin-left: -12.5%;
    max-width: auto;
  }
}

@media (max-width: 365px) {
  /* line 1196, app/assets/stylesheets/index.scss */
  section.timer .container-fluid, section.timer .col {
    padding: 0px;
  }
  /* line 1201, app/assets/stylesheets/index.scss */
  section.timer .snippey-row .snippey {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* line 1207, app/assets/stylesheets/index.scss */
  section.timer .buttons-row button {
    padding: 5px;
    font-size: 20px;
  }
}

@media (max-width: 365px) and (max-height: 800px) {
  /* line 1219, app/assets/stylesheets/index.scss */
  section.timer .snippey-row .snippey img {
    max-width: 170px;
  }
}

@media (max-width: 320px) {
  /* line 1230, app/assets/stylesheets/index.scss */
  section.timer .snippey-row .snippey {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* line 1236, app/assets/stylesheets/index.scss */
  section.timer .buttons-row button {
    font-size: 17px;
  }
}