@charset "UTF-8";

/******************************************************************
Site Name: explodingkittens.com
Author: Bear Food, LLC.
******************************************************************/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/******************************************************************
Site Name: ExplodingKittens.com
Author: Web Dev Kitten

Stylesheet: Exploding Kittens Colors
******************************************************************/

/*********************
COLORS
*********************/

/*
*-----------------------------------------
* Various Non-EK Brand Colors
*-----------------------------------------
*/

.color-white {
  color: whitesmoke !important;
}

.color-blue {
  color: #0071bc !important;
}

.color-magenta {
  color: #83004c !important;
}

.color-red1 {
  color: #840715 !important;
}

.color-red2 {
  color: #48140f !important;
}

.color-red3 {
  color: #de5639 !important;
}

.color-red4 {
  color: #b40a1d !important;
}

.color-bright-red {
  color: #f70400 !important;
}

.color-green {
  color: #8cc63f !important;
}

.color-pink {
  color: #ed1e79 !important;
}

.color-orange {
  color: #f7931e !important;
}

.fill-orange {
  fill: #f7931e !important;
}

.color-orange2 {
  color: #c5b097 !important;
}

.color-yellow {
  color: #fdd82e !important;
}

.color-grey1 {
  color: #f3f3f3 !important;
}

.color-grey2 {
  color: #e0e0e0 !important;
}

.color-grey3 {
  color: #cacaca !important;
}

.color-grey4 {
  color: #898989 !important;
}

.color-grey5 {
  color: #404040 !important;
}

.color-grey6 {
  color: #161616 !important;
}

.color-dark-grey {
  color: #222222 !important;
}

.color-purple {
  color: #292460 !important;
}

.color-purple2 {
  color: #161333 !important;
}

.color-purple3 {
  color: #3c358d !important;
}

.color-sk-yellow {
  color: #ffdf00 !important;
}

.color-ik-blue {
  color: #0071bc !important;
}

.background-blue {
  background: #0071bc !important;
}

.background-red1 {
  background: #840715 !important;
}

.background-red2 {
  background: #48140f !important;
}

.background-red3 {
  background: #de5639 !important;
}

.background-red4 {
  background: #b40a1d !important;
}

.background-green {
  background: #8cc63f !important;
}

.background-pink {
  background: #ed1e79 !important;
}

.background-orange {
  background: #f7931e !important;
}

.background-orange2 {
  background: #c5b097 !important;
}

.background-sk-yellow {
  background: #ffdf00 !important;
}

.background-sk-green {
  background: #61b259 !important;
}

.background-yellow {
  background: #fdd82e !important;
}

.background-grey1 {
  background: #f3f3f3 !important;
}

.background-grey2 {
  background: #e0e0e0 !important;
}

.background-grey3 {
  background: #cacaca !important;
}

.background-grey4 {
  background: #898989 !important;
}

.background-grey5 {
  background: #404040 !important;
}

.background-grey6 {
  background: #161616 !important;
}

.background-dark-grey {
  background: #222222 !important;
}

.background-white {
  background: #ffffff !important;
}

/******************************************************************

		Stylesheet: Typography

******************************************************************/

/* Make the fonts look pretty---er */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-rendering: optimizelegibility;
}

/******************************************************************

		Heading Styles

******************************************************************/

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-family: bebas-neue, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 92%;
  text-transform: uppercase;
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  text-decoration: none;
}

.h1,
h1 {
  font-size: 8.8rem;
  color: #fafafa;
}

.h1.bigger,
h1.bigger {
  font-size: 12.32rem;
}

@media only screen and (max-width: 851px) {
  .h1,
  h1 {
    font-size: 7.04rem;
  }

  .h1.bigger,
  h1.bigger {
    font-size: 9.856rem;
  }
}

@media only screen and (max-width: 661px) {
  .h1,
  h1 {
    font-size: 6.0689655172rem;
  }

  .h1.bigger,
  h1.bigger {
    font-size: 8.4965517241rem;
  }
}

@media only screen and (max-width: 569px) {
  .h1,
  h1 {
    font-size: 5.0285714286rem;
  }

  .h1.bigger,
  h1.bigger {
    font-size: 7.04rem;
  }
}

@media only screen and (max-width: 416px) {
  .h1,
  h1 {
    font-size: 3.6666666667rem;
  }

  .h1.bigger,
  h1.bigger {
    font-size: 5.1333333333rem;
  }
}

@media only screen and (max-width: 321px) {
  .h1,
  h1 {
    font-size: 2.9333333333rem;
  }

  .h1.bigger,
  h1.bigger {
    font-size: 4.1066666667rem;
  }
}

.h2,
h2 {
  font-size: 5rem;
  line-height: 96%;
}

@media only screen and (max-width: 851px) {
  .h2,
  h2 {
    font-size: 4rem;
  }
}

@media only screen and (max-width: 661px) {
  .h2,
  h2 {
    line-height: 110%;
  }
}

@media only screen and (max-width: 569px) {
  .h2,
  h2 {
    font-size: 2.8571428571rem;
  }
}

@media only screen and (max-width: 321px) {
  .h2,
  h2 {
    font-size: 2.0833333333rem;
  }
}

.h3,
h3 {
  font-size: 3rem;
  line-height: 100%;
}

@media only screen and (max-width: 851px) {
  .h3,
  h3 {
    font-size: 2.8571428571rem;
  }
}

@media only screen and (max-width: 661px) {
  .h3,
  h3 {
    font-size: 2.4rem;
    line-height: 110%;
  }
}

@media only screen and (max-width: 569px) {
  .h3,
  h3 {
    font-size: 2.0689655172rem;
  }
}

@media only screen and (max-width: 321px) {
  .h3,
  h3 {
    font-size: 1.6666666667rem;
  }
}

.h4,
h4 {
  font-size: 2.6rem;
  line-height: 100%;
}

@media only screen and (max-width: 851px) {
  .h4,
  h4 {
    font-size: 2.08rem;
  }
}

@media only screen and (max-width: 661px) {
  .h4,
  h4 {
    font-size: 1.7931034483rem;
    line-height: 110%;
  }
}

.h5,
h5 {
  font-size: 2rem;
}

@media only screen and (max-width: 851px) {
  .h5,
  h5 {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 661px) {
  .h5,
  h5 {
    font-size: 1.3793103448rem;
  }
}

/******************************************************************

		Paragraph Styles

******************************************************************/

p {
  padding: 0;
  margin: 0;
}

.bebas {
  font-family: bebas-neue, sans-serif !important;
  font-weight: 400;
}

.bold {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

.no-break {
  white-space: nowrap;
}

.text-center {
  text-align: center !important;
}

/******************************************************************
Site Name: ExplodingKittens.com
Author: Bear Food, LLC.

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/

.mb10 {
  margin-bottom: 1rem;
}

.mb20 {
  margin-bottom: 2rem;
}

.mb30 {
  margin-bottom: 3rem;
}

.mb40 {
  margin-bottom: 4rem;
}

.mb50 {
  margin-bottom: 5rem;
}

.mb60 {
  margin-bottom: 6rem;
}

.mt10 {
  margin-top: 1rem;
}

.mt20 {
  margin-top: 2rem;
}

.mt30 {
  margin-top: 3rem;
}

.mt40 {
  margin-top: 4rem;
}

.mt50 {
  margin-top: 5rem;
}

.mt60 {
  margin-top: 6rem;
}

header.site-header .nav-container nav ul li .social-icon,
footer.site-footer,
header.site-header,
form input.text,
form input[type=text],
form input[type=button],
form input[type=submit],
form input[type=email],
form input[type=file],
form input[type=password],
form textarea,
form,
#main-container.name-gen .forms form.enter-fav input,
#main-container.name-gen .forms form.enter-fav textarea,
#main-container.name-gen .forms form.enter-name input,
#main-container.name-gen .forms form.enter-name textarea,
#main-container.name-gen .forms form.enter-fav,
#main-container.name-gen .forms form.enter-name,
#main-container.four-o-four .image-container,
#main-container.store .menu,
#main-container.store section.section-one #slideshow #slide-holder .slide,
#main-container.store section.section-one #slideshow,
.button,
button,
#slideshow #slide-holder .slide,
#slideshow {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  word-spacing: 0;
}

header.site-header .mobile-nav .hamburger,
header.site-header .nav-container nav ul li,
header.site-header .logo-container,
header.site-header .nav-container,
#main-container section.newsletter-container .left-side .copy,
#main-container section.newsletter-container .left-side .graphic,
#main-container.home section.section-two .content-container .cta,
#main-container.home section.section-two .content-container .heading,
#main-container.home section.section-two .content-container .image,
section .left,
section .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
}

header.site-header .mobile-nav,
header.site-header .nav-container nav,
header.site-header,
#main-container section.newsletter-container .left-side,
#main-container.home section.section-two .content-container,
#main-container.home section.section-one {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

/*
***********************************************************
    Stylesheet: Global Styles Stylesheet
***********************************************************
*/

/*
*****************************
    General Document Styles
*****************************
*/

html {
  font-size: 62.5%;
  box-sizing: border-box;
  min-height: 100%;
}

body {
  min-height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: 0;
  font-weight: 500;
  color: #e0e0e0;
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #b40a1d;
  background-image: radial-gradient(circle, #b40a1d 10%, #48140f 100%);
  background-attachment: fixed;
}

body.no-scroll {
  overflow: hidden;
}

body.four-o-four {
  background: black;
}

body.fidget {
  background: #383026;
}

/*
*****************************
    General Page Styles
*****************************
*/

#main-container {
  display: block;
  min-height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#main-container .cb {
  display: block;
  margin: 0 auto 4rem;
  padding: 0;
  position: relative;
}

@media only screen and (max-width: 661px) {
  #main-container .cb {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 321px) {
  #main-container .cb {
    margin-bottom: 1rem;
  }
}

#main-container .cb.heading {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 769px) {
  #main-container .cb.heading {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container .cb.heading {
    margin-bottom: 1.2rem;
  }
}

#main-container .cb.arrowed-heading {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
}

#main-container .cb.arrowed-heading .arrow {
  width: 3rem;
  position: absolute;
  top: 50%;
  left: -3.4rem;
  margin-top: -0.4rem;
}

#main-container .cb.arrowed-heading .arrow.right-side {
  left: auto;
  right: -3.4rem;
  transform: scaleX(-1);
}

@media only screen and (max-width: 769px) {
  #main-container .cb.arrowed-heading .arrow {
    width: 2.6rem;
    left: -2.9rem;
    margin-top: -0.8rem;
  }

  #main-container .cb.arrowed-heading .arrow.right-side {
    right: -2.9rem;
  }
}

@media only screen and (max-width: 416px) {
  #main-container .cb.arrowed-heading .arrow {
    display: none;
  }
}

#main-container .cb.arrowed-heading .title {
  width: auto;
}

#main-container .cb.small-margin {
  margin-bottom: 1rem;
}

#main-container .cb.menu ul {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  white-space: normal;
  font-family: bebas-neue-by-fontfabric, sans-serif;
}

#main-container .cb.menu ul li {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  margin: 0 0.4rem;
  padding: 0;
  font-size: 2rem;
}

#main-container .cb.menu ul li a {
  text-decoration: none !important;
}

#main-container .cb.menu ul li.bar {
  color: #898989;
}

#main-container .cb.boxed {
  background: #3c3c3c;
  padding: 1.8rem 2.2rem;
  border-radius: 0.3rem;
  transition: all 0.5s ease-in-out;
}

#main-container .cb.split {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  white-space: normal;
}

#main-container .cb.split .left,
#main-container .cb.split .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 50%;
  vertical-align: top;
  padding: 0;
}

#main-container .cb.split .left {
  text-align: left;
  padding-right: 1.2rem;
  font-size: 1.6rem;
}

#main-container .cb.split .right {
  padding-left: 1.2rem;
}

@media only screen and (max-width: 661px) {
  #main-container .cb.split .left,
  #main-container .cb.split .right {
    width: 100%;
    padding: 0;
  }

  #main-container .cb.split .left.right,
  #main-container .cb.split .right.right {
    padding: 1rem 0 0;
  }

  #main-container .cb.split .left.right img,
  #main-container .cb.split .right.right img {
    max-width: 70% !important;
  }
}

#main-container .cb.last-block {
  margin-bottom: 0;
}

section {
  display: block;
  margin: 0 auto;
  padding: 6rem 4rem;
  width: 86%;
}

section .left,
section .right {
  width: 50%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

section .left .bottom,
section .left .middle,
section .left .top,
section .right .bottom,
section .right .middle,
section .right .top {
  padding: 1.6rem;
}

@media only screen and (max-width: 569px) {
  section {
    padding: 3rem 2rem;
  }
}

.boxed-content {
  display: inline-block;
  width: auto;
  margin: 2rem auto;
  padding: 3.8rem 4rem 4rem;
  border: 1px solid #222222;
  background: rgba(34, 34, 34, 0.15);
  border-radius: 0.3rem;
}

.boxed-content.red-box {
  background: rgba(180, 10, 29, 0.35);
  border-color: #b40a1d;
}

@media only screen and (max-width: 569px) {
  .boxed-content {
    padding: 1.8rem 2rem 2rem;
  }
}

.social-share {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  margin: 2rem auto 0;
}

.social-share .fb,
.social-share .tw {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  padding: 0 0.4rem;
  vertical-align: top;
}

#slideshow {
  z-index: 700;
  text-align: center;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

#slideshow .slide-loader {
  width: 9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.5rem;
  margin-left: -4.5rem;
  z-index: 999;
  opacity: 0.9;
}

#slideshow .control {
  width: 100%;
}

#slideshow .control .arrow {
  position: absolute;
  width: 5rem;
  top: 50%;
  margin-top: -2.5rem;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 779;
}

#slideshow .control .arrow .direction {
  transition: all 0.25s ease-in-out;
}

#slideshow .control .arrow.left {
  left: 5%;
  transform: rotate(180deg);
}

#slideshow .control .arrow.right {
  right: 5%;
}

#slideshow .control .arrow:hover {
  cursor: pointer;
}

#slideshow .control .arrow:hover .direction {
  fill: #b40a1d;
}

@media only screen and (max-width: 851px) {
  #slideshow .control .arrow.left {
    left: 1%;
  }

  #slideshow .control .arrow.right {
    right: 1%;
  }
}

@media only screen and (max-width: 569px) {
  #slideshow .control .arrow {
    width: 3rem;
    margin-top: -1.5rem;
  }
}

#slideshow #slide-holder {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  min-height: 100px;
  opacity: 0;
  transition: opacity 1000ms ease-in-out;
}

#slideshow #slide-holder.loaded {
  opacity: 1;
}

#slideshow #slide-holder .slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 778;
  width: 70%;
  margin: 0 auto;
  max-width: 900px;
  opacity: 0;
}

#slideshow #slide-holder .slide:first-child {
  display: block;
  position: relative;
  z-index: 780;
  opacity: 1;
}

#slideshow #slide-holder .slide img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

@media only screen and (max-width: 851px) {
  #slideshow #slide-holder .slide {
    width: 84%;
  }
}

img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

