/* Font-weights */
/* COLORS */
/* Small only */
/* Medium only */
/* Large only */
/* Font size */
@font-face {
  font-family: "Tungsten";
  src: url("../fonts/Tungsten-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Tungsten-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Tungsten-Semibold.woff") format("woff"), url("../fonts/Tungsten-Semibold.ttf") format("truetype"), url("../fonts/Tungsten-Semibold.svg#e5f1fa838ba4f3e5059cea69f9b0aff4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.svg#e5f1fa838ba4f3e5059cea69f9b0aff4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.svg#e5f1fa838ba4f3e5059cea69f9b0aff4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#e5f1fa838ba4f3e5059cea69f9b0aff4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#e5f1fa838ba4f3e5059cea69f9b0aff4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600;
}
/* MIXIN */
/* line 6, ../../../src/sass/app.scss */
body {
  font-family: "Gotham", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 6, ../../../src/sass/app.scss */
  body {
    font-size: 17px;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 6, ../../../src/sass/app.scss */
  body {
    font-size: 16px;
  }
}

/* line 1, ../../../src/sass/_typography.scss */
h1 {
  font-family: "Tungsten", Helvetica, Arial, sans-serif;
  line-height: 0.9;
  font-size: 4.2em;
  text-transform: uppercase;
  margin-bottom: .3em;
  color: #000000;
}
/* line 9, ../../../src/sass/_typography.scss */
h1 span {
  color: #cc0000;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 1, ../../../src/sass/_typography.scss */
  h1 {
    font-size: 4.2em;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 1, ../../../src/sass/_typography.scss */
  h1 {
    font-size: 4.2em;
  }
}

/* line 21, ../../../src/sass/_typography.scss */
h2 {
  font-family: "Gotham", Arial, sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  color: #323232;
  line-height: 1;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 21, ../../../src/sass/_typography.scss */
  h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 21, ../../../src/sass/_typography.scss */
  h2 {
    font-size: 1.9em;
    line-height: 1.2;
  }
}

/* line 38, ../../../src/sass/_typography.scss */
h3 {
  font-family: "Gotham", Arial, sans-serif;
  font-weight: 300;
  color: #323232;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

/* line 46, ../../../src/sass/_typography.scss */
h4 {
  font-family: "Gotham", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: 1em;
  color: #b82222;
  text-transform: uppercase;
}

/* line 55, ../../../src/sass/_typography.scss */
a {
  color: #cc0000;
  text-decoration: underline;
  font-weight: 600;
}
/* line 60, ../../../src/sass/_typography.scss */
a:hover, a:focus {
  color: #990000;
}

/* line 66, ../../../src/sass/_typography.scss */
p {
  font-family: "Gotham", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 1em;
  font-size: 1em;
  color: #323232;
  line-height: 1.3;
}

/* line 75, ../../../src/sass/_typography.scss */
.no-padding-right {
  padding-right: 0 !important;
}
@media screen and (max-width: 39.9375em) {
  /* line 75, ../../../src/sass/_typography.scss */
  .no-padding-right {
    padding-left: 0 !important;
  }
}

/* line 1, ../../../src/sass/_buttons.scss */
.button {
  font-family: "Gotham", Arial, sans-serif;
  padding: 1em 1.5em 1em 1.5em;
  font-weight: 500;
  font-size: .8em;
  text-transform: uppercase;
  text-decoration: none;
}
/* line 9, ../../../src/sass/_buttons.scss */
.button.primary {
  background-color: #cc0000;
  color: #ffffff;
}
/* line 13, ../../../src/sass/_buttons.scss */
.button.primary.register {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  display: block;
  margin-bottom: 8px;
}
/* line 22, ../../../src/sass/_buttons.scss */
.button.primary:hover, .button.primary:focus {
  background-color: #b30000;
  color: #ffffff;
}
/* line 29, ../../../src/sass/_buttons.scss */
.button.secondary {
  background-color: #ffffff;
  color: #323232;
}
/* line 33, ../../../src/sass/_buttons.scss */
.button.secondary:hover, .button.secondary:focus {
  background-color: #f2f2f2;
  color: #323232;
}
@media screen and (max-width: 39.9375em) {
  /* line 1, ../../../src/sass/_buttons.scss */
  .button {
    margin-bottom: 3em;
  }
}

/* line 1, ../../../src/sass/_form.scss */
form {
  margin-bottom: rem(20);
}
/* line 4, ../../../src/sass/_form.scss */
form input[type="text"],
form input[type="email"],
form input[type="date"],
form select {
  resize: none;
  border: 1px solid #ffffff;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 300;
  color: white;
  width: 100%;
  line-height: 1.5;
  background: transparent;
  padding-left: 1rem;
}
/* line 61, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
form input[type="text"]:-moz-placeholder,
form input[type="email"]:-moz-placeholder,
form input[type="date"]:-moz-placeholder,
form select:-moz-placeholder {
  color: #e6e6e6;
}
/* line 64, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
form input[type="text"]::-moz-placeholder,
form input[type="email"]::-moz-placeholder,
form input[type="date"]::-moz-placeholder,
form select::-moz-placeholder {
  color: #e6e6e6;
}
/* line 67, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
form input[type="text"]:-ms-input-placeholder,
form input[type="email"]:-ms-input-placeholder,
form input[type="date"]:-ms-input-placeholder,
form select:-ms-input-placeholder {
  color: #e6e6e6;
}
/* line 56, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
form input[type="text"]::-webkit-input-placeholder,
form input[type="email"]::-webkit-input-placeholder,
form input[type="date"]::-webkit-input-placeholder,
form select::-webkit-input-placeholder {
  color: #e6e6e6;
}
/* line 23, ../../../src/sass/_form.scss */
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form select:focus {
  outline: 0;
  box-shadow: none;
  background-color: transparent;
}
/* line 29, ../../../src/sass/_form.scss */
form input[type="text"].is-invalid-input,
form input[type="email"].is-invalid-input,
form input[type="date"].is-invalid-input,
form select.is-invalid-input {
  color: #c60f13;
}
/* line 34, ../../../src/sass/_form.scss */
form select:disabled {
  background-color: transparent;
}
/* line 39, ../../../src/sass/_form.scss */
form .alert.callout p {
  text-align: center;
  color: #323232;
}
/* line 45, ../../../src/sass/_form.scss */
form select {
  line-height: 1;
}
/* line 48, ../../../src/sass/_form.scss */
form select.is-invalid-input {
  color: #c60f13;
}
/* line 52, ../../../src/sass/_form.scss */
form select option {
  color: #323232;
  font-weight: 300;
}
/* line 58, ../../../src/sass/_form.scss */
form span.form-error {
  font-weight: 300;
}
/* line 62, ../../../src/sass/_form.scss */
form .file-error.is-visible {
  position: absolute;
  top: 60px;
  left: 0;
  line-height: 1.2;
}
/* line 69, ../../../src/sass/_form.scss */
form label {
  font-size: .9rem;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 2rem;
}
@media screen and (max-width: 39.9375em) {
  /* line 69, ../../../src/sass/_form.scss */
  form label {
    margin-bottom: 2rem !important;
  }
}
/* line 81, ../../../src/sass/_form.scss */
form input[type="checkbox"] {
  position: relative;
  top: 1px;
  margin-bottom: 0;
}

/* line 1, ../../../src/sass/modules/_header.scss */
header {
  width: 100%;
  min-height: 700px;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 39.9375em) {
  /* line 1, ../../../src/sass/modules/_header.scss */
  header {
    margin-bottom: 2em;
    min-height: 300px;
    background-position: 50% 70%;
  }
}
/* line 13, ../../../src/sass/modules/_header.scss */
header img.logo {
  width: 120px;
  height: 60px;
}
@media screen and (max-width: 39.9375em) {
  /* line 13, ../../../src/sass/modules/_header.scss */
  header img.logo {
    margin-bottom: 0;
  }
}
/* line 23, ../../../src/sass/modules/_header.scss */
header .full {
  max-width: 100%;
}
/* line 27, ../../../src/sass/modules/_header.scss */
header .content {
  height: 600px;
  text-align: center;
}
/* line 32, ../../../src/sass/modules/_header.scss */
header nav {
  background-color: #ffffff;
}
/* line 34, ../../../src/sass/modules/_header.scss */
header nav ul {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}
/* line 38, ../../../src/sass/modules/_header.scss */
header nav ul li {
  display: inline-block;
  margin-right: 1.2rem;
}
/* line 41, ../../../src/sass/modules/_header.scss */
header nav ul li a {
  color: #323232;
  text-transform: uppercase;
  font-size: .8rem;
  text-decoration: none;
}
/* line 47, ../../../src/sass/modules/_header.scss */
header nav ul li a:hover, header nav ul li a:focus {
  color: #656565;
}
/* line 53, ../../../src/sass/modules/_header.scss */
header nav ul li:last-child {
  margin-right: 0;
}
/* line 57, ../../../src/sass/modules/_header.scss */
header nav ul li.icon {
  margin-right: .5em;
  position: relative;
  top: -0.1em;
}
/* line 62, ../../../src/sass/modules/_header.scss */
header nav ul li.icon:last-child {
  margin-right: 0;
}
@media screen and (max-width: 39.9375em) {
  /* line 57, ../../../src/sass/modules/_header.scss */
  header nav ul li.icon {
    text-align: center;
    display: inline-block;
    margin-right: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 38, ../../../src/sass/modules/_header.scss */
  header nav ul li {
    margin-right: .5em;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 38, ../../../src/sass/modules/_header.scss */
  header nav ul li {
    display: block;
    margin-right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 34, ../../../src/sass/modules/_header.scss */
  header nav ul {
    margin-left: 0;
  }
}
/* line 89, ../../../src/sass/modules/_header.scss */
header nav ul .icon-group {
  display: inline-block;
}
@media screen and (max-width: 39.9375em) {
  /* line 89, ../../../src/sass/modules/_header.scss */
  header nav ul .icon-group {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 34, ../../../src/sass/modules/_header.scss */
  header nav ul {
    display: block;
  }
}
/* line 106, ../../../src/sass/modules/_header.scss */
header p {
  margin-bottom: 2em;
}

/* line 1, ../../../src/sass/modules/_section.scss */
section {
  padding: 3em 0;
}
/* line 4, ../../../src/sass/modules/_section.scss */
section.about {
  padding-bottom: 0;
}
/* line 7, ../../../src/sass/modules/_section.scss */
section.about p {
  font-size: 1.5rem;
}
/* line 9, ../../../src/sass/modules/_section.scss */
section.about p span {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
}
/* line 14, ../../../src/sass/modules/_section.scss */
section.about p span.red-text {
  display: inline-block;
  color: #cc0000;
  font-size: 1.5rem;
}
/* line 22, ../../../src/sass/modules/_section.scss */
section.about p strong {
  color: #000000;
}
/* line 29, ../../../src/sass/modules/_section.scss */
section.products h2 {
  margin-bottom: 2rem;
}
section.products {
  border-bottom: 1px solid #cc0000;
}
/* line 33, ../../../src/sass/modules/_section.scss */
section.products .card {
  border: 0;
  margin-bottom: 3rem;
	position: relative;
}
section.products .card .sticker {
  position: absolute;
  top: .5rem;
  left: .5rem;
  background-color: #cc0000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: .5rem;
  width: 80px;
  height: 80px;
}
/* line 48, ../../../src/sass/modules/_section.scss */
section.products .card .sticker .text {
  color: #ffffff;
  font-size: .8rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
}
/* line 37, ../../../src/sass/modules/_section.scss */
section.products .card .card-divider {
  margin-bottom: 1rem;
  background-color: #eceded;
  padding: 2rem 0;
  padding-top: 6rem;
}
section.products .card .card-divider span {
  position: absolute;
  background-color: #cc0000;
  color: #ffffff;
  padding: 2rem 1rem;
  right: 1rem;
  top: 1rem;
  font-size: 0.9rem;
  border-radius: 50%;
}
/* line 43, ../../../src/sass/modules/_section.scss */
section.products .card a {
  color: #323232;
  font-weight: 300;
  margin-bottom: .5rem;
}
/* line 49, ../../../src/sass/modules/_section.scss */
section.products .card span {
  color: #cc0000;
  margin-bottom: .5rem;
  font-weight: 700;
}
/* line 56, ../../../src/sass/modules/_section.scss */
section.products .card p strong {
  color: #cc0000;
}
/* line 61, ../../../src/sass/modules/_section.scss */
section.products .card img {
  max-height: 150px;
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  /* line 61, ../../../src/sass/modules/_section.scss */
  section.products .card img {
    margin-bottom: 1rem;
  }
}
/* line 73, ../../../src/sass/modules/_section.scss */
section.gift {
  background-color: #ffffff;
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
}
/* line 78, ../../../src/sass/modules/_section.scss */
section.gift h2 {
  font-weight: 400;
}
/* line 82, ../../../src/sass/modules/_section.scss */
section.gift img {
  display: block;
  margin-bottom: 1rem;
  margin: 0 auto;
}
/* line 87, ../../../src/sass/modules/_section.scss */
section.gift img.gift1 {
  max-height: 130px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
/* line 95, ../../../src/sass/modules/_section.scss */
section.gift img.gift2 {
  max-height: 200px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
/* line 109, ../../../src/sass/modules/_section.scss */
section.gift .image-container {
  min-height: 250px;
  position: relative;
  margin-bottom: 1rem;
  background-color: #f5f5f5;
}
/* line 115, ../../../src/sass/modules/_section.scss */
section.gift ul {
  margin-left: 0;
  margin-top: 1rem;
}
/* line 118, ../../../src/sass/modules/_section.scss */
section.gift ul li {
  list-style: none;
  font-size: 1rem;
  font-weight: 300;
}
/* line 122, ../../../src/sass/modules/_section.scss */
section.gift ul li:before {
  content: '\f105';
  display: inline-block;
  color: #cc0000;
  font-family: FontAwesome;
}
/* line 132, ../../../src/sass/modules/_section.scss */
section.how-it-works {
  background-color: #ffffff;
}
/* line 135, ../../../src/sass/modules/_section.scss */
section.how-it-works h2 {
  margin-bottom: 3rem;
  text-transform: none;
}
/* line 140, ../../../src/sass/modules/_section.scss */
section.how-it-works h3 {
  text-align: center;
}
/* line 144, ../../../src/sass/modules/_section.scss */
section.how-it-works .card {
  border: 0;
  overflow: inherit;
  background-color: transparent;
}
/* line 151, ../../../src/sass/modules/_section.scss */
section.how-it-works .card.last .card-divider:after {
  display: none;
}
/* line 157, ../../../src/sass/modules/_section.scss */
section.how-it-works .card .card-divider {
  display: inline-block;
  margin: 0 auto;
  background-color: transparent;
  border: 1px solid #cc0000;
  padding: 2rem;
  color: #cc0000;
  margin-bottom: 1rem;
  position: relative;
}
/* line 167, ../../../src/sass/modules/_section.scss */
section.how-it-works .card .card-divider .fa-2x {
  font-size: 2.6rem;
}
/* line 171, ../../../src/sass/modules/_section.scss */
section.how-it-works .card .card-divider:after {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  background-image: url('../images/caret-right.svg?1517397783');
  background-size: cover;
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: -70%;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 171, ../../../src/sass/modules/_section.scss */
  section.how-it-works .card .card-divider:after {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 171, ../../../src/sass/modules/_section.scss */
  section.how-it-works .card .card-divider:after {
    display: none;
  }
}
/* line 191, ../../../src/sass/modules/_section.scss */
section.how-it-works .card .card-divider img.icon {
  width: auto;
  height: 40px;
  max-width: 45px;
  max-height: 40px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 144, ../../../src/sass/modules/_section.scss */
  section.how-it-works .card {
    margin-bottom: 2rem;
  }
}
/* line 206, ../../../src/sass/modules/_section.scss */
section.register {
  background-color: #4b4f54;
}
/* line 209, ../../../src/sass/modules/_section.scss */
section.register .top {
  margin-top: 2rem;
}
/* line 213, ../../../src/sass/modules/_section.scss */
section.register h2 {
  text-transform: none;
  color: #ffffff;
}
/* line 218, ../../../src/sass/modules/_section.scss */
section.register h3 {
  color: #ffffff;
  font-weight: 600;
}
/* line 223, ../../../src/sass/modules/_section.scss */
section.register a {
  color: #ffffff;
  font-weight: 300;
}
/* line 228, ../../../src/sass/modules/_section.scss */
section.register p {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 300;
}
/* line 232, ../../../src/sass/modules/_section.scss */
section.register p i {
  font-size: .9rem;
  font-style: italic;
}
/* line 236, ../../../src/sass/modules/_section.scss */
section.register p span {
  font-size: .7rem;
}
/* line 241, ../../../src/sass/modules/_section.scss */
section.register .fileUpload {
  position: relative;
  margin: 10px;
  color: #000 !important;
  cursor: pointer;
}
/* line 247, ../../../src/sass/modules/_section.scss */
section.register .fileUpload input.upload {
  position: absolute;
  margin: 0;
  padding: 4px;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #000 !important;
  cursor: pointer;
  left: 0;
}
/* line 262, ../../../src/sass/modules/_section.scss */
section.register .btn-white {
  display: inline-block;
  background: #fff;
  padding: 8px 20px;
  color: #323232 !important;
  float: right;
  position: relative;
  bottom: 10px;
  left: 10px;
  cursor: pointer;
}
/* line 274, ../../../src/sass/modules/_section.scss */
section.register span.upload {
  font-size: 1rem;
}
/* line 281, ../../../src/sass/modules/_section.scss */
section.rules ul li, section.rules ol li {
  font-size: .9rem;
  font-weight: 300;
}
/* line 287, ../../../src/sass/modules/_section.scss */
section.rules ul.shops {
  width: 100%;
  margin-left: 0;
  margin: 0 auto;
  margin-bottom: 5rem;
}
/* line 292, ../../../src/sass/modules/_section.scss */
section.rules ul.shops li {
  width: 24%;
  display: inline-block;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 292, ../../../src/sass/modules/_section.scss */
  section.rules ul.shops li {
    width: 48%;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 292, ../../../src/sass/modules/_section.scss */
  section.rules ul.shops li {
    width: 100%;
  }
}
/* line 307, ../../../src/sass/modules/_section.scss */
section.rules p {
  font-size: .9rem;
}

/* line 1, ../../../src/sass/modules/_footer.scss */
footer {
  padding: 1em;
  background-color: #f5f5f5;
}
/* line 5, ../../../src/sass/modules/_footer.scss */
footer p {
  font-size: .8rem;
  color: #323232;
}