*,
*:after,
*:before {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

.bk-top {
  display: inline-block;
  position: fixed;
  width: 4rem;
  bottom: 2rem;
  right: 2rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.bk-top.show {
  visibility: visible;
  opacity: 1;
}

.bk-top svg .arrow {
  fill: whitesmoke;
  transition: all 0.5s ease-in-out;
}

.bk-top svg .circle {
  fill: #231F20;
  transition: all 0.5s ease-in-out;
}

.bk-top:hover {
  cursor: pointer;
}

.bk-top:hover svg .circle {
  fill: #b40a1d !important;
}

/*
*****************************
    Links
*****************************
*/

a,
a:active,
a:focus,
a:visited {
  color: #e0e0e0;
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: none;
  outline: none;
  transition: all 0.3s ease-out;
  /* mobile tap color */
  /* on hover */
  /* on click */
}

a:link,
a:active:link,
a:focus:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a.dark-link,
a:active.dark-link,
a:focus.dark-link,
a:visited.dark-link {
  color: #222222;
}

a.red-link,
a:active.red-link,
a:focus.red-link,
a:visited.red-link {
  color: #b40a1d;
}

a.underline,
a:active.underline,
a:focus.underline,
a:visited.underline {
  text-decoration: underline !important;
}

a:hover,
a:active:hover,
a:focus:hover,
a:visited:hover {
  opacity: 0.65;
  text-decoration: none;
}

a.no-fade:hover,
a:active.no-fade:hover,
a:focus.no-fade:hover,
a:visited.no-fade:hover {
  opacity: 0.95;
}

a.ul:active:after,
a.ul:after,
a.ul:focus:after,
a.ul:visited:after,
a:active.ul:active:after,
a:active.ul:after,
a:active.ul:focus:after,
a:active.ul:visited:after,
a:focus.ul:active:after,
a:focus.ul:after,
a:focus.ul:focus:after,
a:focus.ul:visited:after,
a:visited.ul:active:after,
a:visited.ul:after,
a:visited.ul:focus:after,
a:visited.ul:visited:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #898989;
  margin-top: -2px;
}

/*
*****************************
    Buttons
*****************************
*/

.button,
button {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
  outline: none;
  padding: 1.4rem 3.6rem;
  font-size: 2.6rem;
  line-height: 1;
  color: #fafafa !important;
  font-family: bebas-neue, sans-serif;
  cursor: pointer;
  background: #b40a1d;
  border-radius: 0.3rem;
  transition: all 250ms ease;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.button.big-btn,
button.big-btn {
  padding: 2.8rem 4.4rem 2rem;
  font-size: 4rem;
}

.button.on-red,
button.on-red {
  color: #404040 !important;
  background: #cacaca;
}

.button.green-btn,
button.green-btn {
  background: #61b259;
}

.button.blue-btn,
button.blue-btn {
  background: #28aae1;
}

.button.yellow-btn,
button.yellow-btn {
  background: #ffdf00;
}

.button.streaking,
button.streaking {
  background: #ffdf00;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #161616 !important;
}

.button.imploding,
button.imploding {
  background: #0071bc;
}

.button.party-pack,
button.party-pack {
  background: #83004c;
}

.button.dark,
button.dark {
  background: #161616;
}

.button.submit,
.button .submit,
button.submit,
button .submit {
  background: #b40a1d;
  text-shadow: none;
}

.button.submit:hover,
.button .submit:hover,
button.submit:hover,
button .submit:hover {
  background: #9c0919;
}

.button.disabled,
button.disabled {
  opacity: 0.5;
}

.button.disabled:hover,
button.disabled:hover {
  cursor: default;
  top: 0;
}

.button.active,
.button:hover,
button.active,
button:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
  background: #9c0919;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.button.active:not(.no-shrink),
.button:hover:not(.no-shrink),
button.active:not(.no-shrink),
button:hover:not(.no-shrink) {
  transform: scale(0.97);
}

.button.active.green-btn,
.button:hover.green-btn,
button.active.green-btn,
button:hover.green-btn {
  background: #54a54d;
}

.button.active.blue-btn,
.button:hover.blue-btn,
button.active.blue-btn,
button:hover.blue-btn {
  background: #1d9cd2;
}

.button.active.on-yellow,
.button:hover.on-yellow,
button.active.on-yellow,
button:hover.on-yellow {
  background: #e6c900;
}

.button.active.on-red,
.button:hover.on-red,
button.active.on-red,
button:hover.on-red {
  background: #3b3b3b;
}

.button.active.imploding,
.button:hover.imploding,
button.active.imploding,
button:hover.imploding {
  background: #0062a3;
}

.button.active.party-pack,
.button:hover.party-pack,
button.active.party-pack,
button:hover.party-pack {
  background: #6a003d;
}

.button.active.streaking,
.button:hover.streaking,
button.active.streaking,
button:hover.streaking {
  background: #ffe00a;
  color: #161616 !important;
}

.button.dark:hover,
button.dark:hover {
  background: #232323;
}

.button.active,
button.active {
  cursor: default;
}

@media only screen and (max-width: 569px) {
  .button.big-btn,
  button.big-btn {
    padding: 2.2rem 3.8rem 1.4rem;
    font-size: 3rem;
  }
}

@media only screen and (max-width: 416px) {
  .button,
  button {
    font-size: 2.2rem;
    padding: 1.6rem 3.2rem 1rem;
  }
}

.small-button {
  padding: 1.2rem 2.6rem 0.8rem;
  font-size: 110% !important;
}

@media only screen and (max-width: 416px) {
  .small-button {
    padding: 1.1688311688rem 3.2727272727rem;
    font-size: 120% !important;
  }
}

/*
*****************************
    Misc.
*****************************
*/

ul {
  list-style: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

ul.alpha-list {
  list-style-type: lower-alpha !important;
}

hr {
  width: 100%;
  height: 1px;
  border: none;
  outline: none;
  background: #48140f;
  margin: 16px 0 0;
  padding: 0;
  border-bottom: 1px solid rgba(222, 86, 57, 0.1);
}

blockquote {
  font-size: 110%;
  font-style: italic;
  text-align: left;
}

blockquote span {
  font-family: bebas-neue, sans-serif;
  font-style: normal;
  font-size: 150%;
}

/* This adds some space above in-page # links to accommodate the header*/

*:target:before {
  content: "";
  display: block;
  height: 100px;
  /* fixed header height*/
  margin: -100px 0 0;
  /* negative fixed header height */
}

/*
*****************************
    Clearfix & Breaks
*****************************
*/

.clearfix {
  zoom: 1;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.full-break {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  background: transparent !important;
  zoom: 1;
}

.full-break:after,
.full-break:before {
  content: "";
  display: table;
}

.full-break:after {
  clear: both;
}

.lined-break {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  max-width: 900px;
  height: 1px;
  background: transparent !important;
  zoom: 1;
  margin: 3rem auto;
}

.lined-break:after,
.lined-break:before {
  content: "";
  display: table;
}

.lined-break:after {
  clear: both;
}

.pop-up {
  position: fixed;
  overflow: visible;
  top: 80px;
  left: 50%;
  margin: 0 auto;
  opacity: 0;
  display: none;
  transform: translateX(-50%);
  padding: 16px 26px;
  text-align: center;
  z-index: 850;
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem 4rem;
  background: #383026;
  border: 10px solid #b40a1d;
  box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.55);
  transition: all 0.5s ease-in-out;
}

.pop-up.store {
  background: whitesmoke !important;
  color: #161616;
  margin: 2rem auto 0;
}

.pop-up.store svg {
  display: inline-block;
  width: 3rem;
  margin: 0 0.4rem;
}

.pop-up.store .close {
  background: #cacaca;
}

.pop-up.store a {
  color: #48140f;
  text-decoration: underline;
}

.pop-up.visible {
  opacity: 1;
  display: block;
}

.pop-up.instructions {
  background: #161616;
  color: #f3f3f3;
}

.pop-up.instructions hr {
  border-color: #404040;
  margin-bottom: 1.6rem;
}

.pop-up.instructions .version-pod {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

.pop-up.instructions .version-pod .left,
.pop-up.instructions .version-pod .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}

.pop-up.instructions .version-pod .left.right,
.pop-up.instructions .version-pod .right.right {
  width: 10rem;
}

.pop-up.instructions .version-pod .left.left,
.pop-up.instructions .version-pod .right.left {
  text-align: left;
  padding: 0 2rem;
  width: auto;
}

.pop-up.instructions .version-pod .left.left p,
.pop-up.instructions .version-pod .right.left p {
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 661px) {
  .pop-up.instructions .version-pod .right {
    margin-top: 1.2rem;
  }
}

@media only screen and (max-width: 661px) {
  .pop-up.instructions {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.pop-up p {
  text-align: justify;
  margin-top: 1.6rem;
}

.pop-up button {
  margin-top: 1.4rem;
}

.pop-up .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: bebas-neue, sans-serif;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
  padding: 0.6rem 0.6rem 0.2rem;
  background: #554537;
  line-height: 1;
}

.pop-up .close:hover {
  color: #b40a1d;
  cursor: pointer;
}

@media only screen and (max-width: 416px) {
  .pop-up {
    top: 10px;
  }
}

@media only screen and (max-width: 321px) {
  .pop-up {
    padding-right: 2rem;
    padding-left: 2rem;
    font-size: 90%;
    line-height: 120%;
  }

  .pop-up .close {
    display: none;
  }
}

audio::-internal-media-controls-download-button {
  display: none;
}

audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}

audio::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.pattern-bg {
  width: 100%;
  background: #b40a1d;
  background: url(/images/pattern.png?31161973dc2987be47132d9c33899e31) repeat, radial-gradient(ellipse at center, #b40a1d 0%, #48140f 100%);
  background-attachment: fixed;
}

/*
*****************************************************************
Stylesheet: Home Page Specific Styles
*****************************************************************
*/

#main-container.home section {
  z-index: 700;
  position: relative;
}

#main-container.home section.section-one {
  max-width: 1200px;
  text-align: center;
  padding-top: 4rem;
}

#main-container.home section.section-one .right {
  padding-top: 2rem;
}

#main-container.home section.section-one .right h1 {
  color: #f3f3f3;
  font-size: 6.6rem;
}

#main-container.home section.section-one .right h1 span {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

#main-container.home section.section-one .right h1 .line-one {
  font-size: 4rem;
}

#main-container.home section.section-one .right h1 .line-two {
  font-size: 7.6rem;
}

#main-container.home section.section-one .right h1 .line-three {
  line-height: 86%;
  font-size: 5rem;
}

#main-container.home section.section-one .right blockquote {
  max-width: 360px;
  margin: 0 auto 1.8rem;
}

#main-container.home section.section-one .right blockquote span {
  line-height: 150%;
}

#main-container.home section.section-one .right .boxed-content {
  margin-bottom: 0;
}

#main-container.home section.section-one .right .boxed-content img {
  max-width: 220px;
}

#main-container.home section.section-one .right .boxed-content h3 {
  margin-top: 0.8rem;
}

#main-container.home section.section-one .right .bottom {
  padding-top: 1.2rem;
}

#main-container.home section.section-one .left .top .left {
  width: 100%;
}

#main-container.home section.section-one .left .top .right {
  display: none !important;
  width: 0;
}

#main-container.home section.section-one video {
  width: 100%;
  max-width: 460px;
}

@media only screen and (max-width: 851px) {
  #main-container.home section.section-one .right .top .line-one {
    font-size: 3rem;
  }

  #main-container.home section.section-one .right .top .line-two {
    font-size: 6.6rem;
  }

  #main-container.home section.section-one .right .top .line-three {
    font-size: 4rem;
  }

  #main-container.home section.section-one .right .top .boxed-content {
    padding: 3rem;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.home section.section-one .left,
  #main-container.home section.section-one .right {
    position: relative;
    word-spacing: -1px;
    font-size: 0;
    white-space: normal;
    width: 100%;
  }

  #main-container.home section.section-one .left .bottom,
  #main-container.home section.section-one .left .top {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    word-spacing: 0;
    width: 50%;
    vertical-align: middle;
  }

  #main-container.home section.section-one .right {
    padding-top: 0;
  }

  #main-container.home section.section-one .right .bottom,
  #main-container.home section.section-one .right .top {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    word-spacing: 0;
    width: 50%;
    vertical-align: middle;
  }

  #main-container.home section.section-one .right .bottom blockquote,
  #main-container.home section.section-one .right .top blockquote {
    text-align: center;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.home section.section-one .left,
  #main-container.home section.section-one .right {
    width: 100%;
  }

  #main-container.home section.section-one .left .bottom,
  #main-container.home section.section-one .left .top {
    width: 100%;
    padding: 0;
    margin: 0 auto 2rem;
  }

  #main-container.home section.section-one .left .top {
    position: relative;
    word-spacing: -1px;
    font-size: 0;
    white-space: normal;
  }

  #main-container.home section.section-one .left .top .left,
  #main-container.home section.section-one .left .top .right {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    word-spacing: 0;
    width: 90%;
  }

  #main-container.home section.section-one .left .top .left {
    padding-right: 1.6rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-one {
    font-size: 5.6rem;
    line-height: 80%;
  }

  #main-container.home section.section-one .left .top .right h1 .line-two {
    font-size: 2.8rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-three {
    font-size: 2.4rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-four {
    font-size: 2.4rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-five {
    font-size: 1.6rem;
  }

  #main-container.home section.section-one .right {
    padding-top: 0;
  }

  #main-container.home section.section-one .right .bottom,
  #main-container.home section.section-one .right .top {
    width: 100%;
    padding: 0;
  }

  #main-container.home section.section-one .right .bottom blockquote,
  #main-container.home section.section-one .right .top blockquote {
    margin-top: 1.8rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.home section.section-one .left .top .right {
    width: 60%;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.home section.section-one .left .top .left,
  #main-container.home section.section-one .left .top .right {
    width: 100%;
    padding: 0;
  }

  #main-container.home section.section-one .left .top .right h1 .line-one {
    font-size: 5.2rem;
    line-height: 80%;
  }

  #main-container.home section.section-one .left .top .right h1 .line-two {
    font-size: 2.6rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-three {
    font-size: 2.2rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-four {
    font-size: 2.2rem;
  }

  #main-container.home section.section-one .left .top .right h1 .line-five {
    font-size: 1.4rem;
  }

  #main-container.home section.section-one .right .top .line-one {
    font-size: 2rem;
  }

  #main-container.home section.section-one .right .top .line-two {
    font-size: 5rem;
  }

  #main-container.home section.section-one .right .top .line-three {
    font-size: 3rem;
  }

  #main-container.home section.section-one .right .top .boxed-content {
    padding: 2rem;
  }
}

#main-container.home section.section-two {
  width: 100%;
  background: #161616;
  padding: 4rem 0;
  z-index: 800;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25);
}

#main-container.home section.section-two .content-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
}

#main-container.home section.section-two .content-container .cta,
#main-container.home section.section-two .content-container .heading,
#main-container.home section.section-two .content-container .image {
  vertical-align: middle;
  padding: 0 1.2rem;
}

#main-container.home section.section-two .content-container .heading {
  width: 40%;
}

#main-container.home section.section-two .content-container .heading h2 {
  text-align: left;
}

#main-container.home section.section-two .content-container .heading h2 span {
  display: block;
}

#main-container.home section.section-two .content-container .heading h2 .line-one {
  font-size: 120%;
  line-height: 80%;
}

#main-container.home section.section-two .content-container .heading h2 .line-two {
  margin-top: 1.2rem;
  font-size: 190%;
  line-height: 60%;
  color: #b40a1d;
}

#main-container.home section.section-two .content-container .image {
  width: 35%;
  text-align: left;
}

#main-container.home section.section-two .content-container .image img {
  max-width: 360px;
}

#main-container.home section.section-two .content-container .cta {
  width: 25%;
  text-align: left;
}

#main-container.home section.section-two .content-container .cta img {
  max-width: 140px;
  margin: 4px 0;
}

@media only screen and (max-width: 851px) {
  #main-container.home section.section-two .content-container .heading {
    width: 100%;
  }

  #main-container.home section.section-two .content-container .heading h2 {
    text-align: center;
  }

  #main-container.home section.section-two .content-container .cta,
  #main-container.home section.section-two .content-container .image {
    width: 50%;
    text-align: center;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.home section.section-two .content-container .cta,
  #main-container.home section.section-two .content-container .image {
    width: 100%;
  }
}

#main-container.home section.section-four {
  max-width: 1200px;
}

#main-container.home section.section-four .h2 {
  display: block;
}

#main-container.home section.section-four img.how-graphic {
  max-width: 600px;
}

#main-container.home section.section-four .lined-break img {
  width: 100% !important;
}

#main-container.home section.section-five {
  width: 100%;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  color: #222222;
}

#main-container.home section.section-five img {
  max-width: 800px;
}

#main-container.home section.section-seven {
  width: 100%;
  border-top: 0.1rem solid #0c0c0c;
  background: #111111;
  color: #222222;
}

/*
*****************************************************************
Stylesheet: How to Play Page Specific Styles
*****************************************************************
*/

#main-container.how.new {
  font-size: 1.8rem;
}

#main-container.how.new section.section-zero {
  width: 100%;
  padding: 1.2rem 2rem;
  background: #161616;
  margin-top: 76px;
}

#main-container.how.new section.section-zero .switch-lang {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  text-align: right;
}

#main-container.how.new section.section-zero .switch-lang .choose,
#main-container.how.new section.section-zero .switch-lang .title {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: middle;
  margin: 0 0.6rem;
}

#main-container.how.new section.section-zero .switch-lang .title {
  font-size: 1.8rem;
  line-height: 0;
  padding-top: 0.6rem;
}

#main-container.how.new section.section-one h1 {
  color: #f7931e;
}

#main-container.how.new section.section-one .video-container {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.how.new section.section-one .video-container .video-wrapper {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 50%;
  max-width: 660px;
  padding: 2.6rem;
  vertical-align: top;
}

#main-container.how.new section.section-one .video-container .video-wrapper .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: black;
}

#main-container.how.new section.section-one .video-container .video-wrapper .video iframe,
#main-container.how.new section.section-one .video-container .video-wrapper .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.8rem solid #f3f3f3;
  overflow: hidden;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-one .video-container .video-wrapper {
    width: 80%;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-one .video-container .video-wrapper {
    width: 100%;
  }
}

#main-container.how.new section.section-two {
  width: 100%;
  background: #161616;
  padding: 4rem 2rem;
  z-index: 800;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25);
}

#main-container.how.new section.section-two h1 {
  color: #b40a1d;
}

@media only screen and (max-width: 661px) {
  #main-container.how.new section.section-two {
    padding: 3rem 2rem;
  }

  #main-container.how.new section.section-two h1 {
    margin: 0;
  }
}

#main-container.how.new section.section-three {
  width: 100%;
  color: #222222;
  z-index: 700;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
}

#main-container.how.new section.section-three .content-container {
  max-width: 100rem;
  margin: 0 auto;
}

#main-container.how.new section.section-three .content-container h2.which-rules {
  font-size: 6rem;
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three .content-container h2.which-rules {
    font-size: 3.6rem;
  }
}

#main-container.how.new section.section-three .content-container p {
  text-align: left;
  white-space: normal;
  line-height: 120%;
}

#main-container.how.new section.section-three .content-container .h1,
#main-container.how.new section.section-three .content-container .h2,
#main-container.how.new section.section-three .content-container .h3 {
  text-align: center;
  text-shadow: none;
  color: #161616;
  line-height: 100%;
}

#main-container.how.new section.section-three .content-container .h2 {
  margin-bottom: 0.8rem;
}

#main-container.how.new section.section-three .content-container .toggle h2 {
  margin-bottom: 1.2rem;
}

#main-container.how.new section.section-three .content-container .toggle .edition-list {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  text-align: center;
}

#main-container.how.new section.section-three .content-container .toggle .btn-holder {
  margin: 1%;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 31%;
  max-width: 170px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease-in-out;
}

#main-container.how.new section.section-three .content-container .toggle .btn-holder:hover {
  cursor: pointer;
  transform: scale(0.95);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-three .content-container .toggle .btn-holder {
    width: 50%;
  }
}

#main-container.how.new section.section-three .content-container .lined-break {
  margin: 6rem auto;
}

#main-container.how.new section.section-three .content-container .contents {
  margin: 0 auto;
  border: 1px solid #e0e0e0;
  padding: 1.6rem 8rem;
  width: auto;
  display: block;
  background: #161616;
  position: relative;
}

#main-container.how.new section.section-three .content-container .contents h3 {
  color: #fafafa;
  margin: 0 auto 0.5rem;
}

#main-container.how.new section.section-three .content-container .contents h2 {
  color: #fafafa;
  line-height: 90%;
}

#main-container.how.new section.section-three .content-container .contents .pdf {
  display: block;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  max-width: 18rem;
  margin: 2rem auto 0;
  background: #f3f3f3;
  padding: 1rem 3rem 1rem 4rem;
  line-height: 1;
  font-size: 1.8rem;
  color: #fafafa;
  border-radius: 0.4rem;
  transition: all 0.5s ease-in-out;
}

#main-container.how.new section.section-three .content-container .contents .pdf span {
  font-family: bebas-neue, sans-serif;
}

#main-container.how.new section.section-three .content-container .contents .pdf img {
  position: absolute;
  width: 3rem;
  left: 0.25rem;
  top: -0.25rem;
}

#main-container.how.new section.section-three .content-container .contents .pdf:hover {
  cursor: pointer;
  background: #cacaca;
}

#main-container.how.new section.section-three .content-container .contents .pdf.ek {
  color: #b40a1d;
}

#main-container.how.new section.section-three .content-container .contents .pdf.ik {
  color: #0071bc;
}

#main-container.how.new section.section-three .content-container .contents .pdf.sk {
  color: #61b259;
}

#main-container.how.new section.section-three .content-container .contents .pdf.pp {
  color: #83004c;
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-three .content-container .contents .pdf {
    position: relative;
  }
}

#main-container.how.new section.section-three .content-container .boxed-content {
  background: #fafafa;
  padding: 4rem 3rem;
  width: 100%;
  border-radius: 0;
  border: 0.1rem solid #cacaca;
  margin: 2rem auto 0;
}

#main-container.how.new section.section-three .content-container .boxed-content.first {
  margin: 0 auto;
  border-top: none;
}

#main-container.how.new section.section-three .content-container .boxed-content img {
  max-width: 800px;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set {
  margin: 2rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set.split {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set.split .left,
#main-container.how.new section.section-three .content-container .boxed-content .rule-set.split .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 50%;
  vertical-align: middle;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set.split .right {
  padding-left: 2rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set img {
  max-width: 300px;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-set .image-container {
  margin: 0 auto 1.6rem;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  text-align: left;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set li {
  margin: 0 0 2.4rem;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set .step-copy,
#main-container.how.new section.section-three .content-container .boxed-content ul.step-set .step-num {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set .step-num {
  font-size: 4.5rem;
  font-family: bebas-neue, sans-serif;
  padding-top: 1.2rem;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set .step-copy {
  width: 80%;
  padding-left: 1.4rem;
  font-size: 1.7rem;
}

#main-container.how.new section.section-three .content-container .boxed-content ul.step-set .step-copy .bebas {
  font-size: 2rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) {
  position: relative;
  max-width: 600px;
  padding: 3.4rem 3rem 2.4rem;
  margin-top: 3.6rem;
  margin-bottom: 4rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) .floating-image {
  top: 10px;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play).with-floating-image {
  padding-right: 9rem !important;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) p.h2 {
  position: absolute;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  top: -2.2rem;
  background: #fafafa;
  padding: 0.2rem 0.8rem;
  white-space: nowrap;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) p.h2 img {
  width: 3.6rem;
  float: left;
  margin-right: 0.8rem;
  margin-top: -0.8rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) p.h2:before {
  content: "";
  background: #eeeeee;
  width: 100%;
  height: 2.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 661px) {
  #main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) p.h2:before {
    height: 20px;
  }
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) ul.checkmarks {
  list-style: none;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) ul.checkmarks li {
  background: url(/images/checkmark.svg?bba5c86d8f779ca9cf792d7f6b784c6f) no-repeat;
  background-size: 20px;
  margin-bottom: 1.8rem;
  padding-left: 3rem;
}

#main-container.how.new section.section-three .content-container .boxed-content .rule-note:not(.pass-play) ul.checkmarks li:last-of-type {
  margin-bottom: 0;
}

#main-container.how.new section.section-three .content-container .how p {
  text-align: center;
}

#main-container.how.new section.section-three .content-container .how .rule-set {
  margin-bottom: 4rem;
}

#main-container.how.new section.section-three .content-container .how .rule-set img {
  max-width: 80%;
  margin: 1.6rem auto;
}

#main-container.how.new section.section-three .content-container .how .rule-set:before {
  display: block;
  content: " ";
  margin-top: -200px;
  height: 200px;
  visibility: hidden;
}

#main-container.how.new section.section-three .content-container .set-up .rule-set.set-one .image-container:first-of-type img {
  max-width: 260px;
}

#main-container.how.new section.section-three .content-container .set-up .rule-set.set-one .image-container:last-of-type img {
  max-width: 100px;
}

#main-container.how.new section.section-three .content-container .set-up .rule-set.set-two img {
  max-width: 200px;
}

#main-container.how.new section.section-three .content-container .set-up .rule-set.set-three img {
  max-width: 320px;
}

#main-container.how.new section.section-three .content-container .turn .rule-set.set-one .image-container:first-of-type img {
  max-width: 260px;
}

#main-container.how.new section.section-three .content-container .turn .rule-set.set-one .image-container:last-of-type img {
  max-width: 260px;
}

#main-container.how.new section.section-three .content-container .turn .rule-set.set-two img {
  max-width: 300px;
}

#main-container.how.new section.section-three .content-container .turn .rule-note .right img {
  max-width: 360px;
}

#main-container.how.new section.section-three .content-container .example .rule-set .right img {
  max-width: 400px;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set,
#main-container.how.new section.section-three .content-container .combos .rule-set,
#main-container.how.new section.section-three .content-container .field-guide .rule-set {
  padding: 3rem 4rem;
  position: relative;
  border: 1px solid #cacaca;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set.defuse .rule-set,
#main-container.how.new section.section-three .content-container .combos .rule-set.defuse .rule-set,
#main-container.how.new section.section-three .content-container .field-guide .rule-set.defuse .rule-set {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  border: none;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set p.h2,
#main-container.how.new section.section-three .content-container .combos .rule-set p.h2,
#main-container.how.new section.section-three .content-container .field-guide .rule-set p.h2 {
  text-align: left;
  margin-left: 4rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set p.h2 small,
#main-container.how.new section.section-three .content-container .combos .rule-set p.h2 small,
#main-container.how.new section.section-three .content-container .field-guide .rule-set p.h2 small {
  color: #f7931e;
  margin-left: 0.2rem;
  font-size: 50%;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .card-icon,
#main-container.how.new section.section-three .content-container .combos .rule-set .card-icon,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .card-icon {
  position: absolute;
  width: 45px;
  top: 2.4rem;
  left: 2.5rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .note-wrapper,
#main-container.how.new section.section-three .content-container .combos .rule-set .note-wrapper,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .note-wrapper {
  position: absolute;
  width: 100%;
  padding: 0.4rem 0.2rem;
  top: 0;
  left: 0;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-note,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-note,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-note {
  border-radius: 0.4rem 0.4rem 0 0;
  width: 100%;
  padding: 0.8rem;
  background: #b40a1d;
  color: #fafafa;
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-note,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-note,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-note {
    font-size: 1.3rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  text-align: left;
  margin-left: -2rem;
  margin-bottom: 1.6rem;
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header {
    margin-left: 0;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.note,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header.note,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.note {
  margin-top: 2rem;
}

@media only screen and (max-width: 769px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.note,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header.note,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.note {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.note,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header.note,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.note {
    margin-top: 5rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .card-icon,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .card-icon,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .card-icon,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .card-icon,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .card-icon,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .card-icon {
  position: relative;
  top: auto;
  left: auto;
  width: 5rem;
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .card-icon,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .card-icon,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .card-icon {
    width: 3.8rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy {
  padding-left: 1.2rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .title,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .title,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .title {
  margin: 0;
  font-family: bebas-neue, sans-serif;
  font-size: 4.4rem;
  line-height: 1;
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .title {
    font-size: 3.8rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .title {
    font-size: 3.2rem;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .title,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .title {
    font-size: 2.6rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards {
  font-family: bebas-neue, sans-serif;
  color: #f7931e;
  text-align: left;
  padding-left: 0.2rem;
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop {
  padding: 0;
  margin: 0;
  line-height: 1;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  font-size: 1.8rem;
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp,
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop {
    font-size: 1.4rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .paw {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  font-size: 1.8rem;
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .paw,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .paw,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .copy,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .paw,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .copy,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .paw {
    font-size: 1.4rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .copy.paw,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wp .paw.paw,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .copy.paw,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wp .paw.paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .copy.paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wp .paw.paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .copy.paw,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wp .paw.paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .copy.paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wp .paw.paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .copy.paw,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wp .paw.paw {
  width: 1.8rem;
  padding-left: 0.4rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wp.wop,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header .heading-copy .num-cards .wop.wop,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wp.wop,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header .heading-copy .num-cards .wop.wop,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wp.wop,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header .heading-copy .num-cards .wop.wop {
  margin-left: 0.6rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.multiple-icons .title,
#main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.multiple-icons .card-icon,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header.multiple-icons .title,
#main-container.how.new section.section-three .content-container .combos .rule-set .set-header.multiple-icons .card-icon,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.multiple-icons .title,
#main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.multiple-icons .card-icon {
  width: auto;
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.multiple-icons .title.title,
  #main-container.how.new section.section-three .content-container .card-reference .rule-set .set-header.multiple-icons .card-icon.title,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header.multiple-icons .title.title,
  #main-container.how.new section.section-three .content-container .combos .rule-set .set-header.multiple-icons .card-icon.title,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.multiple-icons .title.title,
  #main-container.how.new section.section-three .content-container .field-guide .rule-set .set-header.multiple-icons .card-icon.title {
    margin-top: 1rem;
  }
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set.multiple-icons .h2,
#main-container.how.new section.section-three .content-container .combos .rule-set.multiple-icons .h2,
#main-container.how.new section.section-three .content-container .field-guide .rule-set.multiple-icons .h2 {
  margin-left: 255px;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set.multiple-icons .card-icon,
#main-container.how.new section.section-three .content-container .combos .rule-set.multiple-icons .card-icon,
#main-container.how.new section.section-three .content-container .field-guide .rule-set.multiple-icons .card-icon {
  width: 260px;
  top: 22px;
  left: 25px;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set.nope p:nth-of-type(2n),
#main-container.how.new section.section-three .content-container .combos .rule-set.nope p:nth-of-type(2n),
#main-container.how.new section.section-three .content-container .field-guide .rule-set.nope p:nth-of-type(2n) {
  margin-bottom: 1.2rem;
}

#main-container.how.new section.section-three .content-container .card-reference .rule-set.nope .image-container,
#main-container.how.new section.section-three .content-container .combos .rule-set.nope .image-container,
#main-container.how.new section.section-three .content-container .field-guide .rule-set.nope .image-container {
  margin: 2rem auto;
}

#main-container.how.new section.section-three .content-container .combos .rule-set p.h2 {
  margin-left: 0;
}

#main-container.how.new section.section-three .content-container .combos .rule-set .image-container {
  margin: 2rem auto 0;
}

#main-container.how.new section.section-three .content-container .rule-note {
  position: relative;
  margin: 2rem auto;
  padding: 2.4rem 3rem;
  background: #eeeeee;
  border: 2px solid #cacaca;
  color: #222222;
}

#main-container.how.new section.section-three .content-container .rule-note p {
  margin-bottom: 1.2rem;
}

#main-container.how.new section.section-three .content-container .rule-note p:last-of-type {
  margin-bottom: 0;
}

#main-container.how.new section.section-three .content-container .rule-note.split {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.how.new section.section-three .content-container .rule-note.split .left,
#main-container.how.new section.section-three .content-container .rule-note.split .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
  width: 60%;
}

#main-container.how.new section.section-three .content-container .rule-note.split .right {
  padding-left: 1.6rem;
  width: 40%;
}

#main-container.how.new section.section-three .content-container .rule-note.split .right img {
  max-width: 200px;
}

#main-container.how.new section.section-three .content-container .rule-note.split .left p {
  text-align: left;
  font-size: 1.7rem;
}

#main-container.how.new section.section-three .content-container .rule-note.pass-play {
  max-width: 60rem;
  min-height: 100px;
}

#main-container.how.new section.section-three .content-container .rule-note.pass-play p.h2 {
  position: relative;
}

#main-container.how.new section.section-three .content-container .rule-note.pass-play .or {
  position: absolute;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  font-family: bebas-neue, sans-serif;
  font-size: 4rem;
  background: #fafafa;
  border-radius: 0.3rem;
  text-align: center;
  padding: 1.8rem 0.8rem 1.2rem;
  top: -34px;
}

#main-container.how.new section.section-three .content-container .rule-note .h2 {
  font-size: 4rem;
  text-align: left;
}

#main-container.how.new section.section-three .content-container .rule-note .floating-image {
  position: absolute;
  top: -10px;
  left: auto;
  right: 20px;
  width: 100px;
}

#main-container.how.new section.section-three .content-container .rule-note ul {
  text-align: left;
  list-style: disc;
}

#main-container.how.new section.section-three .content-container .rule-note ul li {
  margin: 0 0 1.2rem;
}

#main-container.how.new section.section-three .content-container .cat-cards {
  margin-top: 1.2rem;
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three .content-container .cat-cards p.h3 {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 851px) {
  #main-container.how.new section.section-three .content-container .boxed-content {
    padding: 4rem 6rem;
  }

  #main-container.how.new section.section-three .content-container .boxed-content .rule-set ol li p {
    text-align: left;
  }

  #main-container.how.new section.section-three .rule-note.split .left,
  #main-container.how.new section.section-three .rule-note.split .right {
    width: 100%;
  }

  #main-container.how.new section.section-three .content-container .field-guide .rule-set.multiple-icons .h2 {
    margin: 4.2rem 0 0;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.how.new section.section-three .content-container .boxed-content .rule-note.split .right {
    margin-top: 1.6rem;
  }

  #main-container.how.new section.section-three .rule-note.split .left,
  #main-container.how.new section.section-three .rule-note.split .right {
    width: 100%;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.how.new section.section-three .content-container .boxed-content {
    padding: 3rem 1.6rem;
  }

  #main-container.how.new section.section-three .content-container .contents ul.content-list {
    display: block;
  }

  #main-container.how.new section.section-three .content-container .contents ul.content-list li {
    display: block;
    width: 100%;
    margin: 0.8rem 0;
    font-size: 1.8rem;
  }

  #main-container.how.new section.section-three .content-container .contents ul.content-list li.bar {
    display: none !important;
  }

  #main-container.how.new section.section-three .toggle button {
    font-size: 1.8rem;
  }

  #main-container.how.new section.section-three .toggle button:first-of-type {
    margin-bottom: 1.2rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.how.new section.section-three {
    padding: 3rem 1rem 1.6rem;
  }

  #main-container.how.new section.section-three .content-container .lined-break {
    margin: 2.6rem auto;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.how.new section.section-three {
    padding: 2rem 0.4rem;
  }

  #main-container.how.new section.section-three .content-container .rule-note {
    padding: 1.6rem 2rem;
  }

  #main-container.how.new section.section-three .content-container .boxed-content {
    padding: 1.6rem 1rem;
  }

  #main-container.how.new section.section-three .content-container .field-guide .rule-set {
    padding: 1.6rem 1rem;
  }

  #main-container.how.new section.section-three .content-container .field-guide .rule-set .card-icon {
    width: 36px;
    top: 10px;
    left: 4px;
  }

  #main-container.how.new section.section-three .content-container .boxed-content .rule-set {
    margin: 1.6rem auto;
  }

  #main-container.how.new section.section-three .content-container .boxed-content .rule-set ol li {
    margin: 0 0 2rem;
  }

  #main-container.how.new section.section-three .content-container .boxed-content .rule-set.split .left,
  #main-container.how.new section.section-three .content-container .boxed-content .rule-set.split .right {
    width: 100%;
  }

  #main-container.how.new section.section-three .content-container .field-guide .rule-set.multiple-icons .h2 {
    margin-top: 3rem;
  }

  #main-container.how.new section.section-three .content-container .field-guide .rule-set.multiple-icons .card-icon {
    width: 200px;
    top: 10px;
    left: 12px;
  }
}

#main-container.how.new #party-pack-rules h1,
#main-container.how.new #party-pack-rules .h1 {
  color: #83004c;
}

#main-container.how.new #party-pack-rules .contents {
  background: #5a0034;
  border-color: #5a0034;
}

#main-container.how.new #streaking-kittens-rules h1,
#main-container.how.new #streaking-kittens-rules .h1 {
  color: #61b259;
}

#main-container.how.new #streaking-kittens-rules .contents {
  background: #4f9b48;
  border-color: #4f9b48;
}

#main-container.how.new #exploding-kittens-rules h1,
#main-container.how.new #exploding-kittens-rules .h1 {
  color: #b40a1d;
}

#main-container.how.new #exploding-kittens-rules .contents {
  background: #8d0817;
  border-color: #8d0817;
}

#main-container.how.new #imploding-kittens-rules h1,
#main-container.how.new #imploding-kittens-rules .h1 {
  color: #0071bc;
}

#main-container.how.new #imploding-kittens-rules .contents {
  background: #0071bc;
  border-color: #0071bc;
}

#main-container.how.new.translations {
  margin-top: 6rem;
}

#main-container.how.new.translations .section-one h1 {
  color: #f7931e;
}

#main-container.how.new.translations .section-two ul {
  width: 80%;
  margin: 1rem auto 0;
}

#main-container.how.new.translations .section-two ul li {
  display: inline-block;
  margin: 1rem 0.5rem;
}

#main-container.how.new.translations .section-two ul li.bar {
  opacity: 0.5;
}

@media only screen and (max-width: 661px) {
  #main-container.how.new.translations .section-two ul li {
    font-size: 1.3rem;
    margin: 0.6rem 0.3rem;
  }
}

#main-container.how.new.translations .section-three .translation {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  text-align: center;
  background: transparent;
}

#main-container.how.new.translations .section-three .translation small {
  opacity: 0.75;
}

#main-container.how.new.translations .section-three .translation .title {
  text-align: center;
  font-size: 2rem;
  background: #161616;
  color: #f3f3f3;
  display: block;
  padding: 1rem;
  border-radius: 0.4rem 0.4rem 0 0;
}

#main-container.how.new.translations .section-three .translation .content-container {
  background: #e6e6e6;
  border-radius: 0 0 0.4rem 0.4rem;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#main-container.how.new.translations .section-three .translation .content-container p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#main-container.how.new.translations .section-three .translation .content-container .edition {
  margin: 0 1rem;
}

@media only screen and (max-width: 769px) {
  #main-container.how.new.translations .section-three .translation .content-container {
    flex-direction: column;
  }

  #main-container.how.new.translations .section-three .translation .content-container .edition {
    margin-top: 1rem;
  }

  #main-container.how.new.translations .section-three .translation .content-container .edition:first-of-type {
    margin-top: 0;
  }
}

#main-container.how.new.translations .section-three .translation .pdf {
  vertical-align: top;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  margin: 1rem auto 0;
  background: #b40a1d;
  padding: 1rem 3rem 1rem 4rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #fafafa;
  border-radius: 0.4rem;
  transition: all 0.5s ease-in-out;
}

#main-container.how.new.translations .section-three .translation .pdf span {
  font-family: bebas-neue, sans-serif;
}

#main-container.how.new.translations .section-three .translation .pdf img {
  position: absolute;
  width: 2.5rem;
  left: 0.25rem;
  top: -0.25rem;
}

#main-container.how.new.translations .section-three .translation .pdf:hover {
  cursor: pointer;
  background: #161616;
}

#main-container.how.new.translations .section-three .translation .pdf.ik {
  background: #0071bc;
}

@media only screen and (max-width: 661px) {
  #main-container.how.new.translations .section-three .translation .pdf {
    font-size: 1.6rem;
  }

  #main-container.how.new.translations .section-three .translation .pdf img {
    width: 3.6rem;
    left: -1rem;
    top: -1rem;
  }
}

/*
*****************************************************************
Stylesheet: Store Page Specific Styles
*****************************************************************
*/

/*
********************
    Store Alt
********************
*/

#main-container.store .snow {
  height: 100%;
  position: absolute;
  width: 100%;
}

#main-container.store section.section-one,
#main-container.store section.section-two {
  width: 100%;
  margin: 0 auto;
}

#main-container.store section.section-one {
  padding: 8rem 0 0;
}

#main-container.store section.section-one #slideshow {
  z-index: 700;
  text-align: center;
  position: relative;
  margin: 0.6rem auto;
  padding: 0;
}

#main-container.store section.section-one #slideshow .slide-loader {
  width: 9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.5rem;
  margin-left: -4.5rem;
  z-index: 999;
  opacity: 0.2;
}

#main-container.store section.section-one #slideshow .control .arrow {
  position: absolute;
  width: 5rem;
  top: 50%;
  margin-top: -2.5rem;
  right: auto;
  left: auto;
  bottom: auto;
}

@media only screen and (max-width: 569px) {
  #main-container.store section.section-one #slideshow .control .arrow {
    width: 3rem;
    margin-top: -1.5rem;
  }
}

#main-container.store section.section-one #slideshow .control .arrow .direction {
  transition: all 0.25s ease-in-out;
}

#main-container.store section.section-one #slideshow .control .arrow.left {
  left: 5%;
  transform: rotate(180deg);
}

#main-container.store section.section-one #slideshow .control .arrow.right {
  right: 5%;
}

#main-container.store section.section-one #slideshow .control .arrow:hover {
  cursor: pointer;
}

#main-container.store section.section-one #slideshow .control .arrow:hover .direction {
  fill: #b40a1d;
}

#main-container.store section.section-one #slideshow #slide-holder {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  min-height: 100px;
  opacity: 0;
  transition: opacity 1000ms ease-in-out;
}

#main-container.store section.section-one #slideshow #slide-holder.loaded {
  opacity: 1;
}

#main-container.store section.section-one #slideshow #slide-holder .slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 778;
  width: 70%;
  margin: 0 auto;
  max-width: 900px;
  opacity: 0;
}

#main-container.store section.section-one #slideshow #slide-holder .slide:first-child {
  display: block;
  position: relative;
  z-index: 780;
  opacity: 1;
}

#main-container.store section.section-one #slideshow #slide-holder .slide img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

@media only screen and (max-width: 851px) {
  #main-container.store section.section-one {
    padding-top: 7rem;
  }
}

#main-container.store section.section-two {
  padding-top: 3rem;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 769px) {
  #main-container.store section.section-two {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}

#main-container.store section.section-two .thanksgiving {
  max-width: 40rem;
  margin: 0 auto 2rem;
}

#main-container.store .banner-ad {
  display: inline-block;
  margin: 0 auto 3rem;
  background: #b40a1d;
  color: #e0e0e0;
  padding: 2.6rem;
  border-radius: 6px;
}

#main-container.store .banner-ad.bottom {
  margin-top: 2rem;
  margin-bottom: 0;
  background: transparent;
  padding: 0;
}

#main-container.store .menu {
  width: auto;
  margin: 0 auto;
}

#main-container.store .menu .chart-button,
#main-container.store .menu .sort {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}

#main-container.store .menu .sort p {
  color: #161616;
  font-family: bebas-neue, sans-serif;
  font-size: 2.4rem;
}

#main-container.store .menu .sort .sort-store {
  margin-top: 0.6rem;
}

#main-container.store .chart-button {
  margin: 2rem auto;
}

#main-container.store .chart-button h3 {
  color: #161616;
}

#main-container.store .chart-button a {
  color: #898989;
  text-decoration: underline;
  font-size: 1.6rem;
}

@media only screen and (max-width: 769px) {
  #main-container.store .chart-button a {
    font-size: 1.4rem;
  }
}

#main-container.store .product-grid {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  max-width: 1600px;
  position: relative;
  margin: 0 auto;
}

@supports (display: -moz-flex) or (display: flex) {
  #main-container.store .product-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

#main-container.store .product-grid .product-thumb {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 20%;
  max-width: 32rem;
  padding: 1.4rem;
  margin: 0;
  text-align: center;
}

@supports (display: -moz-flex) or (display: flex) {
  #main-container.store .product-grid .product-thumb {
    display: flex;
    flex-direction: column;
  }
}

#main-container.store .product-grid .product-thumb a:hover {
  opacity: 1;
}

#main-container.store .product-grid .product-thumb .bottom,
#main-container.store .product-grid .product-thumb .top {
  padding: 0.4rem;
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

#main-container.store .product-grid .product-thumb .top {
  background: #e0e0e0;
  border-radius: 0.3rem 0.3rem 0 0;
  min-height: 100px;
  padding-bottom: 3%;
  transition: all 0.25s ease-in;
}

#main-container.store .product-grid .product-thumb .top .new-badge {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -15px;
  left: -10px;
}

#main-container.store .product-grid .product-thumb .top .product-image {
  text-align: center;
  position: relative;
  margin: -7% auto 0;
  padding: 0;
  width: 96%;
}

#main-container.store .product-grid .product-thumb .top .product-image .img-extra,
#main-container.store .product-grid .product-thumb .top .product-image .img-product {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 500;
  transition: all 0.25s ease-in;
}

#main-container.store .product-grid .product-thumb .top .product-image .img-shadow {
  transition: all 0.25s ease-in;
  z-index: 500;
}

#main-container.store .product-grid .product-thumb .top .product-image .img-extra {
  z-index: 580;
}

#main-container.store .product-grid .product-thumb .bottom {
  flex: 1 0 auto;
  background: #161616;
  color: #e0e0e0;
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: 1px solid #48140f;
  padding: 1.2rem 3rem 2.6rem;
  transition: background-color 0.5s ease-in-out;
}

#main-container.store .product-grid .product-thumb .bottom .product-title {
  margin: 0 auto 0.4rem;
  font-family: bebas-neue, sans-serif;
  font-size: 2.2rem;
  line-height: 90%;
  color: #fafafa;
}

#main-container.store .product-grid .product-thumb .bottom .sub-title {
  margin: 0 auto 2.2rem;
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: normal;
  color: #cacaca;
  font-size: 1.7rem;
  line-height: 90%;
}

#main-container.store .product-grid .product-thumb .bottom .price {
  padding: 0.4rem 1rem;
  background: #404040;
  color: #cacaca;
  font-weight: bold;
  border-radius: 0.3rem;
  width: 10rem;
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  margin-left: -5rem;
  display: none;
}

#main-container.store .product-grid .product-thumb .bottom .price.usd,
#main-container.store .product-grid .product-thumb .bottom .price.all {
  display: inline;
}

#main-container.store .product-grid .product-thumb .bottom .flag {
  position: absolute;
  width: 40px;
  bottom: 4px;
  left: auto;
  top: auto;
  right: 4px;
  overflow: hidden;
  opacity: 0.75;
  display: none;
}

#main-container.store .product-grid .product-thumb .bottom:hover {
  cursor: pointer;
  opacity: 1;
}

#main-container.store .product-grid .product-thumb .bottom:hover .top .product-image .img-product {
  bottom: 1.2rem;
}

#main-container.store .product-grid .product-thumb .bottom:hover .top .product-image .img-shadow {
  opacity: 0.4;
}

#main-container.store .product-grid .product-thumb .bottom:hover .bottom {
  background: #303030;
}

@media only screen and (max-width: 769px) {
  #main-container.store .product-grid .product-thumb .bottom {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.store .product-grid .product-thumb .bottom {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

#main-container.store .product-grid .product-thumb:hover {
  cursor: pointer;
  opacity: 1;
}

#main-container.store .product-grid .product-thumb:hover .top .product-image .img-product {
  bottom: 1.2rem;
}

#main-container.store .product-grid .product-thumb:hover .top .product-image .img-shadow {
  opacity: 0.4;
}

#main-container.store .product-grid .product-thumb:hover .bottom {
  background: #303030;
}

@media only screen and (max-width: 851px) {
  #main-container.store .product-grid .product-thumb {
    width: 25%;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.store .product-grid .product-thumb {
    width: 33.33333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.store .product-grid .product-thumb {
    width: 50%;
  }
}

@media only screen and (max-width: 321px) {
  #main-container.store .product-grid .product-thumb {
    width: 100%;
  }
}

#main-container.store #box-chart {
  padding: 1.2rem;
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#main-container.store #box-chart h2 {
  color: #161616 !important;
  margin-bottom: 1.2rem;
}

#main-container.store #box-chart table {
  width: 100%;
  border-collapse: collapse;
  font-family: bebas-neue, sans-serif;
  font-size: 1.8rem;
  position: relative;
}

#main-container.store #box-chart table th {
  font-weight: 400;
}

#main-container.store #box-chart table br {
  display: none;
}

#main-container.store #box-chart table br.show {
  display: block;
}

#main-container.store #box-chart tr:nth-of-type(even) {
  background: #e0e0e0;
}

#main-container.store #box-chart td {
  border-right: 1px solid #cacaca;
}

#main-container.store #box-chart td:last-of-type {
  border: none;
}

#main-container.store #box-chart td,
#main-container.store #box-chart th {
  padding: 8px;
  text-align: center;
  color: #222222;
}

#main-container.store #box-chart td.tl,
#main-container.store #box-chart th.tl {
  text-align: left;
  font-size: 2rem;
}

#main-container.store #box-chart td.green,
#main-container.store #box-chart th.green {
  color: #0071bc;
}

#main-container.store #box-chart td.red,
#main-container.store #box-chart th.red {
  color: red;
}

#main-container.store #box-chart td.box,
#main-container.store #box-chart th.box {
  vertical-align: bottom;
  font-size: 2rem;
}

#main-container.store #box-chart td.box .box-image,
#main-container.store #box-chart th.box .box-image {
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #main-container.store #box-chart .box-table {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    width: auto;
  }

  #main-container.store #box-chart .box-table br {
    display: block;
  }

  #main-container.store #box-chart .box-table .box,
  #main-container.store #box-chart .box-table .tl {
    font-size: 1.6rem;
    line-height: 90%;
  }

  #main-container.store #box-chart .box-table .tl {
    text-align: center !important;
  }

  #main-container.store #box-chart .box-table .box {
    text-align: left !important;
    padding: 1.1rem 0;
  }

  #main-container.store #box-chart .box-table td {
    border-right: none;
    border-bottom: 1px solid #cacaca;
  }

  #main-container.store #box-chart .box-table td {
    padding: 1.6rem 0.8rem;
  }

  #main-container.store #box-chart .box-table tbody {
    display: block;
    overflow-x: scroll;
    position: relative;
    white-space: nowrap;
    width: auto;
    -webkit-overflow-scrolling: touch;
  }

  #main-container.store #box-chart .box-table tbody tr {
    display: inline-block;
  }

  #main-container.store #box-chart .box-table tbody tr td {
    display: block;
    text-align: center;
    white-space: wrap;
  }

  #main-container.store #box-chart .box-table tbody tr td:first-child {
    text-align: left;
  }

  #main-container.store #box-chart .box-table thead {
    display: block;
    float: left;
    margin-right: 10px;
  }

  #main-container.store #box-chart .box-table thead .box-image {
    display: none;
  }

  #main-container.store #box-chart .box-table thead:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  #main-container.store #box-chart .box-table thead th:first-of-type {
    height: 1.4em;
  }

  #main-container.store #box-chart .box-table thead th {
    display: block;
    text-align: right;
  }

  #main-container.store #box-chart .box-table thead th.tc {
    height: 62px;
  }

  #main-container.store #box-chart .box-table thead th:first-child {
    text-align: right;
  }
}

@media only screen and (max-width: 580px), (min-device-width: 588px) and (max-device-width: 1024px) {
  #main-container.store #box-chart .box-table {
    z-index: 99;
    height: 100%;
  }

  #main-container.store #box-chart .box-table::after,
  #main-container.store #box-chart .box-table::before {
    content: "";
    width: 4px;
    background: transparent;
    height: 100%;
    position: absolute;
    left: 60px;
    top: 0;
    display: block;
    box-shadow: 3px 0 4px -1px rgba(0, 0, 0, 0.45);
    border-right: 1px solid #898989;
  }

  #main-container.store #box-chart .box-table::after {
    left: auto;
    right: -4px;
    background: transparent;
    z-index: 99999;
    display: block;
    border-right: none;
    border-left: 1px solid #898989;
    box-shadow: -3px 0 4px -1px rgba(0, 0, 0, 0.45);
  }
}

#main-container.store .hidden-buttons {
  visibility: hidden;
  opacity: 0;
  display: none;
}

#main-container.store.product-page section.section-one {
  width: 100%;
  margin: 0 auto;
}

#main-container.store.product-page section.section-one {
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  text-align: center;
}

#main-container.store.product-page section.section-one .product {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 4rem;
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.store.product-page section.section-one .product .bottom,
#main-container.store.product-page section.section-one .product .top {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
  padding: 0;
  position: relative;
}

#main-container.store.product-page section.section-one .product .bottom .video-container,
#main-container.store.product-page section.section-one .product .top .video-container {
  margin: 2rem auto 2rem;
}

#main-container.store.product-page section.section-one .product .bottom .video-container .video-wrapper,
#main-container.store.product-page section.section-one .product .top .video-container .video-wrapper {
  width: 70%;
  max-width: 360px;
  padding: 0;
  margin: 0 auto;
  vertical-align: top;
}

#main-container.store.product-page section.section-one .product .bottom .video-container .video-wrapper .video,
#main-container.store.product-page section.section-one .product .top .video-container .video-wrapper .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #b40a1d;
}

#main-container.store.product-page section.section-one .product .bottom .video-container .video-wrapper .video iframe,
#main-container.store.product-page section.section-one .product .bottom .video-container .video-wrapper .video video,
#main-container.store.product-page section.section-one .product .top .video-container .video-wrapper .video iframe,
#main-container.store.product-page section.section-one .product .top .video-container .video-wrapper .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.8rem solid #b40a1d;
  overflow: hidden;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25);
}

#main-container.store.product-page section.section-one .product .top {
  width: 50%;
}

#main-container.store.product-page section.section-one .product .top .product-image {
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

#main-container.store.product-page section.section-one .product .top .product-image img {
  width: 100%;
}

#main-container.store.product-page section.section-one .product .top .alt-images {
  margin-top: 2rem;
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.store.product-page section.section-one .product .top .alt-images li {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  position: relative;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 1px solid #898989;
  margin-right: 0.4rem;
  transition: opacity 0.5s ease-in-out;
  background: whitesmoke;
}

#main-container.store.product-page section.section-one .product .top .alt-images li.active,
#main-container.store.product-page section.section-one .product .top .alt-images li:hover {
  cursor: pointer;
  opacity: 0.65;
}

#main-container.store.product-page section.section-one .product .top .alt-images li.active {
  cursor: default;
}

#main-container.store.product-page section.section-one .product .top .alt-images li img {
  width: 100%;
  height: auto;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#main-container.store.product-page section.section-one .product .top h3 {
  margin-bottom: 1.6rem;
  color: #404040;
}

#main-container.store.product-page section.section-one .product .bottom {
  width: 50%;
  position: relative;
  color: #e0e0e0;
  padding-right: 3rem;
  padding-left: 3rem;
  text-align: left;
}

#main-container.store.product-page section.section-one .product .bottom hr {
  background-color: transparent;
  margin-bottom: 1.6rem;
}

#main-container.store.product-page section.section-one .product .bottom .free-ship {
  color: #898989;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
}

#main-container.store.product-page section.section-one .product .bottom .flag {
  color: #404040;
}

#main-container.store.product-page section.section-one .product .bottom .flag .top {
  width: 12rem;
}

#main-container.store.product-page section.section-one .product .bottom .flag .top svg {
  width: 36px;
  float: right;
}

#main-container.store.product-page section.section-one .product .bottom .localization .title {
  font-family: bebas-neue, sans-serif;
  color: #404040;
  font-size: 2rem;
  margin-top: 1.6rem;
}

#main-container.store.product-page section.section-one .product .bottom .localization .links {
  color: #898989;
  font-size: 1.4rem;
}

#main-container.store.product-page section.section-one .product .bottom .localization .links a {
  color: #898989;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 180%;
}

#main-container.store.product-page section.section-one .product .bottom .product-title {
  margin: 0 auto 0.6rem;
  font-family: bebas-neue, sans-serif;
  font-size: 5rem;
  line-height: 80%;
  color: #161616;
}

#main-container.store.product-page section.section-one .product .bottom .sub-title {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: normal;
  color: #b40a1d;
  font-size: 3rem;
}

#main-container.store.product-page section.section-one .product .bottom .product-description {
  position: relative;
  text-align: left;
  color: #404040;
}

#main-container.store.product-page section.section-one .product .bottom .product-description .bebas {
  display: block;
  font-size: 2rem;
}

#main-container.store.product-page section.section-one .product .bottom .product-description p {
  display: block;
  margin: 1.2rem auto;
}

#main-container.store.product-page section.section-one .product .bottom .product-description ul {
  text-align: left;
  margin: 1.2rem 0;
  padding-left: 1.6rem;
  list-style: disc;
  border-radius: 0.3rem;
  color: #404040;
}

#main-container.store.product-page section.section-one .product .bottom .product-description ul li {
  margin: 0.8rem 0;
  line-height: 120%;
  position: relative;
}

#main-container.store.product-page section.section-one .product .bottom .product-description ul li img {
  width: 9rem;
  height: auto;
  vertical-align: top;
}

#main-container.store.product-page section.section-one .product .bottom .product-description ul li a {
  color: #404040;
  text-decoration: underline;
}

#main-container.store.product-page section.section-one .product .bottom .buy-buttons {
  position: relative;
  margin: 0 auto;
  text-align: left;
}

#main-container.store.product-page section.section-one .product .bottom .blackbox-buy-button {
  min-height: 60px;
  margin: 1.8rem auto 1.2rem;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  width: 24rem;
  margin: 1rem 0 0;
  background: #404040;
  padding: 0.8rem 1.6rem;
  border-radius: 0.3rem;
  line-height: 1;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button.amazon-buy-button,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button.amazon-buy-button,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button.amazon-buy-button {
  margin-top: 2rem;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button .logo,
#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button .link,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button .logo,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button .link,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button .logo,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button .link {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
  text-align: center;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button .logo,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button .logo,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button .logo {
  width: 15%;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button .link,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button .link,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button .link {
  width: 80%;
  padding-top: 0.5rem;
  margin-left: 5%;
  font-family: bebas-neue, sans-serif;
}

#main-container.store.product-page section.section-one .product .bottom .amazon-buy-button a,
#main-container.store.product-page section.section-one .product .bottom .target-buy-button a,
#main-container.store.product-page section.section-one .product .bottom .walmart-buy-button a {
  font-size: 2.2rem;
  color: #e0e0e0;
}

#main-container.store.product-page section.section-one .product .bottom .local-stores {
  margin: 2.2rem 0 1.4rem;
  display: block;
}

#main-container.store.product-page section.section-one .product .bottom .local-stores p {
  font-family: bebas-neue, sans-serif;
  font-size: 2.2rem;
  color: #b40a1d;
}

#main-container.store.product-page section.section-one .product .bottom .local-stores img {
  margin: 0 0 1.2rem;
  max-width: 12rem;
}

@media only screen and (max-width: 769px) {
  #main-container.store.product-page section.section-one .product .bottom {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page section.section-one .product .bottom {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  #main-container.store.product-page section.section-one .product .bottom .product-title {
    font-size: 4rem;
  }
}

@media only screen and (max-width: 321px) {
  #main-container.store.product-page section.section-one .product .bottom {
    padding-left: 0;
    padding-right: 0;
  }

  #main-container.store.product-page section.section-one .product .bottom .product-description {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}

@media only screen and (max-width: 851px) {
  #main-container.store.product-page section.section-one .product .bottom {
    width: 45%;
  }

  #main-container.store.product-page section.section-one .product .top {
    width: 55%;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page section.section-one .product {
    padding-top: 2rem;
  }

  #main-container.store.product-page section.section-one .product .bottom,
  #main-container.store.product-page section.section-one .product .top {
    width: 100%;
  }

  #main-container.store.product-page section.section-one .product .top .product-image {
    max-width: 50rem;
  }

  #main-container.store.product-page section.section-one .product .top .alt-images {
    margin-top: 0;
  }

  #main-container.store.product-page section.section-one .product .bottom {
    text-align: center;
    margin-top: 0.6rem;
  }

  #main-container.store.product-page section.section-one .product .bottom .product-description {
    max-width: 50rem;
    text-align: center;
    margin: 0 auto;
  }
}

#main-container.store.product-page section.section-one .related-products {
  padding: 0 1rem;
}

#main-container.store.product-page section.section-one .related-products h2 {
  color: #161616;
  margin-bottom: 1.6rem;
}

#main-container.store.product-page section.section-one .return-button {
  margin: 2rem auto 4rem;
}

#main-container.store.product-page.other-stuff section {
  padding: 12rem 6rem 6rem;
}

@media only screen and (max-width: 416px) {
  #main-container.store.product-page.other-stuff section {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

#main-container.store.product-page.other-stuff h2 {
  color: #161616;
  font-size: 6.6rem;
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page.other-stuff h2 {
    font-size: 4.6rem;
    line-height: 1;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.store.product-page.other-stuff h2 {
    font-size: 3.6rem;
  }
}

#main-container.store.product-page.other-stuff .h4 {
  color: #404040;
}

#main-container.store.product-page.other-stuff .product-group {
  margin-top: 6rem;
}

#main-container.store.product-page.other-stuff .product-group .title {
  font-family: bebas-neue, sans-serif;
  font-size: 6rem;
  margin-bottom: 1rem;
  color: #161616;
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page.other-stuff .product-group .title {
    font-size: 4rem;
    line-height: 1;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.store.product-page.other-stuff .product-group .title {
    font-size: 3rem;
  }
}

#main-container.store.product-page.other-stuff .product-group .image {
  max-width: 600px;
  margin: 0 auto;
}

#main-container.store.product-page.other-stuff .product-group .stores {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  margin-top: 2rem;
}

#main-container.store.product-page.other-stuff .product-group .stores .copy,
#main-container.store.product-page.other-stuff .product-group .stores .store {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: middle;
  margin: 0 1rem;
}

@media only screen and (max-width: 416px) {
  #main-container.store.product-page.other-stuff .product-group .stores .copy,
  #main-container.store.product-page.other-stuff .product-group .stores .store {
    width: 100%;
  }
}

#main-container.store.product-page.other-stuff .product-group .stores .copy {
  font-family: bebas-neue, sans-serif;
  font-size: 2rem;
  color: #161616;
  line-height: 1;
  padding-top: 0.8rem;
}

#main-container.store.product-page.other-stuff .product-group .stores .store {
  max-width: 170px;
}

@media only screen and (max-width: 769px) {
  #main-container.store.product-page.other-stuff .product-group .stores .store {
    max-width: 120px;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page.other-stuff .product-group .stores .store {
    max-width: 120px;
    margin-bottom: 1rem;
  }
}

#main-container.store.product-page.other-stuff .product-group.split {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.store.product-page.other-stuff .product-group.split .group {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 33.3333%;
  vertical-align: top;
  text-align: center;
}

@media only screen and (max-width: 769px) {
  #main-container.store.product-page.other-stuff .product-group.split .group {
    width: 50%;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.store.product-page.other-stuff .product-group.split .group {
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: 1px solid #cacaca;
  }

  #main-container.store.product-page.other-stuff .product-group.split .group:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}

/*
*****************************************************************
Stylesheet: App Page Specific Styles
*****************************************************************
*/

#main-container.app section.section-one .content-container {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  margin: 0 auto;
  max-width: 1000px;
}

#main-container.app section.section-one .content-container .left,
#main-container.app section.section-one .content-container .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 50%;
  vertical-align: top;
  padding: 0 3rem;
}

#main-container.app section.section-one .content-container .left.right,
#main-container.app section.section-one .content-container .right.right {
  padding: 0 2rem;
}

#main-container.app section.section-one .content-container .left.right .top,
#main-container.app section.section-one .content-container .right.right .top {
  padding: 0;
}

#main-container.app section.section-one .content-container h1 {
  color: #f7931e;
}

#main-container.app section.section-one .content-container h1 span {
  display: block;
  width: 100%;
  line-height: 100%;
}

#main-container.app section.section-one .content-container h1 span.line-one {
  font-size: 7rem;
  line-height: 80%;
}

#main-container.app section.section-one .content-container h1 span.line-two {
  color: #f9ab4f;
  font-size: 3.8rem;
}

#main-container.app section.section-one .content-container h1 span.line-three {
  color: #fbc280;
  font-size: 3.2rem;
}

#main-container.app section.section-one .content-container h1 span.line-four {
  color: #fcdab2;
  font-size: 3.1rem;
}

#main-container.app section.section-one .content-container h1 span.line-five {
  color: #fde8cf;
  font-size: 2rem;
}

#main-container.app section.section-one .content-container h2 {
  line-height: 110%;
}

#main-container.app section.section-one .content-container h2 .line-two {
  font-size: 6.8rem;
  color: #fdd82e;
}

#main-container.app section.section-one .content-container .boxed-content img {
  width: 100%;
  max-width: 180px;
}

#main-container.app section.section-one .content-container .boxed-content img:first-of-type {
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 1025px) {
  #main-container.app section.section-one .content-container h1 span.line-one {
    font-size: 6rem;
    line-height: 80%;
  }

  #main-container.app section.section-one .content-container h1 span.line-two {
    font-size: 3.2rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-three {
    font-size: 2.8rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-four {
    font-size: 2.8rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-five {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 851px) {
  #main-container.app section.section-one {
    width: 100%;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-one {
    font-size: 4.4rem;
    line-height: 80%;
  }

  #main-container.app section.section-one .content-container h1 span.line-two {
    font-size: 2.6rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-three {
    font-size: 2.2rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-four {
    font-size: 2.2rem;
  }

  #main-container.app section.section-one .content-container h1 span.line-five {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.app section.section-one .content-container .left,
  #main-container.app section.section-one .content-container .right {
    width: 100%;
    position: relative;
    word-spacing: -1px;
    font-size: 0;
    white-space: normal;
  }

  #main-container.app section.section-one .content-container .left .lined-break,
  #main-container.app section.section-one .content-container .right .lined-break {
    display: none;
  }

  #main-container.app section.section-one .content-container .left .bottom,
  #main-container.app section.section-one .content-container .left .top,
  #main-container.app section.section-one .content-container .right .bottom,
  #main-container.app section.section-one .content-container .right .top {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    word-spacing: 0;
    width: 50%;
    vertical-align: top;
    padding: 1.6rem;
  }

  #main-container.app section.section-one .content-container .left.left .bottom,
  #main-container.app section.section-one .content-container .left.left .top,
  #main-container.app section.section-one .content-container .right.left .bottom,
  #main-container.app section.section-one .content-container .right.left .top {
    vertical-align: bottom;
  }

  #main-container.app section.section-one .content-container .left .boxed-content h2 .line-one,
  #main-container.app section.section-one .content-container .right .boxed-content h2 .line-one {
    font-size: 2.8rem;
  }

  #main-container.app section.section-one .content-container .left .boxed-content h2 .line-two,
  #main-container.app section.section-one .content-container .right .boxed-content h2 .line-two {
    font-size: 4.8rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.app section.section-one .content-container .right .bottom,
  #main-container.app section.section-one .content-container .right .top {
    width: 100%;
  }

  #main-container.app section.section-one .content-container .right .top img {
    max-width: 300px;
  }

  #main-container.app section.section-one .content-container .boxed-content h2 .line-one {
    display: block;
    font-size: 2.8rem;
  }

  #main-container.app section.section-one .content-container .boxed-content h2 .line-two {
    font-size: 4.8rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.app section.section-one .content-container .left .bottom,
  #main-container.app section.section-one .content-container .left .top {
    width: 100%;
  }

  #main-container.app section.section-one .content-container .left .bottom img,
  #main-container.app section.section-one .content-container .left .top img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.app section.section-one .content-container .left {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #main-container.app section.section-one .content-container .left h1 span.line-one {
    font-size: 3.6rem;
  }

  #main-container.app section.section-one .content-container .left h1 span.line-two {
    font-size: 1.8rem;
  }

  #main-container.app section.section-one .content-container .left h1 span.line-three {
    font-size: 1.6rem;
  }

  #main-container.app section.section-one .content-container .left h1 span.line-four {
    font-size: 1.6rem;
  }

  #main-container.app section.section-one .content-container .left h1 span.line-five {
    font-size: 1.4rem;
  }

  #main-container.app section.section-one .content-container .right .boxed-content h2 span.line-one {
    display: block;
    font-size: 2rem;
  }

  #main-container.app section.section-one .content-container .right .boxed-content h2 span.line-two {
    font-size: 3.8rem;
  }
}

#main-container.app section.section-two {
  width: 100%;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  color: #222222;
}

#main-container.app section.section-two .content-container {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  white-space: normal;
}

#main-container.app section.section-two .content-container .step {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  padding: 1.6rem;
  width: 50%;
  vertical-align: bottom;
}

#main-container.app section.section-two .content-container .step img {
  max-width: 500px;
  border: 0.8rem solid #f3f3f3;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25);
}

#main-container.app section.section-two .content-container .card-samples {
  margin: 2rem 0 0;
  padding: 0;
}

#main-container.app section.section-two .content-container .card-samples img {
  max-width: 500px;
}

@media only screen and (max-width: 769px) {
  #main-container.app section.section-two .content-container {
    width: 100%;
  }

  #main-container.app section.section-two .content-container .step {
    width: 100%;
  }

  #main-container.app section.section-two .content-container .step img {
    border: none;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.app section.section-two .content-container .step {
    padding: 0 0 1.2rem;
  }
}

#main-container.app section.section-three {
  background: #222222;
  width: 100%;
}

#main-container.app section.section-three video {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 900px;
  margin: 1.6rem auto;
}

#main-container.app section.section-three h1 {
  color: #f3f3f3;
}

#main-container.app section.section-three h1 .line-one,
#main-container.app section.section-three h1 .line-two {
  display: block;
  line-height: 80%;
}

#main-container.app section.section-three h1 .line-two {
  font-size: 4rem;
}

#main-container.app section.section-three .boxed-content {
  margin: 2rem 4rem;
}

#main-container.app section.section-three .boxed-content .line-one,
#main-container.app section.section-three .boxed-content .line-two {
  display: block;
  line-height: 70%;
}

#main-container.app section.section-three .boxed-content .line-one {
  color: #b40a1d;
}

#main-container.app section.section-three .boxed-content .line-two {
  font-size: 6.6rem;
}

#main-container.app section.section-three hr {
  max-width: 1200px;
  margin: 1rem auto 2.2rem;
}

#main-container.app section.section-three .credits {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.app section.section-three .credits .credit {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 33.33333333%;
  padding: 1.6rem 2rem;
  vertical-align: top;
}

#main-container.app section.section-three .credits .credit a {
  display: block;
  margin-top: 0.8rem;
  font-size: 200%;
}

#main-container.app section.section-three .credits img {
  max-width: 300px;
}

#main-container.app section.section-three .cta {
  margin: 2rem auto 4rem;
}

#main-container.app section.section-three .cta h2 {
  font-size: 5rem;
  color: #8cc63f;
  line-height: 90%;
}

#main-container.app section.section-three .cta img {
  max-width: 200px;
}

@media only screen and (max-width: 769px) {
  #main-container.app section.section-three .boxed-content {
    margin: 2rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.app section.section-three .boxed-content .line-two {
    font-size: 4rem;
  }

  #main-container.app section.section-three .credits .credit {
    display: block;
    width: 100%;
    padding: 1.6rem 2rem;
    vertical-align: top;
  }

  #main-container.app section.section-three .credits .credit a {
    display: block;
    margin-top: 0.8rem;
    font-size: 200%;
  }

  #main-container.app section.section-three .credits img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.app section.section-three .boxed-content {
    margin: 1rem 0;
    padding-top: 2.2rem;
  }

  #main-container.app section.section-three .boxed-content .line-one {
    font-size: 1.8rem;
  }

  #main-container.app section.section-three .boxed-content .line-two {
    font-size: 2.6rem;
  }

  #main-container.app section.section-three .cta a {
    margin-top: 0.6rem;
  }

  #main-container.app section.section-three .cta h2 {
    font-size: 4.6rem;
  }
}

/******************************************************************

		Stylesheet: Misc./non-primary pages

******************************************************************/

#main-container.game-night {
  background: whitesmoke;
}

#main-container.game-night h1,
#main-container.game-night h2,
#main-container.game-night h3,
#main-container.game-night h4 {
  color: #b40a1d;
}

#main-container.game-night h1 {
  margin-top: 2rem;
}

#main-container.game-night section {
  width: 98%;
  max-width: 80rem;
  margin-bottom: 0;
  padding-bottom: 3rem;
}

#main-container.game-night .heading img {
  border-radius: 0 0 0.8rem 0.8rem;
}

#main-container.game-night .step {
  background: #e0e0e0;
  border-radius: 0.8rem;
  color: #161616;
  margin: 4rem auto;
  overflow: hidden;
}

#main-container.game-night .step.one {
  margin-top: 2rem;
}

#main-container.game-night .step .header,
#main-container.game-night .step .footer {
  text-align: left;
  padding: 1rem;
  width: 100%;
}

#main-container.game-night .step .num {
  background: #b40a1d;
  text-align: center;
  color: #f3f3f3;
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  display: inline-block;
}

#main-container.game-night .step .footer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#main-container.game-night .step .footer .big-num {
  font-weight: bold;
  background: #b40a1d;
  text-align: center;
  color: #f3f3f3;
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  display: inline-block;
  margin-right: 1rem;
}

/*
*************************************************
**** Thanks
*************************************************
*/

#main-container.thanks {
  padding-top: 6rem;
}

#main-container.thanks section {
  text-align: center;
  width: 100%;
  margin-top: 0;
  position: relative;
}

#main-container.thanks section .pjs-cat {
  max-width: 36rem;
  position: absolute;
  bottom: -1.5rem;
  right: 6rem;
  z-index: 9000;
}

#main-container.thanks section .pjs-cat.sad {
  max-width: 20rem;
}

@media only screen and (max-width: 1367px) {
  #main-container.thanks section .pjs-cat {
    max-width: 28rem;
    bottom: -1.1rem;
  }

  #main-container.thanks section .pjs-cat.sad {
    max-width: 16rem;
    bottom: -1.1rem;
  }
}

@media only screen and (max-width: 851px) {
  #main-container.thanks section .pjs-cat {
    max-width: 22rem;
    bottom: -0.9rem;
  }

  #main-container.thanks section .pjs-cat.sad {
    max-width: 14rem;
    bottom: -1.1rem;
    position: absolute;
    left: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
  }
}

#main-container.thanks section.section-one {
  padding: 8rem 4rem;
}

#main-container.thanks section.section-two {
  padding: 10rem 4rem 8rem;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.45);
}

#main-container.thanks section.section-two h2,
#main-container.thanks section.section-two h3,
#main-container.thanks section.section-two h4,
#main-container.thanks section.section-two h5,
#main-container.thanks section.section-two .h2,
#main-container.thanks section.section-two .h3,
#main-container.thanks section.section-two .h4,
#main-container.thanks section.section-two .h5 {
  color: #161616;
}

#main-container.thanks section.section-two a {
  color: #b40a1d;
}

#main-container.thanks form.contact,
#main-container.thanks form.unique-code {
  margin: 2rem auto 0;
  text-align: left !important;
  max-width: 80rem;
}

#main-container.thanks form.contact.unique-code,
#main-container.thanks form.unique-code.unique-code {
  max-width: 40rem;
}

#main-container.thanks form.contact.unique-code label,
#main-container.thanks form.unique-code.unique-code label {
  font-size: 2.4rem;
}

#main-container.thanks form.contact .button,
#main-container.thanks form.unique-code .button {
  border-radius: 0 0 0.4rem 0.4rem;
}

#main-container.thanks form.contact .privacy-note,
#main-container.thanks form.unique-code .privacy-note {
  display: block;
  font-size: 80%;
  margin-top: 1rem;
  color: #898989;
  text-align: center;
}

#main-container.thanks form.contact #message,
#main-container.thanks form.contact #thanks_form_errors,
#main-container.thanks form.unique-code #message,
#main-container.thanks form.unique-code #thanks_form_errors {
  margin: 1rem auto 0;
  text-align: center !important;
  max-width: 80rem;
  padding: 1rem 1.2rem 0.6rem;
  font-family: bebas-neue, sans-serif;
  border-radius: 0.3rem;
  font-size: 2rem;
  line-height: 1;
  display: none;
}

#main-container.thanks form.contact #message.error,
#main-container.thanks form.contact #thanks_form_errors.error,
#main-container.thanks form.unique-code #message.error,
#main-container.thanks form.unique-code #thanks_form_errors.error {
  display: block;
  color: #fafafa;
  background: #b40a1d;
}

#main-container.thanks form.contact #message.success,
#main-container.thanks form.contact #thanks_form_errors.success,
#main-container.thanks form.unique-code #message.success,
#main-container.thanks form.unique-code #thanks_form_errors.success {
  display: block;
  color: #fafafa;
  background: #8cc63f;
}

#main-container.thanks .boxed-note,
#main-container.thanks .step {
  margin: 3rem auto;
  padding: 4rem 6rem;
  width: 100%;
  max-width: 90rem;
  background: #161616;
  border-radius: 0.3rem;
  font-family: bebas-neue, sans-serif;
  font-size: 2rem;
  color: #f3f3f3;
}

#main-container.thanks .boxed-note em,
#main-container.thanks .step em {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.4rem;
}

#main-container.thanks .boxed-note.step .h2,
#main-container.thanks .step.step .h2 {
  margin-bottom: 1rem;
}

#main-container.thanks .boxed-note .title,
#main-container.thanks .step .title {
  color: #f7931e;
  font-size: 2.8rem;
}

#main-container.thanks .boxed-note ul,
#main-container.thanks .step ul {
  margin: 2rem auto 0;
}

#main-container.thanks .boxed-note ul li,
#main-container.thanks .step ul li {
  margin: 2rem auto;
}

#main-container.thanks .boxed-note ul li:last-of-type,
#main-container.thanks .step ul li:last-of-type {
  margin-bottom: 0;
}

#main-container.thanks .boxed-note img,
#main-container.thanks .step img {
  max-width: 30rem;
  margin: 2rem auto 0;
}

#main-container.thanks .worry a {
  margin: 2rem auto;
}

#main-container.thanks .code {
  padding: 1.6rem 3rem;
  background: white;
  color: black;
  display: inline-block;
  border-radius: 0;
  border: 0.1rem solid black;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.55);
  font-family: monospace;
  font-size: 2.8rem;
  line-height: 130%;
}

@media only screen and (max-width: 851px) {
  #main-container.thanks section {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  #main-container.thanks section.section-one {
    padding-top: 4rem;
    padding-bottom: 14rem;
  }

  #main-container.thanks section.section-two {
    padding-top: 6rem;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.thanks section {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    width: 100%;
  }

  #main-container.thanks section.section-one {
    padding-top: 2rem;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  #main-container.thanks .code {
    font-size: 2rem;
    padding: 1.4rem 2rem;
  }

  #main-container.thanks .boxed-note,
  #main-container.thanks .step {
    padding: 3rem 4rem;
    font-size: 1.6rem;
  }

  #main-container.thanks .boxed-note .title,
  #main-container.thanks .step .title {
    font-size: 2.2rem;
  }

  #main-container.thanks form.contact label {
    font-size: 1.6rem;
  }
}

/*
*************************************************
**** Podcasts
*************************************************
*/

#main-container.podcast {
  padding-top: 6rem;
}

#main-container.podcast section {
  text-align: center;
  width: 100%;
  margin-top: 0;
  position: relative;
}

#main-container.podcast .section-two {
  padding: 10rem 4rem 8rem;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.45);
}

#main-container.podcast .section-two .h2,
#main-container.podcast .section-two .h3,
#main-container.podcast .section-two .h4,
#main-container.podcast .section-two .h5,
#main-container.podcast .section-two h2,
#main-container.podcast .section-two h3,
#main-container.podcast .section-two h4,
#main-container.podcast .section-two h5 {
  color: #161616;
}

#main-container.podcast .section-two a {
  color: #b40a1d;
}

@media only screen and (max-width: 769px) {
  #main-container.podcast .section-two {
    padding-top: 6rem;
  }
}

#main-container.podcast form.contact,
#main-container.podcast form.unique-code {
  margin: 2rem auto 0;
  text-align: left !important;
  max-width: 80rem;
}

#main-container.podcast form.contact.unique-code,
#main-container.podcast form.unique-code.unique-code {
  max-width: 40rem;
}

#main-container.podcast form.contact.unique-code label,
#main-container.podcast form.unique-code.unique-code label {
  font-size: 2.4rem;
}

#main-container.podcast form.contact .button,
#main-container.podcast form.unique-code .button {
  border-radius: 0 0 0.4rem 0.4rem;
}

#main-container.podcast form.contact .privacy-note,
#main-container.podcast form.unique-code .privacy-note {
  display: block;
  font-size: 80%;
  margin-top: 1rem;
  color: #898989;
  text-align: center;
}

#main-container.podcast form.contact #message,
#main-container.podcast form.contact #thanks_form_errors,
#main-container.podcast form.unique-code #message,
#main-container.podcast form.unique-code #thanks_form_errors {
  margin: 1rem auto 0;
  text-align: center !important;
  max-width: 80rem;
  padding: 1rem 1.2rem 0.6rem;
  font-family: bebas-neue, sans-serif;
  border-radius: 0.3rem;
  font-size: 2rem;
  line-height: 1;
  display: none;
}

#main-container.podcast form.contact #message.error,
#main-container.podcast form.contact #thanks_form_errors.error,
#main-container.podcast form.unique-code #message.error,
#main-container.podcast form.unique-code #thanks_form_errors.error {
  display: block;
  color: #fafafa;
  background: #b40a1d;
}

#main-container.podcast form.contact #message.success,
#main-container.podcast form.contact #thanks_form_errors.success,
#main-container.podcast form.unique-code #message.success,
#main-container.podcast form.unique-code #thanks_form_errors.success {
  display: block;
  color: #fafafa;
  background: #8cc63f;
}

#main-container.podcast .code {
  padding: 1.6rem 3rem;
  background: white;
  color: black;
  display: inline-block;
  border-radius: 0;
  border: 0.1rem solid black;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.55);
  font-family: monospace;
  font-size: 2.8rem;
  line-height: 130%;
}

#main-container.podcast .boxed-note,
#main-container.podcast .step {
  margin: 3rem auto;
  padding: 4rem 6rem;
  width: 100%;
  max-width: 90rem;
  background: #161616;
  border-radius: 0.3rem;
  font-family: bebas-neue, sans-serif;
  font-size: 2rem;
  color: #f3f3f3;
}

#main-container.podcast .boxed-note em,
#main-container.podcast .step em {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.4rem;
}

#main-container.podcast .boxed-note.step .h2,
#main-container.podcast .step.step .h2 {
  margin-bottom: 1rem;
}

#main-container.podcast .boxed-note .title,
#main-container.podcast .step .title {
  color: #f7931e;
  font-size: 2.8rem;
}

#main-container.podcast .boxed-note ul,
#main-container.podcast .step ul {
  margin: 2rem auto 0;
}

#main-container.podcast .boxed-note ul li,
#main-container.podcast .step ul li {
  margin: 2rem auto;
}

#main-container.podcast .boxed-note ul li:last-of-type,
#main-container.podcast .step ul li:last-of-type {
  margin-bottom: 0;
}

#main-container.podcast .boxed-note img,
#main-container.podcast .step img {
  max-width: 30rem;
  margin: 2rem auto 0;
}

#main-container.podcast .h1.fancy {
  font-size: 8rem;
  background: linear-gradient(to left, #b40a1d 20%, #f7931e 40%, #f7931e 60%, #b40a1d 80%);
  background-size: 200% auto;
  color: #b40a1d;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 3s linear infinite;
          animation: shine 3s linear infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.podcast .h1.fancy {
    font-size: 6rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.podcast .h1.fancy {
    font-size: 4rem;
  }
}

#main-container.podcast h2 {
  margin-bottom: 2rem;
}

#main-container.podcast h3 {
  margin-bottom: 1.6rem;
}

#main-container.podcast a {
  text-decoration: underline;
}

#main-container.podcast p {
  font-family: bebas-neue, sans-serif;
  font-size: 2.6rem;
  line-height: 1;
}

#main-container.podcast .copy {
  position: relative;
}

#main-container.podcast .copy .tooltip {
  position: absolute;
  background: #f7931e;
  padding: 12px 18px;
  opacity: 0;
  transition: opacity 0.5s ease 0s;
  border-radius: 4px;
  left: 50%;
  margin-left: -10.5rem;
  top: 0;
  pointer-events: none;
}

#main-container.podcast .button {
  margin-top: 2rem;
  text-decoration: none;
}

#main-container.podcast .a1,
#main-container.podcast .a2,
#main-container.podcast .a3 {
  max-width: 8rem;
  display: block;
  margin: 0 auto 1rem;
}

#main-container.podcast .a2 {
  max-width: 12rem;
  margin-top: 1rem;
}

#main-container.podcast .a3 {
  max-width: 14rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

#main-container.podcast .step {
  margin: 0 auto 3rem;
  border: 2px solid #161616;
  background: rgba(72, 20, 15, 0.95);
  padding: 2.6rem;
  max-width: 70rem;
}

#main-container.podcast .step img {
  margin: 0 auto !important;
}

#main-container.podcast .code {
  background: whitesmoke;
  padding: 0.9rem 1.2rem;
  margin: 1rem auto 0;
  color: black;
  display: inline-block;
  min-width: 20rem;
  border-radius: 0.3rem;
  font-size: 2rem;
  border: 1px solid #161616;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.55);
}

/*
*************************************************
**** Contact
*************************************************
*/

#main-container.contact {
  margin-top: 6rem;
}

#main-container.contact .boxed-content {
  background: #840715 !important;
  border: none;
  border-radius: 0.6rem;
}

@media only screen and (max-width: 416px) {
  #main-container.contact section {
    width: 90%;
  }

  #main-container.contact .boxed-content {
    padding: 2rem;
  }

  #main-container.contact .boxed-content.media a {
    font-size: 90%;
  }
}

/*
*************************************************

		FAQ
*************************************************
*/

#main-container.faq ul {
  max-width: 1200px;
  margin: 1.6rem auto;
  padding: 0;
}

#main-container.faq ul li {
  margin: 12px auto;
  overflow: hidden;
  border-radius: 0.3rem;
}

#main-container.faq ul li .answer,
#main-container.faq ul li .question {
  margin: 0;
  padding: 1.8rem 2.6rem;
}

@media only screen and (max-width: 769px) {
  #main-container.faq ul li .answer,
  #main-container.faq ul li .question {
    padding: 1.2rem 2rem;
  }
}

#main-container.faq ul li .question {
  color: #f3f3f3;
  background: #5d050f;
}

#main-container.faq ul li .answer {
  background: #840715;
  text-align: left;
}

#main-container.faq ul li .answer .h3 {
  margin-top: 0.6rem;
  color: #de5639;
}

#main-container.faq ul li .answer span {
  font-size: 2rem;
}

#main-container.faq ul li:last-of-type .answer {
  text-align: center;
}

@media only screen and (max-width: 416px) {
  #main-container.faq section {
    width: 100%;
  }
}

/*
*************************************************

		Fancybox
*************************************************
*/

#main-container.fancybox {
  padding-top: 8rem;
}

#main-container.fancybox .section-one {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

#main-container.fancybox .cb.box-group {
  width: 100%;
  max-width: 90rem;
  padding: 4rem;
  text-align: left;
}

#main-container.fancybox .cb.box-group.red {
  background: #b40a1d;
}

#main-container.fancybox .cb.box-group h1 {
  text-align: center;
  margin-bottom: 1.8rem;
}

#main-container.fancybox .cb.box-group h2 {
  color: #48140f;
  margin-bottom: 1.2rem;
}

#main-container.fancybox .cb.box-group h3 {
  text-align: center;
  margin-bottom: 1.2rem;
}

#main-container.fancybox .cb.box-group p {
  margin-bottom: 1.2rem;
}

#main-container.fancybox ul {
  list-style: disc;
  padding-left: 1.8rem;
}

#main-container.fancybox ol {
  padding-left: 2.2rem;
}

#main-container.fancybox ol li {
  text-align: left;
  margin-bottom: 1.8rem;
}

#main-container.fancybox ol li:last-of-type {
  margin-bottom: 0;
}

#main-container.fancybox ol li img {
  display: block;
  margin: 1.2rem auto 0;
  max-width: 300px;
}

#main-container.fancybox a {
  text-decoration: underline;
}

/*
*************************************************
**** Legal
*************************************************
*/

#main-container.legal {
  margin-top: 8rem;
}

#main-container.legal section {
  max-width: 1200px;
  text-align: center;
  padding: 40px 0;
}

#main-container.legal section hr {
  margin: 40px 0;
}

#main-container.legal section h2 {
  margin-top: 16px;
}

#main-container.legal section span.h3 {
  display: block;
  text-align: center;
  margin-bottom: 12px;
}

#main-container.legal section p {
  text-align: justify;
  font-size: 1.4rem;
  line-height: 130%;
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 569px) {
  #main-container.legal section p {
    text-align: left;
  }
}

#main-container.legal section ol,
#main-container.legal section ul {
  width: auto;
  display: block;
  text-align: left;
  padding: 0 16px;
}

#main-container.legal section ul {
  list-style: disc;
  margin: 0 auto 2rem 2rem;
}

#main-container.legal section ol li,
#main-container.legal section ul li {
  margin: 1rem 0;
}

#main-container.legal section#eula ol li {
  margin: 14px 0;
  text-align: justify;
}

@media only screen and (max-width: 569px) {
  #main-container.legal section#eula ol li {
    text-align: left;
  }
}

#main-container.legal section a {
  font-weight: bold;
}

#main-container.legal section a:hover {
  color: #898989;
}

/*
*************************************************
**** 404
*************************************************
*/

#main-container.four-o-four h1 {
  font-size: 29rem;
  color: #b40a1d;
}

#main-container.four-o-four a {
  text-decoration: underline;
}

#main-container.four-o-four .image-container {
  overflow: hidden;
}

/*
*************************************************
**** Fidget
*************************************************
*/

#main-container.fidget {
  margin: 0 !important;
}

#main-container.fidget section {
  width: 100%;
}

#main-container.fidget section img {
  max-width: 950px;
}

@media only screen and (max-width: 321px) {
  #main-container.fidget section {
    padding-right: 0;
    padding-left: 0;
  }
}

#main-container.fidget .section-one {
  background-color: #554537;
  background-image: radial-gradient(circle, #554537 10%, #383026 100%);
}

#main-container.fidget .section-two {
  background-color: #554537;
}

#main-container.fidget .section-three {
  background-color: #554537;
  background-image: radial-gradient(circle, #554537 10%, #383026 100%);
}

#main-container.fidget .section-four {
  background-color: #554537;
}

#main-container.fidget .section-five {
  background-color: #383026;
}

#main-container.fidget .section-six {
  background-color: #554537;
}

#main-container.fidget .section-seven {
  position: relative;
  background-color: #383026;
}

#main-container.fidget .section-seven .buy-now {
  text-align: center;
  margin: 1.2rem auto 0;
}

#main-container.fidget .section-seven .outside {
  margin: 1.4rem auto 0;
  padding: 0.8rem 1.2rem;
  border: 2px solid #554537;
  width: auto;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

#main-container.fidget .section-seven .outside:hover {
  background: #554537;
}

#main-container.fidget .section-seven .shop-box {
  background: transparent;
  position: relative;
  border: 2px solid #554537;
  width: 98%;
  max-width: 1050px;
  margin: 6rem auto 0;
  padding: 3rem 4rem;
}

#main-container.fidget .section-seven h2 {
  background-color: #383026;
  padding: 0.4rem 1.8rem;
  position: absolute;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  top: -2rem;
  white-space: nowrap;
}

#main-container.fidget .section-seven p.h2 {
  margin-top: 40px;
}

#main-container.fidget .section-seven p.h3 {
  color: #b40a1d;
}

#main-container.fidget .section-seven .product-grid .product {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dashed #554537;
  width: 100%;
}

#main-container.fidget .section-seven .product-grid .product:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

#main-container.fidget .section-seven .product-grid .product .bottom,
#main-container.fidget .section-seven .product-grid .product .top {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}

#main-container.fidget .section-seven .product-grid .product .top {
  width: 40%;
}

#main-container.fidget .section-seven .product-grid .product .bottom {
  width: 60%;
  margin-top: 1.6rem;
  text-align: left;
  padding-left: 2rem;
}

#main-container.fidget .section-seven .product-grid .product .bottom .sub-title,
#main-container.fidget .section-seven .product-grid .product .bottom .title {
  font-family: bebas-neue, sans-serif;
}

#main-container.fidget .section-seven .product-grid .product .bottom .title {
  font-size: 3.6rem;
  color: #fefefe;
  margin-bottom: 0.6rem;
}

#main-container.fidget .section-seven .product-grid .product .bottom .sub-title {
  font-size: 2.6rem;
}

#main-container.fidget .section-seven .product-grid .product .bottom .product-description {
  margin-top: 1.2rem;
}

#main-container.fidget .section-seven .product-grid .product .bottom .product-description ul {
  list-style: disc;
  margin-left: 1.6rem;
}

#main-container.fidget .section-seven .product-grid .product .bottom .product-description ul li {
  margin: 0.4rem 0;
}

#main-container.fidget .section-seven .product-grid .product .bottom .buy-buttons {
  margin-top: 1.8rem;
}

@media only screen and (max-width: 661px) {
  #main-container.fidget .section-seven .product-grid .product {
    border-bottom: 3px dashed #554537;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom,
  #main-container.fidget .section-seven .product-grid .product .top {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom ul,
  #main-container.fidget .section-seven .product-grid .product .top ul {
    list-style: none !important;
    margin-left: 0 !important;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom ul li,
  #main-container.fidget .section-seven .product-grid .product .top ul li {
    border-bottom: 1px dotted #554537;
    padding-bottom: 1.2rem;
    margin: 1.2rem 0 !important;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom ul li:last-of-type,
  #main-container.fidget .section-seven .product-grid .product .top ul li:last-of-type {
    border-bottom: none;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom img,
  #main-container.fidget .section-seven .product-grid .product .top img {
    max-width: 360px;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.fidget .section-seven .shop-box {
    width: 100%;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom .title {
    font-size: 3.2rem;
  }

  #main-container.fidget .section-seven .product-grid .product .bottom .sub-title {
    font-size: 2.2rem;
  }
}

/*
*************************************************
**** Name Generator
*************************************************
*/

#main-container.name-gen section {
  margin: 0 auto;
}

#main-container.name-gen .forms {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  width: 100%;
  max-width: 1200px;
}

#main-container.name-gen .forms .left,
#main-container.name-gen .forms .right {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
}

#main-container.name-gen .forms .right {
  width: 60%;
  text-align: left;
}

#main-container.name-gen .forms .right h1 {
  font-size: 7rem;
  margin-bottom: 3.5rem;
}

#main-container.name-gen .forms .right h2 {
  color: #ff0000;
}

#main-container.name-gen .forms .left {
  padding-top: 2rem;
  width: 40%;
}

#main-container.name-gen .forms .left .sad-santa {
  position: absolute;
  top: 2rem;
  left: 0;
  opacity: 0;
}

#main-container.name-gen .forms .left .half-santa {
  position: relative;
  display: none;
}

#main-container.name-gen .forms {
  text-align: left;
}

#main-container.name-gen .forms .choose {
  overflow: visible;
  padding: 1.2rem 0;
}

#main-container.name-gen .forms .choose form {
  overflow: visible;
}

#main-container.name-gen .forms .random {
  margin-bottom: 2rem;
}

#main-container.name-gen .forms .random form label {
  float: left;
}

#main-container.name-gen .forms .santa-form {
  margin: 1.6rem 0 3rem;
}

#main-container.name-gen .forms .santa-form h4 {
  margin-bottom: 0;
}

#main-container.name-gen .forms .santa-form form {
  overflow: visible;
}

#main-container.name-gen .forms .error {
  height: 3.6rem;
}

#main-container.name-gen .forms .option {
  margin-bottom: 2.6rem;
}

#main-container.name-gen .forms .option p.h4 {
  margin-bottom: 0.4rem;
}

#main-container.name-gen .forms .option a {
  text-decoration: underline;
}

#main-container.name-gen .forms form.enter-fav,
#main-container.name-gen .forms form.enter-name {
  max-width: 300px;
  margin: 1.6rem 0;
  overflow: visible;
  text-align: left;
}

#main-container.name-gen .forms form.enter-fav.enter-fav,
#main-container.name-gen .forms form.enter-name.enter-fav {
  margin-top: 0;
}

#main-container.name-gen .forms form.enter-fav span,
#main-container.name-gen .forms form.enter-name span {
  display: block;
  font-family: bebas-neue, sans-serif;
  font-size: 2.2rem;
  margin: 0;
}

#main-container.name-gen .forms form.enter-fav span.last,
#main-container.name-gen .forms form.enter-name span.last {
  margin-top: 1.8rem;
}

#main-container.name-gen .forms form.enter-fav input,
#main-container.name-gen .forms form.enter-fav textarea,
#main-container.name-gen .forms form.enter-name input,
#main-container.name-gen .forms form.enter-name textarea {
  color: #f3f3f3;
  font-weight: 400;
  margin: 6px auto;
  padding: 8px 10px;
  width: 100%;
  border: none;
  outline: none;
  background: #48140f;
  border-left: none;
  transition: all 0.5s ease-in-out;
  border-radius: 0.3rem;
}

#main-container.name-gen .forms form.enter-fav input:focus,
#main-container.name-gen .forms form.enter-fav textarea:focus,
#main-container.name-gen .forms form.enter-name input:focus,
#main-container.name-gen .forms form.enter-name textarea:focus {
  border-color: transparent;
}

#main-container.name-gen .forms form.enter-fav .submit,
#main-container.name-gen .forms form.enter-name .submit {
  margin-top: 1.2rem;
  padding-top: 1.6rem;
  color: #ff0000 !important;
}

#main-container.name-gen.kitty section {
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-bottom: 0;
}

#main-container.name-gen.kitty .left {
  padding: 2rem;
}

#main-container.name-gen.kitty .right h1 {
  margin-bottom: 1rem;
}

#main-container.name-gen.kitty .right .choose {
  margin-bottom: 2rem;
}

#main-container.name-gen.kitty .right .submit {
  margin-top: 1.2rem;
  padding-top: 1.8rem;
  background: #48140f !important;
  color: #f70400 !important;
}

#main-container.name-gen.kitty .generating {
  position: relative;
}

#main-container.name-gen.kitty .generating span {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 3rem;
  left: 0;
  color: #fafafa !important;
}

#main-container.name-gen.kitty .generating .loading {
  display: inline-block;
  background: pink;
  overflow: hidden;
  border-radius: 10px;
  margin: 2rem auto;
  padding: 0;
}

#main-container.name-gen.kitty a.crabs-link {
  width: 100%;
}

#main-container.name-gen.kitty .crabs {
  display: none;
  background: #ef4125;
  width: 100%;
  padding: 6rem 4rem;
  margin: 3rem auto 0;
  text-align: center;
  font-family: bebas-neue, sans-serif !important;
}

#main-container.name-gen.kitty .crabs.showing-crabs {
  opacity: 1;
  display: block;
}

#main-container.name-gen.kitty .crabs a,
#main-container.name-gen.kitty .crabs p {
  color: #fbb03b;
}

#main-container.name-gen.kitty .crabs p {
  line-height: 110%;
  margin-bottom: 1rem;
}

#main-container.name-gen.kitty .crabs p.title-top {
  font-size: 4.6rem;
}

#main-container.name-gen.kitty .crabs p.title-bottom {
  font-size: 6rem;
  margin-bottom: 1rem;
}

#main-container.name-gen.kitty .crabs .learn {
  font-size: 3rem;
  position: relative;
  display: inline-block;
  margin-top: 2rem;
}

#main-container.name-gen.kitty .crabs .learn .arrow {
  position: absolute;
  width: 5rem;
  top: -0.4rem;
  right: -5.2rem;
}

#main-container.name-gen.kitty .crabs img {
  width: 90%;
  max-width: 40rem;
}

#main-container.name-gen.kitty #name-container {
  opacity: 1;
  display: none;
}

#main-container.name-gen.kitty #name-container.showing-name {
  opacity: 1;
  display: block;
}

#main-container.name-gen #name-container {
  opacity: 0;
  margin: 6rem auto;
  width: 100%;
  max-width: 900px;
  border: 1px solid #ff0000;
  padding: 4rem;
  transition: opacity 0.5s ease-in-out;
}

#main-container.name-gen #name-container.showing-name {
  opacity: 1;
}

#main-container.name-gen #name-container h2 {
  margin: 0 auto 3rem;
}

#main-container.name-gen #name-container .generating {
  margin: 0 auto 2rem;
}

#main-container.name-gen #name-container .generating span {
  font-family: bebas-neue, sans-serif;
  width: 100%;
  color: #ff0000;
  font-size: 3rem;
}

#main-container.name-gen #name-container p.final-name {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 6rem;
  margin: 0 auto 1.6rem;
  letter-spacing: -1px;
  color: #ff0000;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  line-height: 90%;
  display: none;
  min-height: 7.5rem;
}

#main-container.name-gen #name-container .copy {
  display: block;
  margin: 0 auto 3rem;
  color: #ff0000 !important;
  padding-top: 1.4rem;
  background: #48140f;
  display: none;
}

#main-container.name-gen #name-container .share {
  display: block;
  font-family: bebas-neue, sans-serif;
  line-height: 1;
  font-size: 2.8rem;
  margin: 0 auto;
  display: none;
}

#main-container.name-gen #name-container .share .social-fb,
#main-container.name-gen #name-container .share .social-tw {
  display: inline-block;
  margin: 0.6rem 0.2rem 0;
  vertical-align: top;
}

@media only screen and (max-width: 851px) {
  #main-container.name-gen.kitty .left {
    width: 30%;
  }

  #main-container.name-gen.kitty .right {
    width: 70%;
  }
}

@media only screen and (max-width: 769px) {
  #main-container.name-gen.kitty section {
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 0;
  }

  #main-container.name-gen.kitty .forms .left,
  #main-container.name-gen.kitty .forms .right {
    width: 100%;
  }

  #main-container.name-gen.kitty .forms .left {
    text-align: center;
  }

  #main-container.name-gen.kitty .forms .left img {
    max-width: 20rem;
  }

  #main-container.name-gen.kitty .forms .right {
    text-align: center;
  }

  #main-container.name-gen.kitty .forms .right .h4,
  #main-container.name-gen.kitty .forms .right h1,
  #main-container.name-gen.kitty .forms .right h2,
  #main-container.name-gen.kitty .forms .right h3,
  #main-container.name-gen.kitty .forms .right h4 {
    text-align: center;
  }

  #main-container.name-gen.kitty .forms .right h1 {
    margin-top: 1.6rem;
    font-size: 6rem;
  }

  #main-container.name-gen.kitty .forms .right .h4 {
    font-size: 2.2rem;
  }

  #main-container.name-gen.kitty .forms .right form {
    margin: 0 auto;
    text-align: center;
  }

  #main-container.name-gen.kitty #name-container p.final-name {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 661px) {
  #main-container.name-gen section {
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 0;
  }

  #main-container.name-gen .forms .left,
  #main-container.name-gen .forms .right {
    width: 100%;
  }

  #main-container.name-gen .forms .left {
    text-align: center;
  }

  #main-container.name-gen .forms .left .half-santa {
    display: block;
  }

  #main-container.name-gen .forms .left .happy-santa,
  #main-container.name-gen .forms .left .sad-santa {
    display: none !important;
  }

  #main-container.name-gen .forms .right .h4,
  #main-container.name-gen .forms .right h1,
  #main-container.name-gen .forms .right h2,
  #main-container.name-gen .forms .right h3,
  #main-container.name-gen .forms .right h4 {
    text-align: center;
  }

  #main-container.name-gen .forms .right h1 {
    margin-top: 1.6rem;
    font-size: 6rem;
  }

  #main-container.name-gen .forms .right .h4 {
    font-size: 2.2rem;
  }

  #main-container.name-gen .forms .right form {
    margin: 0 auto;
    text-align: center;
  }

  #main-container.name-gen #name-container p.final-name {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 569px) {
  #main-container.name-gen.kitty #name-container p.final-name {
    font-size: 4rem;
  }

  #main-container.name-gen.kitty .crabs {
    padding: 4rem 2rem;
  }

  #main-container.name-gen.kitty .crabs p.title-top {
    font-size: 3rem;
  }

  #main-container.name-gen.kitty .crabs p.title-bottom {
    font-size: 4rem;
  }

  #main-container.name-gen.kitty .crabs a .arrow {
    width: 4rem;
    top: -0.3rem;
    right: -4.2rem;
  }
}

@media only screen and (max-width: 416px) {
  #main-container.name-gen section {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    width: 98%;
  }

  #main-container.name-gen #name-container p.final-name {
    font-size: 4rem;
  }

  #main-container.name-gen.kitty button.submit {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 321px) {
  #main-container.name-gen .forms .right form span.no-break {
    display: block;
    margin-bottom: 1rem;
  }

  #main-container.name-gen #name-container p.final-name {
    font-size: 2.8rem;
  }

  #main-container.name-gen.kitty #name-container p.final-name {
    font-size: 2.8rem;
  }
}

/*
*************************************************
**** Distributors
*************************************************
*/

#main-container.dist {
  margin-top: 6rem;
}

#main-container.dist section {
  max-width: 1600px;
}

#main-container.dist h1 {
  margin-bottom: 0 !important;
}

#main-container.dist .country,
#main-container.dist .name,
#main-container.dist .world {
  display: inline-block;
  position: relative;
  font-family: bebas-neue, sans-serif;
  line-height: 1;
}

#main-container.dist .country.world,
#main-container.dist .name.world,
#main-container.dist .world.world {
  font-size: 4.4rem;
  margin: 2rem auto 0;
  padding: 2rem 3rem 1.4rem;
  background: #121212;
  display: block;
  border-radius: 0.3rem 0.3rem 0 0;
  color: #f7931e;
}

#main-container.dist .country.country,
#main-container.dist .name.country,
#main-container.dist .world.country {
  font-size: 3.4rem;
  margin-bottom: 1.6rem;
}

#main-container.dist .country.country:after,
#main-container.dist .country.country:before,
#main-container.dist .name.country:after,
#main-container.dist .name.country:before,
#main-container.dist .world.country:after,
#main-container.dist .world.country:before {
  position: absolute;
  top: 0;
  color: #f7931e;
}

#main-container.dist .country.country:before,
#main-container.dist .name.country:before,
#main-container.dist .world.country:before {
  content: "-";
  left: -2rem;
}

#main-container.dist .country.country:after,
#main-container.dist .name.country:after,
#main-container.dist .world.country:after {
  content: "-";
  right: -2rem;
}

#main-container.dist .country.country.nba:after,
#main-container.dist .country.country.nba:before,
#main-container.dist .name.country.nba:after,
#main-container.dist .name.country.nba:before,
#main-container.dist .world.country.nba:after,
#main-container.dist .world.country.nba:before {
  display: none;
}

#main-container.dist .country.name,
#main-container.dist .name.name,
#main-container.dist .world.name {
  font-size: 2.4rem;
  margin-bottom: 0;
}

#main-container.dist .dist-list {
  margin: 3rem auto 0;
  width: 100%;
  max-width: 90rem;
}

#main-container.dist .boxed-content {
  padding: 2rem 3rem;
  margin: 0 auto;
  width: 100%;
  background: #840715;
  border-color: #750613;
  border-radius: 0;
}

#main-container.dist .boxed-content p {
  line-height: 160%;
}

#main-container.dist .boxed-content a {
  text-decoration: underline;
}

#main-container.dist .boxed-content hr {
  margin-bottom: 1.4rem;
}

@media only screen and (max-width: 416px) {
  #main-container.dist section {
    padding-right: 0;
    padding-left: 0;
  }
}

/*
*************************************************
**** Box
*************************************************
*/

#main-container.wonderbox {
  padding-top: 10rem;
}

#main-container.wonderbox section {
  text-align: center;
  width: 100%;
  margin-top: 0;
  position: relative;
  padding-top: 4rem;
}

#main-container.wonderbox section .split {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

#main-container.wonderbox section .split .right,
#main-container.wonderbox section .split .left {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 50%;
  vertical-align: middle;
  padding: 0 1rem;
  text-align: left;
}

#main-container.wonderbox section .split.center {
  margin-top: 2rem;
}

#main-container.wonderbox section .split.center .right,
#main-container.wonderbox section .split.center .left {
  text-align: center;
}

#main-container.wonderbox section .split.top .right,
#main-container.wonderbox section .split.top .left {
  margin-bottom: 0;
}

#main-container.wonderbox section .split.jr {
  margin-top: 4rem;
}

@media only screen and (max-width: 1025px) {
  #main-container.wonderbox section .split .right,
  #main-container.wonderbox section .split .left {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 4rem;
  }
}

#main-container.wonderbox section.section-one {
  padding: 0 4rem 4rem;
}

#main-container.wonderbox section.section-one .right img {
  max-width: 40rem;
}

#main-container.wonderbox section.section-one h2.top {
  margin-bottom: 0;
  line-height: 80%;
}

#main-container.wonderbox section.section-two {
  padding: 6rem 4rem 8rem;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.45);
}

#main-container.wonderbox section.section-two h2,
#main-container.wonderbox section.section-two h3,
#main-container.wonderbox section.section-two h4,
#main-container.wonderbox section.section-two h5,
#main-container.wonderbox section.section-two .h2,
#main-container.wonderbox section.section-two .h3,
#main-container.wonderbox section.section-two .h4,
#main-container.wonderbox section.section-two .h5 {
  color: #161616;
}

#main-container.wonderbox section.section-two h1,
#main-container.wonderbox section.section-two .h1 {
  color: #b40a1d;
}

#main-container.wonderbox section.section-two a {
  color: #b40a1d;
}

#main-container.wonderbox .section-two .blue-print {
  background: white;
  max-width: 70rem;
  margin: 1rem auto 2rem;
  padding: 2rem;
  box-shadow: 0px 0 6px rgba(0, 0, 0, 0.45);
}

/*
*************************************************
**** Counterfeit
*************************************************
*/

#main-container.counterfeit {
  padding-top: 8rem;
}

@media only screen and (max-width: 661px) {
  #main-container.counterfeit {
    padding-top: 0;
  }
}

#main-container.counterfeit section {
  text-align: center;
  width: 100%;
  margin-top: 0;
  position: relative;
  padding-top: 4rem;
}

#main-container.counterfeit section.section-two {
  padding: 6rem 4rem 8rem;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.45);
}

#main-container.counterfeit section.section-two h2,
#main-container.counterfeit section.section-two h3,
#main-container.counterfeit section.section-two h4,
#main-container.counterfeit section.section-two h5,
#main-container.counterfeit section.section-two .h2,
#main-container.counterfeit section.section-two .h3,
#main-container.counterfeit section.section-two .h4,
#main-container.counterfeit section.section-two .h5,
#main-container.counterfeit section.section-two p,
#main-container.counterfeit section.section-two li {
  color: #161616;
}

#main-container.counterfeit section.section-two h1,
#main-container.counterfeit section.section-two .h1 {
  color: #b40a1d;
  line-height: 70%;
}

#main-container.counterfeit section.section-two a {
  color: #b40a1d;
}

#main-container.counterfeit section.section-two .content-container {
  margin: 0 auto;
  width: 96%;
  max-width: 120rem;
}

#main-container.counterfeit section.section-two .content-container img.shadow {
  margin: 1.2rem auto;
  background: white;
  padding: 1rem;
  box-shadow: 0px 0 6px rgba(0, 0, 0, 0.45);
}

#main-container.counterfeit section.section-two .content-container ul {
  font-family: bebas-neue, sans-serif;
  font-size: 2.4rem;
}

#main-container.counterfeit section.section-two .content-container ul li {
  color: #404040;
  margin-bottom: 1rem;
}

/*
*************************************************
**** Game Submissions
*************************************************
*/

#main-container.submissions {
  padding-top: 6rem;
}

#main-container.submissions section {
  text-align: center;
  width: 100%;
  margin-top: 0;
  position: relative;
}

#main-container.submissions section.section-one {
  padding: 8rem 4rem 8rem;
}

@media only screen and (max-width: 769px) {
  #main-container.submissions section.section-one {
    padding: 8rem 2rem 8rem;
  }
}

#main-container.submissions section.section-one h1 {
  color: #f7931e;
}

#main-container.submissions section.section-one small {
  display: block;
  margin: 1rem auto 0;
  text-align: center;
}

#main-container.submissions section.section-two {
  padding: 8rem 4rem 8rem;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.45);
  display: none;
}

@media only screen and (max-width: 769px) {
  #main-container.submissions section.section-two {
    padding: 8rem 2rem 8rem;
  }
}

#main-container.submissions section.section-two h2 {
  color: #f7931e;
}

#main-container.submissions section.section-two h3,
#main-container.submissions section.section-two h4,
#main-container.submissions section.section-two h5,
#main-container.submissions section.section-two .h2,
#main-container.submissions section.section-two .h3,
#main-container.submissions section.section-two .h4,
#main-container.submissions section.section-two .h5 {
  color: #161616;
}

#main-container.submissions form.contact {
  margin: 2rem auto 0;
  text-align: left !important;
  max-width: 80rem;
}

#main-container.submissions form.contact.unique-code {
  max-width: 40rem;
}

#main-container.submissions form.contact.unique-code label {
  font-size: 2.4rem;
}

#main-container.submissions form.contact .button {
  border-radius: 0 0 0.4rem 0.4rem;
}

#main-container.submissions form.contact .privacy-note {
  display: block;
  font-size: 80%;
  margin-top: 1rem;
  color: #898989;
  text-align: center;
}

#main-container.submissions form.contact .loader {
  display: block;
  margin: 1rem auto 0;
  width: 4rem;
  display: none;
}

#main-container.submissions form.contact .feedback {
  margin: 1rem auto 0;
  text-align: center !important;
  max-width: 80rem;
  padding: 1rem 1.2rem 0.6rem;
  font-family: bebas-neue, sans-serif;
  border-radius: 0.3rem;
  font-size: 2rem;
  line-height: 1;
  display: none;
}

#main-container.submissions form.contact .feedback.error {
  display: block;
  color: #fafafa;
  background: #b40a1d;
}

#main-container.submissions form.contact .feedback.success {
  display: block;
  color: #fafafa;
  background: #8cc63f;
}

#main-container.submissions .submission-policy {
  margin: 3rem auto;
  padding: 4rem 6rem;
  width: 100%;
  max-width: 90rem;
  background: #161616;
  border-radius: 0.3rem;
  font-family: bebas-neue, sans-serif;
  font-size: 2rem;
  color: #f3f3f3;
  text-align: left;
}

#main-container.submissions .submission-policy ul {
  margin-top: 2rem;
  list-style: disc;
  padding-left: 2rem;
}

#main-container.submissions .submission-policy ul li {
  margin: 1rem auto;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.7rem;
  line-height: 150%;
}

@media only screen and (max-width: 769px) {
  #main-container.submissions .submission-policy ul li {
    font-size: 1.4rem;
  }
}

#main-container.submissions .submission-policy .understand {
  border: 0.1rem solid #fafafa;
  background: #b40a1d;
  padding: 1.4rem 3rem 1rem;
  margin-top: 2rem;
}

#main-container.submissions .submission-policy .understand .label.radio {
  background: transparent !important;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 2.4rem;
}

#main-container.submissions .submission-policy .understand .radio-btn {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 769px) {
  #main-container.submissions .submission-policy {
    padding: 4rem;
  }
}

#main-container.playtest {
  padding-top: 8rem;
}

#main-container.playtest section.section-one {
  padding: 6rem 4rem 8rem;
}

@media only screen and (max-width: 769px) {
  #main-container.playtest section.section-one {
    padding: 14rem 4rem 6rem;
  }
}

#main-container.playtest section.section-two {
  width: 100%;
  padding: 8rem 0;
  z-index: 8000;
  background-color: #fafafa;
  background-image: radial-gradient(circle, #fafafa 10%, #f3f3f3 100%);
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.45);
}

#main-container.playtest section.section-two h2 {
  color: #f7931e;
}

#main-container.playtest section.section-two .the-games {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6rem;
}

#main-container.playtest section.section-two .the-games .game {
  width: 80%;
  margin: 1rem;
  max-width: 40rem;
  overflow: hidden;
  border-radius: 1rem;
  transition: opacity 0.5s ease-in-out;
}

#main-container.playtest section.section-two .the-games .game:hover {
  cursor: pointer;
  opacity: 0.8;
}

#main-container.playtest section.section-two .the-form {
  display: none;
}

#main-container.playtest section.section-two .the-form h2 {
  margin-top: 6rem;
  color: #b40a1d;
}

#main-container.playtest section.section-two .the-form h3 {
  margin-top: 2rem;
  color: #f7931e;
}

#main-container.playtest section.section-two .the-form iframe {
  margin-top: 3rem;
}

/*
*************************************************
**** Recall
*************************************************
*/

#main-container.recall section {
  margin-top: 6rem;
  text-align: left;
}

#main-container.recall h1,
#main-container.recall h2,
#main-container.recall h3,
#main-container.recall h4 {
  font-family: helvetica, sans-serif;
}

#main-container.recall p {
  margin-top: 3rem;
}

#main-container.recall p a {
  text-decoration: underline;
}

#main-container.recall p.mt10 {
  margin-top: 1rem;
}

/*
*************************************************
**** Admin
*************************************************
*/

#main-container.admin {
  margin-top: 8rem;
}

#main-container.admin section {
  max-width: 50rem;
  min-height: 80rem;
}

/******************************************************************
Site Name: ExplodingKittens.com
Author: Bear Food, LLC.

Stylesheet: Forms Stylesheet
******************************************************************/

form {
  overflow: hidden;
  text-align: left;
}

form input.text,
form input[type=text],
form input[type=button],
form input[type=submit],
form input[type=email],
form input[type=file],
form input[type=password],
form textarea {
  color: #161616;
  font-weight: 400;
  margin: 0 auto;
  padding: 8px 10px;
  width: 100%;
  border: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  background: #f3f3f3;
  border-left: 8px solid #161616;
  border-right: 8px solid #161616;
  font-size: 1.4rem;
  transition: all 0.5s ease-in-out;
}

form input.text:focus,
form input[type=text]:focus,
form input[type=button]:focus,
form input[type=submit]:focus,
form input[type=email]:focus,
form input[type=file]:focus,
form input[type=password]:focus,
form textarea:focus {
  border-color: #f7931e;
}

form input[type=button],
form input[type=submit] {
  font-family: bebas-neue, sans-serif;
  border: 0;
  background: #111111;
  border-radius: 0 0 0.3rem 0.3rem;
  padding: 2rem 2rem 1.6rem;
  font-size: 2.4rem;
  color: #f7931e;
}

form input[type=button]:disabled,
form input[type=submit]:disabled {
  background: #f3f3f3;
  color: #e0e0e0;
}

form input[type=button]:disabled:hover,
form input[type=submit]:disabled:hover {
  background: #f3f3f3;
  color: #e0e0e0;
}

form input[type=button]:hover,
form input[type=submit]:hover {
  background: #2c2c2c;
  color: #898989;
}

form input[type=file] {
  font-family: bebas-neue, sans-serif;
  color: #f7931e;
  background: #161616;
}

form input[type=radio] {
  border: none !important;
  background: #404040;
}

form label {
  border: none;
  border-left: 8px solid #161616;
  border-right: 8px solid #161616;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: left;
  display: block;
  color: #f7931e;
  margin: 0 auto;
  padding: 12px 10px 8px;
  width: 100%;
  outline: none;
  background: #161616;
  font-family: bebas-neue, sans-serif;
  line-height: 120%;
}

form label.smaller-tp {
  padding-top: 0;
}

form label:first-of-type {
  border-radius: 0.4rem 0.4rem 0 0;
}

.label.radio {
  background: #161616;
  border-radius: 0;
  padding: 0 10px 8px;
}

.label.radio .radio-btn {
  margin: 0;
  padding: 0;
}

.label.radio .radio-btn:first-of-type {
  margin-bottom: 1.2rem;
}

.label.radio .radio-btn input[type=radio] {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  vertical-align: top;
}

.label.radio .radio-btn label {
  border-radius: 0;
  border: none;
  display: inline-block;
  width: auto;
  text-align: left;
  margin: 0;
  padding: 0;
  vertical-align: top;
  margin-left: 0.6rem;
}

.datefield {
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
}

.datefield span {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  max-width: 6rem;
}

.datefield span.middle {
  margin: 0 0.8rem;
}

.submit {
  margin-top: 12px;
}

/*********************
	Newsletter
	*********************/

#main-container section.newsletter-container {
  width: 100%;
  background: #161616;
  padding: 6rem 8rem;
  text-align: left;
}

#main-container section.newsletter-container h1 {
  font-size: 3.6rem;
  color: #f70400;
  margin-bottom: 0.4rem;
}

#main-container section.newsletter-container .left-side,
#main-container section.newsletter-container .right-side {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
}

#main-container section.newsletter-container .right-side {
  max-width: 40rem;
  margin-top: 2rem;
}

#main-container section.newsletter-container .left-side {
  white-space: normal;
}

#main-container section.newsletter-container .left-side .copy,
#main-container section.newsletter-container .left-side .graphic {
  vertical-align: top;
}

#main-container section.newsletter-container .left-side .copy {
  width: 80%;
  padding: 0 2rem;
  line-height: 130%;
  font-size: 1.4rem;
}

#main-container section.newsletter-container .left-side .graphic {
  width: 20%;
}

#main-container section.newsletter-container .left-side .graphic img {
  width: 100%;
  max-width: 15rem;
  height: auto;
  vertical-align: top;
}

@media only screen and (max-width: 851px) {
  #main-container section.newsletter-container {
    white-space: normal;
  }

  #main-container section.newsletter-container .left-side,
  #main-container section.newsletter-container .right-side {
    width: 100%;
  }

  #main-container section.newsletter-container .left-side {
    margin-bottom: 18px;
  }

  #main-container section.newsletter-container .left-side .copy,
  #main-container section.newsletter-container .left-side .graphic {
    vertical-align: bottom;
  }
}

@media only screen and (max-width: 569px) {
  #main-container section.newsletter-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  #main-container section.newsletter-container .left-side .graphic {
    display: none !important;
  }

  #main-container section.newsletter-container .left-side .copy {
    width: 100%;
    padding: 0;
  }
}

/* Custom dropdown */

.choose-language,
.custom-dropdown {
  position: relative;
  display: inline-block;
}

.choose-language.in-form,
.custom-dropdown.in-form {
  display: block;
}

/*for IE10*/

select::-ms-expand {
  display: none;
}

.choose-language select,
.custom-dropdown select {
  color: #fff;
  font-size: 1.4rem;
  padding: 0.4rem 4rem 0.4rem 1rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 3px;
  text-overflow: "";
  -webkit-appearance: button;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #e0e0e0;
  color: #404040;
  background-color: #f3f3f3;
}

.custom-dropdown.sort-store select {
  background-color: #cacaca;
}

.custom-dropdown.in-form select {
  border-radius: 0;
  border-left: 8px solid #161616;
  border-right: 8px solid #161616;
  padding: 8px 10px;
  width: 100%;
}

.custom-dropdown.in-form select:focus {
  border-color: #f7931e;
}

.choose-language::after,
.choose-language::before,
.custom-dropdown::after,
.custom-dropdown::before {
  content: "";
  position: absolute;
  pointer-events: none;
}

/*  Custom dropdown arrow */

.choose-language::after,
.custom-dropdown::after {
  content: "\25BC";
  height: 1em;
  font-size: 1rem;
  line-height: 1;
  right: 1.1rem;
  top: 50%;
  margin-top: -0.4rem;
}

/*  Custom dropdown arrow cover */

.choose-language::before,
.custom-dropdown::before {
  width: 3.2rem;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown.in-form::before {
  border-radius: 0;
  right: 0.8rem;
}

.custom-dropdown.in-form::after {
  right: 1.9rem;
}

.choose-language select[disabled],
.custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.3);
}

.choose-language select[disabled]::after,
.custom-dropdown select[disabled]::after {
  color: rgba(0, 0, 0, 0.1);
}

.choose-language::before,
.custom-dropdown::before {
  background-color: rgba(0, 0, 0, 0.15);
}

.choose-language::after,
.custom-dropdown::after {
  color: rgba(0, 0, 0, 0.4);
}

.switch-lang .choose-language select {
  background-color: #f3f3f3;
  color: #404040;
}

/* Radio Buttons */

.choose form,
.santa-form form {
  padding-top: 0.6rem;
}

.choose input[type=radio],
.santa-form input[type=radio] {
  position: absolute;
  opacity: 0;
  width: auto;
}

.choose input[type=radio] + .radio-label,
.santa-form input[type=radio] + .radio-label {
  font-family: bebas-neue, sans-serif;
  margin-right: 1.2rem;
  font-size: 1.8rem;
}

.choose input[type=radio] + .radio-label:before,
.santa-form input[type=radio] + .radio-label:before {
  content: "";
  background: #fafafa;
  border-radius: 100%;
  border: 1px solid #bababa;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  margin-right: 0.8rem;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.choose input[type=radio]:checked + .radio-label,
.santa-form input[type=radio]:checked + .radio-label {
  box-shadow: none;
}

.choose input[type=radio]:checked + .radio-label:before,
.santa-form input[type=radio]:checked + .radio-label:before {
  background-color: #020202;
  box-shadow: inset 0 0 0 4px #fafafa;
}

.choose input[type=radio]:focus + .radio-label:before,
.santa-form input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #020202;
}

.choose input[type=radio]:disabled + .radio-label:before,
.santa-form input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #fafafa;
  border-color: #bababa;
  background: #bababa;
}

.choose input[type=radio] + .radio-label:empty:before,
.santa-form input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
}

.custom-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-family: bebas-neue, sans-serif;
  font-size: 2.2rem;
}

.custom-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: #fafafa;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.55);
}

.custom-checkbox:hover + label:before {
  background: #b40a1d;
}

.custom-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.custom-checkbox:checked + label:before {
  background: #f70400;
}

.custom-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.custom-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.custom-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.custom-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  width: auto;
}

.custom-radio input[type=radio] + .radio-label {
  font-family: bebas-neue, sans-serif;
  margin-right: 1.2rem;
  font-size: 1.8rem;
}

.custom-radio input[type=radio] + .radio-label:before {
  content: "";
  background: #fafafa;
  border-radius: 100%;
  border: 1px solid #bababa;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  margin-right: 0.8rem;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.custom-radio input[type=radio]:checked + .radio-label {
  box-shadow: none;
}

.custom-radio input[type=radio]:checked + .radio-label:before {
  background-color: #020202;
  box-shadow: inset 0 0 0 4px #fafafa;
}

.custom-radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #020202;
}

.custom-radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #fafafa;
  border-color: #bababa;
  background: #bababa;
}

.custom-radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

.feedback {
  margin: 2rem auto;
  text-align: center !important;
  max-width: 80rem;
  padding: 2rem;
  border-radius: 0.3rem;
  font-size: 2rem;
  line-height: 1;
  background: #b40a1d;
}

.feedback h4 {
  padding-bottom: 1rem;
  color: #f3f3f3;
}

.feedback ul {
  margin-top: 1rem;
}

.feedback ul li {
  text-transform: uppercase;
  margin: 1rem;
  font-size: 1.4rem;
}

/******************************************************************
Stylesheet: Header / Footer
******************************************************************/

footer.site-footer,
header.site-header {
  width: 100%;
  background: #b40a1d;
  overflow: hidden;
}

/*********************
Header
*********************/

header.site-header {
  position: fixed;
  overflow: visible;
  top: 0;
  left: 0;
  padding: 16px 26px;
  z-index: 99999;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 0 4px 1px rgba(2, 2, 2, 0.25);
}

header.site-header.nav-up {
  top: -90px;
}

header.site-header .logo-container,
header.site-header .nav-container {
  vertical-align: middle;
}

header.site-header .logo-container {
  width: 40%;
}

header.site-header .logo-container a {
  width: 100%;
}

header.site-header .logo-container a img {
  width: 100%;
  max-width: 30rem;
  height: auto;
  vertical-align: top;
}

header.site-header .nav-container {
  width: 60%;
  font-family: bebas-neue, sans-serif;
}

header.site-header .nav-container nav {
  position: relative;
  text-align: right;
  transition: all 0.5s ease-in-out;
}

header.site-header .nav-container nav ul {
  display: block;
  margin-top: 4px;
}

header.site-header .nav-container nav ul li {
  position: relative;
  margin: 0.4rem 1.8rem 0 0;
  padding: 0;
  vertical-align: middle;
  color: #e0e0e0;
  font-size: 2rem;
  transition: all 0.5s ease-in-out;
}

header.site-header .nav-container nav ul li.dropdown {
  cursor: pointer;
}

header.site-header .nav-container nav ul li.dropdown:hover {
  color: #161616;
}

header.site-header .nav-container nav ul li.dropdown ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: auto;
  padding: 1.4rem 2rem 1.2rem;
  text-align: left;
  left: 0;
  top: 1.4rem;
  background: #b40a1d;
  border-radius: 0 0 0.4rem 0.4rem;
  transition: all 0.25s ease-in;
}

header.site-header .nav-container nav ul li.dropdown ul li {
  margin: 0 0 1.2rem;
  font-size: 2rem;
  white-space: nowrap;
}

header.site-header .nav-container nav ul li.dropdown ul li a {
  cursor: hover;
}

header.site-header .nav-container nav ul li.dropdown ul li.active {
  opacity: 0.65;
}

header.site-header .nav-container nav ul li.dropdown ul li:last-of-type {
  margin-bottom: 0;
}

header.site-header .nav-container nav ul li.dropdown ul.active {
  opacity: 1;
  visibility: visible;
}

header.site-header .nav-container nav ul li.mobile-only {
  display: none !important;
}

header.site-header .nav-container nav ul li a {
  color: #f3f3f3;
}

header.site-header .nav-container nav ul li a:hover {
  color: #48140f;
}

header.site-header .nav-container nav ul li a.active {
  color: #48140f;
  cursor: default;
}

header.site-header .nav-container nav ul li.bar {
  background: #fafafa;
  opacity: 0.45;
  width: 0.1rem;
  height: 2.6rem;
}

header.site-header .nav-container nav ul li.social {
  margin: 0.6rem 1.2rem 0 0;
}

header.site-header .nav-container nav ul li.social:last-of-type {
  margin-right: 0;
}

header.site-header .nav-container nav ul li .social-icon {
  vertical-align: middle;
  width: 2rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

header.site-header .nav-container nav ul li .social-icon svg {
  width: 100%;
  height: auto;
}

header.site-header .mobile-nav {
  display: none;
  position: relative;
  text-align: right;
  padding: 4px 0 0;
}

header.site-header .mobile-nav .hamburger {
  padding: 18px 12px 12px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  margin: 0;
  overflow: visible;
  box-shadow: none;
}

header.site-header .mobile-nav .hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

header.site-header .mobile-nav .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

header.site-header .mobile-nav .hamburger-inner,
header.site-header .mobile-nav .hamburger-inner::after,
header.site-header .mobile-nav .hamburger-inner::before {
  width: 40px;
  height: 4px;
  background-color: #fafafa;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

header.site-header .mobile-nav .hamburger-inner::after,
header.site-header .mobile-nav .hamburger-inner::before {
  content: "";
  display: block;
}

header.site-header .mobile-nav .hamburger-inner::before {
  top: -10px;
}

header.site-header .mobile-nav .hamburger-inner::after {
  bottom: -10px;
}

header.site-header .mobile-nav .hamburger-squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

header.site-header .mobile-nav .hamburger-squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}

header.site-header .mobile-nav .hamburger-squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

header.site-header .mobile-nav .hamburger-squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

header.site-header .mobile-nav .hamburger-squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}

header.site-header .mobile-nav .hamburger-squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media only screen and (max-width: 1025px) {
  header.site-header {
    padding: 0 1.2rem;
  }

  header.site-header .logo-container {
    width: 60%;
  }

  header.site-header .nav-container {
    width: 40%;
  }

  header.site-header .nav-container .mobile-nav {
    display: block;
  }

  header.site-header .nav-container .main-nav {
    display: none !important;
    position: absolute;
    top: 0;
    right: -1.2rem;
    width: 100%;
    text-align: left;
    margin: 8rem auto 0;
    padding: 2rem 3rem;
    background: #222222;
    box-shadow: 0 2px 3px 1px rgba(2, 2, 2, 0.25);
  }

  header.site-header .nav-container .main-nav.show-menu {
    opacity: 0;
    display: block !important;
  }

  header.site-header .nav-container .main-nav ul li {
    display: block !important;
    margin: 0 0 2rem;
    font-size: 2rem;
    position: relative;
  }

  header.site-header .nav-container .main-nav ul li.dropdown {
    margin-bottom: 3rem;
    overflow: visible;
  }

  header.site-header .nav-container .main-nav ul li.dropdown ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    display: block;
    width: auto;
    margin: -1.2rem 0 1.2rem;
    padding: 0 0 0 2rem;
    text-align: left;
    background: transparent;
    border-radius: 0;
    transition: all 0.25s ease-in;
  }

  header.site-header .nav-container .main-nav ul li.dropdown ul li {
    margin: 0 0 1.2rem;
    font-size: 2rem;
    white-space: nowrap;
  }

  header.site-header .nav-container .main-nav ul li.dropdown ul li.active {
    opacity: 0.65;
  }

  header.site-header .nav-container .main-nav ul li.dropdown ul li:last-of-type {
    margin-bottom: 0;
  }

  header.site-header .nav-container .main-nav ul li.mobile-only {
    display: block !important;
  }

  header.site-header .nav-container .main-nav ul li a:hover {
    color: #b40a1d;
  }

  header.site-header .nav-container .main-nav ul li a.active {
    color: #404040;
  }

  header.site-header .nav-container .main-nav ul li.bar {
    width: 100%;
    height: 1px;
    margin-top: 3rem;
  }

  header.site-header .nav-container .main-nav ul li.social {
    display: inline-block !important;
    margin: 0 0.9rem;
    text-align: center;
  }

  header.site-header .nav-container .main-nav ul li.social .social-icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

/*********************
Footer
*********************/

footer.site-footer {
  bottom: 0;
  padding: 4rem 4rem 0.5rem;
  margin: 0;
  width: 100%;
  z-index: 825;
}

@media only screen and (max-width: 569px) {
  footer.site-footer {
    padding: 4rem 2rem 0.5rem;
  }
}

footer.site-footer a {
  color: #f3f3f3;
}

footer.site-footer a:hover {
  opacity: 0.65;
}

footer.site-footer a.active {
  opacity: 0.65;
  cursor: default;
}

footer.site-footer .nav-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

footer.site-footer .nav-container nav {
  width: 25%;
  vertical-align: top;
  padding: 0 2rem;
  text-align: center;
}

footer.site-footer .nav-container nav .heading {
  color: #de5639;
  font-size: 1.8rem;
  font-family: bebas-neue, sans-serif;
  letter-spacing: 1px;
}

footer.site-footer .nav-container nav ul {
  margin: 0.4rem 0 0;
}

footer.site-footer .nav-container nav ul li {
  margin: 1.6rem 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
}

@media only screen and (max-width: 661px) {
  footer.site-footer .nav-container nav {
    margin-top: 1.6rem;
    width: 100%;
    text-align: center;
  }

  footer.site-footer .nav-container nav:first-of-type {
    margin-top: 0;
  }
}

footer.site-footer .follow {
  display: block;
  text-align: center;
  margin: 2rem auto 0;
}

footer.site-footer .follow ul li {
  display: inline-block;
  margin: 0 1rem;
  vertical-align: middle;
}

footer.site-footer .social-icon {
  display: block;
  width: 2.4rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  transition: all 0.5s ease-in-out;
}

footer.site-footer .social-icon svg {
  width: 100%;
  height: auto;
}

footer.site-footer .copyright,
footer.site-footer .terms {
  display: block;
  text-align: center;
  position: relative;
  margin: 0;
  text-transform: uppercase;
}

footer.site-footer .copyright span,
footer.site-footer .terms span {
  display: inline-block;
  font-size: 1rem;
  color: #f3f3f3;
  line-height: 130%;
}

@media only screen and (max-width: 569px) {
  footer.site-footer .copyright span,
  footer.site-footer .terms span {
    font-size: 0.9rem;
  }
}

footer.site-footer .terms {
  margin-top: 1.6rem;
}

footer.site-footer .terms span {
  margin: 0 0.2rem;
}

footer.site-footer .terms a:hover {
  color: #f3f3f3;
  opacity: 0.65;
}

footer.site-footer .ek-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.07;
  z-index: -1;
  max-width: 36rem;
  width: 25%;
}

@media only screen and (max-width: 851px) {
  footer.site-footer .ek-logo {
    width: 45%;
  }
}

@media only screen and (max-width: 661px) {
  footer.site-footer .ek-logo {
    width: 85%;
  }
}

/*********************
Banners
*********************/

.banner {
  padding: 2.4rem 2rem 2rem;
  margin-top: 6.8rem;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 851px) {
  .banner {
    padding: 1.6rem 2rem 0.6rem;
  }
}

.banner.burrito {
  width: 100%;
  background: #f5e9cf;
}

.banner.burrito a {
  display: block;
}

.banner.burrito img {
  width: 70%;
  max-width: 100rem;
}

.banner.burrito .burrito-stripes {
  width: 4rem;
  position: relative;
  word-spacing: -1px;
  font-size: 0;
  white-space: normal;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.banner.burrito .burrito-stripes.left {
  left: -0.1rem;
}

.banner.burrito .burrito-stripes.right {
  left: auto;
  right: 0;
}

.banner.burrito .burrito-stripes span {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  word-spacing: 0;
  width: 25%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.banner.burrito .burrito-stripes span:nth-child(1) {
  background-color: #ef9825;
}

.banner.burrito .burrito-stripes span:nth-child(2) {
  background-color: #f2b134;
}

.banner.burrito .burrito-stripes span:nth-child(3) {
  background-color: #048587;
}

.banner.burrito .burrito-stripes span:nth-child(4) {
  background-color: #122e41;
}

.banner.burrito .burrito-stripes.left span:nth-child(4) {
  background-color: #ef9825;
}

.banner.burrito .burrito-stripes.left span:nth-child(3) {
  background-color: #f2b134;
}

.banner.burrito .burrito-stripes.left span:nth-child(2) {
  background-color: #048587;
}

.banner.burrito .burrito-stripes.left span:nth-child(1) {
  background-color: #122e41;
}