@charset "UTF-8";
/*@mixin box-shadow ( $top: 0, ) {
	-webkit-box-shadow: inset 0 -0.125rem 0 0 $light-blue;
	-moz-box-shadow: inset 0 -0.125rem 0 0 $light-blue;
	box-shadow: inset 0 -0.125rem 0 0 $light-blue;

	-webkit-box-shadow: inset 0 -0.125rem 0 0 $light-blue;
	-moz-box-shadow: inset 0 -0.125rem 0 0 $light-blue;
	box-shadow: inset 0 -0.125rem 0 0 $light-blue;
	
}	*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-top {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.cc-animate.cc-revoke.cc-active.cc-bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.cc-revoke:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s; }

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Avenir", serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  background: #000000;
  padding: 2em;
  max-width: calc(100% - 50px);
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 610px) {
  .cc-window.cc-floating {
    max-width: calc(50% - 30px); } }

@media (min-width: 1140px) {
  .cc-window.cc-floating {
    max-width: calc(33.333333333% - 20px); } }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

.cc-revoke:hover {
  text-decoration: underline; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em;
  text-decoration: underline;
  font-family: "Avenir", serif;
  color: #F6F6F6; }

.cc-link:hover {
  opacity: 1;
  color: #EF4744; }

.cc-link:active,
.cc-link:visited {
  color: #F6F6F6; }

.cc-btn {
  display: block;
  padding: 0 38px 0 15px;
  white-space: nowrap;
  font-family: "Avenir", serif;
  text-transform: uppercase;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  border: solid 1px #EF9C24;
  text-align: left;
  margin-top: 50px; }
  .cc-btn:link {
    color: #F6F6F6;
    background: #000000; }
  .cc-btn:hover {
    color: #000000;
    background: #EF9C24; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

.cc-close:focus,
.cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 0; }

.cc-bottom {
  bottom: 0; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.cc-window.cc-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em; }

.cc-compliance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-floating .cc-compliance > .cc-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: .5em; }

@media print {
  .cc-revoke,
  .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner,
  .cc-window.cc-floating,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset; }
  .cc-window.cc-banner .cc-message {
    margin-right: 0; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em;
  margin-bottom: 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 19px; }

::-moz-selection {
  background: rgba(239, 156, 36, 0.55); }

::selection {
  background: rgba(239, 156, 36, 0.55); }

body,
button,
input,
select,
textarea {
  color: #f2f2f2;
  font-family: "Rylan", serif;
  line-height: 1.428;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'Rylan';
  src: url("../fonts/rylan/rylan.eot");
  src: url("../fonts/rylan/rylan.eot?#iefix") format("embedded-opentype"), url("../fonts/rylan/rylan.woff2") format("woff2"), url("../fonts/rylan/rylan.woff") format("woff"), url("../fonts/rylan/rylan.ttf") format("truetype"), url("../fonts/rylan/rylan.svg#la-luxes-serif") format("svg"); }

@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/avenir-regular.eot");
  src: url("../fonts/avenir/avenir-regular.eot") format("embedded-opentype"), url("../fonts/avenir/avenir-regular.woff2") format("woff2"), url("../fonts/avenir/avenir-regular.woff") format("woff"), url("../fonts/avenir/avenir-regular.ttf") format("truetype"), url("../fonts/avenir/avenir-regular.svg#gotham-light") format("svg"); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Avenir", serif;
  display: block;
  margin: 38px auto 0;
  padding: 0;
  position: relative;
  z-index: 200;
  font-size: 12px;
  letter-spacing: 0.03em;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase; }

p {
  position: relative;
  z-index: 500;
  margin: 0 0 19px 0;
  padding: 0; }

hr {
  margin: 25px auto;
  border: none;
  height: 1px;
  background: #707070;
  clear: both; }

i,
em {
  font-family: "Rylan", serif;
  font-style: normal;
  font-weight: normal; }
  i b,
  i strong,
  em b,
  em strong {
    font-family: "Avenir", serif;
    font-style: inherit;
    font-weight: inherit; }

b,
strong {
  font-family: "Avenir", serif;
  font-style: normal;
  font-weight: normal; }
  b i,
  b em,
  strong i,
  strong em {
    font-family: "Avenir", serif;
    font-style: inherit;
    font-weight: inherit; }

address {
  margin: 15px auto;
  padding: 0 20px;
  text-align: left;
  font-weight: initial;
  font-style: normal; }

small {
  font-size: 10px;
  font-size: 0.625rem; }

sub,
.subscript {
  font-variant-position: sub;
  -webkit-font-feature-settings: "subs";
  font-feature-settings: "subs"; }

sup,
.superscript {
  font-variant-position: super;
  -webkit-font-feature-settings: "sups";
  font-feature-settings: "sups"; }

abbr,
.abbreviaton,
.smallcaps {
  -webkit-font-feature-settings: "c2sc", "smcp";
          font-feature-settings: "c2sc", "smcp"; }

img {
  position: relative;
  z-index: 100;
  height: auto;
  width: 100%;
  display: block; }

q {
  font-style: inherit;
  font-weight: inherit; }
  q p {
    margin: 0 auto; }

blockquote {
  font-style: inherit;
  font-weight: inherit;
  line-height: 1.25;
  padding: 0px 25px 20px 0px;
  margin: 50px 20px;
  position: relative;
  overflow: hidden; }
  blockquote p {
    max-width: 720px;
    margin: 25px 0 50px;
    padding: 0; }

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

ul {
  list-style: none; }
  ul li:before {
    content: '—'; }

ol {
  list-style: none;
  counter-reset: item; }
  ol li {
    counter-increment: item; }
    ol li:before {
      content: counter(item); }

li {
  padding: 0 0 0 30px;
  margin: 5px 0; }
  li:before {
    width: 30px;
    margin-left: -30px;
    display: inline-block; }

li > ul,
li > ol {
  margin: 0; }

.list {
  overflow: hidden; }
  .list__item {
    padding: 0;
    margin: 0; }

table {
  margin: 30px auto;
  width: 100%;
  max-width: 35rem;
  table-layout: fixed; }

tr {
  position: relative; }

td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  td:hover {
    position: absolute;
    white-space: unset;
    overflow: visible; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html, body {
  overflow-x: hidden; }

body {
  background: #000000;
  overscroll-behavior: none; }

dt {
  font-weight: bold; }

dd {
  margin: 0 38px 38px; }

embed,
iframe,
object {
  max-width: 100%; }

figure {
  margin: 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  width: 100%; }

.site {
  margin: 0 auto;
  height: 100%; }

.page {
  height: 100%; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 9999;
  right: unset;
  height: auto;
  width: 50px; }

.logo {
  display: block;
  position: relative; }

@media (min-width: 610px) {
  .header {
    width: 60px; } }

.content {
  margin: 0 0 0 50px;
  min-height: 100%; }

@media (min-width: 610px) {
  .content {
    margin: 0 0 0 60px; } }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 0 16px 50px; }
  .footer p {
    font-size: 12px;
    font-family: "Avenir", serif;
    text-transform: uppercase;
    margin: 16px 16px 0; }
  .footer a {
    font-family: "Avenir", serif;
    font-size: 12px;
    text-transform: uppercase; }
  .footer__section {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    position: relative;
    display: none; }
    .footer__section:last-child {
      display: block; }
  .footer__copyright, .footer__game, .footer__legal {
    width: 55%;
    display: block;
    margin: 0;
    right: 0;
    bottom: -16px;
    position: absolute; }
  .footer__legal, .footer__game {
    display: none; }

@media (min-width: 610px) {
  .footer {
    padding: 0 0 0 60px; }
    .footer__section {
      width: 50%;
      float: right;
      clear: left;
      position: relative;
      display: block; }
      .footer__section .copyright {
        margin: 21px 40px 22px; }
      .footer__section .footer__link {
        display: block;
        margin: 21px 40px 22px; }
    .footer__copyright, .footer__game, .footer__legal {
      bottom: 0; }
    .footer__game {
      bottom: 16px;
      display: block; } }

@media (min-width: 1140px) {
  .footer {
    padding: 0 0 0 60px; }
    .footer__section {
      width: 33.333333333%;
      float: right;
      clear: left;
      position: relative; }
      .footer__section:first-child {
        display: block; } }

form {
  margin: 25px 0;
  position: relative;
  z-index: 500;
  text-align: left;
  border-radius: 5px;
  padding: 25px; }

fieldset {
  border: none;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative; }

legend,
label {
  margin: 0;
  font-size: 16px;
  font-weight: 700; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer; }

button {
  display: block;
  color: white;
  margin: 25px 0 0;
  position: relative;
  z-index: 500;
  text-align: center;
  background: none; }
  button:focus {
    outline: 0; }
  button:link, button:visited {
    text-shadow: none;
    color: white; }

.filter {
  height: 30px;
  display: block;
  float: left;
  clear: right;
  border: solid 1px #2c72e4;
  margin: 10px 10px 0 0;
  border-radius: 15px;
  text-align: left;
  padding: 6px 38px 4px 15px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Avenir", serif;
  line-height: 1;
  -webkit-transition: background 0.38s linear, -webkit-transform 0.19s ease-out;
  transition: background 0.38s linear, -webkit-transform 0.19s ease-out;
  transition: background 0.38s linear, transform 0.19s ease-out;
  transition: background 0.38s linear, transform 0.19s ease-out, -webkit-transform 0.19s ease-out; }
  .filter__icon {
    position: absolute;
    right: 10px;
    top: 8px;
    bottom: 10px;
    width: 11px;
    height: 11px;
    display: block;
    z-index: 0;
    -webkit-transition: -webkit-transform 0.19s linear;
    transition: -webkit-transform 0.19s linear;
    transition: transform 0.19s linear;
    transition: transform 0.19s linear, -webkit-transform 0.19s linear;
    pointer-events: none; }
    .filter__icon:before, .filter__icon:after {
      content: '';
      display: block;
      position: absolute;
      background: #2c72e4;
      width: 1px;
      height: 100%;
      margin: 0 5px; }
    .filter__icon:after {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .filter:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
    .filter:hover .filter__icon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .filter:nth-child(5n - 2) {
    border: solid 1px #EF4744; }
    .filter:nth-child(5n - 2) .filter__icon:before, .filter:nth-child(5n - 2) .filter__icon:after {
      background: #EF4744; }
  .filter:nth-child(5n - 1) {
    border: solid 1px #F6F6F6; }
    .filter:nth-child(5n - 1) .filter__icon:before, .filter:nth-child(5n - 1) .filter__icon:after {
      background: #F6F6F6; }
  .filter:nth-child(5n) {
    border: solid 1px #245250; }
    .filter:nth-child(5n) .filter__icon:before, .filter:nth-child(5n) .filter__icon:after {
      background: #245250; }
  .filter:nth-child(5n + 1) {
    border: solid 1px #EF9C24; }
    .filter:nth-child(5n + 1) .filter__icon:before, .filter:nth-child(5n + 1) .filter__icon:after {
      background: #EF9C24; }
  .filter.is-checked {
    background: #2c72e4;
    color: black; }
    .filter.is-checked .filter__icon {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      .filter.is-checked .filter__icon:before, .filter.is-checked .filter__icon:after {
        background: #000000; }
    .filter.is-checked:nth-child(5n - 2) {
      background: #EF4744; }
      .filter.is-checked:nth-child(5n - 2) .filter__icon:before, .filter.is-checked:nth-child(5n - 2) .filter__icon:after {
        background: #000000; }
    .filter.is-checked:nth-child(5n - 1) {
      background: #F6F6F6; }
      .filter.is-checked:nth-child(5n - 1) .filter__icon:before, .filter.is-checked:nth-child(5n - 1) .filter__icon:after {
        background: #000000; }
    .filter.is-checked:nth-child(5n) {
      background: #245250; }
      .filter.is-checked:nth-child(5n) .filter__icon:before, .filter.is-checked:nth-child(5n) .filter__icon:after {
        background: #000000; }
    .filter.is-checked:nth-child(5n + 1) {
      background: #EF9C24; }
      .filter.is-checked:nth-child(5n + 1) .filter__icon:before, .filter.is-checked:nth-child(5n + 1) .filter__icon:after {
        background: #000000; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

input::-webkit-input-placeholder {
  color: gray; }

input::-moz-placeholder {
  color: gray; }

/* firefox 19+ */
input:-ms-input-placeholder {
  color: gray; }

/* ie */
input:-moz-placeholder {
  color: gray; }

input::-webkit-input-placeholder:focus {
  color: rgba(128, 128, 128, 0); }

input::-moz-placeholder:focus {
  color: rgba(128, 128, 128, 0); }

/* firefox 19+ */
input:-ms-input-placeholder:focus {
  color: rgba(128, 128, 128, 0); }

/* ie */
input:-moz-placeholder:focus {
  color: rgba(128, 128, 128, 0); }

input[type="text"],
input[type="email"],
input[type="number"] {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 10px 0 25px;
  margin: 12px 0 0;
  background: #707070;
  border-radius: 3px;
  border: #2c72e4 solid 3px;
  text-overflow: ellipsis; }
  input[type="text"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover {
    border: #EF4744 solid 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus {
    border: #EF4744 solid 3px;
    background: white;
    outline: 0; }

.activity {
  width: 100%;
  position: relative;
  float: left;
  clear: none;
  z-index: 200;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .activity.one-day {
    padding-bottom: 75%; }
  .activity.one-week {
    padding-bottom: 100%; }
  .activity.two-weeks {
    padding-bottom: 125%; }
  .activity.one-month {
    padding-bottom: 150%; }

@media (min-width: 610px) {
  .activity {
    width: 50%; }
    .activity.one-day {
      padding-bottom: 37.5%; }
    .activity.one-week {
      padding-bottom: 50%; }
    .activity.two-weeks {
      padding-bottom: 62.5%; }
    .activity.one-month {
      padding-bottom: 75%; } }

@media (min-width: 1140px) {
  .activity {
    width: 33.333333333%; }
    .activity.one-day {
      padding-bottom: 25%; }
    .activity.one-week {
      padding-bottom: 33.333333333%; }
    .activity.two-weeks {
      padding-bottom: 41.666666666%; }
    .activity.one-month {
      padding-bottom: 50%; } }

.title,
.time {
  width: 100%;
  margin: 0;
  text-align: center;
  max-width: unset;
  color: #12245A;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }

.title {
  font-family: "Rylan", serif;
  font-size: 30px;
  font-size: 8vw;
  line-height: 1;
  text-transform: initial;
  -webkit-transition: -webkit-transform 0.19s ease-out;
  transition: -webkit-transform 0.19s ease-out;
  transition: transform 0.19s ease-out;
  transition: transform 0.19s ease-out, -webkit-transform 0.19s ease-out;
  margin-top: 3px; }
  .title span {
    display: block;
    margin: auto;
    max-width: 7em; }

.time {
  font-family: "Avenir", serif;
  font-size: 12px;
  margin-top: 12px;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform 0.27s ease-out;
  transition: -webkit-transform 0.27s ease-out;
  transition: transform 0.27s ease-out;
  transition: transform 0.27s ease-out, -webkit-transform 0.27s ease-out;
  letter-spacing: 0.05em; }

.one-month .title,
.one-month .time {
  position: absolute;
  width: 100%;
  padding-bottom: 100%; }
  .one-month .title:before,
  .one-month .time:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    background: #F6F6F6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .one-month .title span,
  .one-month .time span {
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    position: absolute;
    margin: auto; }

.one-month .title {
  top: 0;
  z-index: 20; }

.one-month .time {
  bottom: 0;
  z-index: 10; }

@media (min-width: 610px) {
  .title {
    font-size: 40px;
    font-size: 4.5vw; } }

@media (min-width: 1140px) {
  .title {
    font-size: 50px;
    font-size: 3vw; } }

.section {
  padding: 19px; }

.green-navy.activity {
  background: #245250; }

.green-navy .link {
  background: #12245A; }

.green-navy .title,
.green-navy .time {
  color: #F6F6F6; }

.green-navy.one-month .link {
  background: none; }

.green-navy.one-month .title:before,
.green-navy.one-month .time:before {
  background: #12245A; }

.blue-green.activity {
  background: #2c72e4; }

.blue-green .link {
  background: #245250; }

.blue-green .title,
.blue-green .time {
  color: #F6F6F6; }

.blue-green.one-month .link {
  background: none; }

.blue-green.one-month .title:before,
.blue-green.one-month .time:before {
  background: #245250; }

.pink-red.activity {
  background: #DBCFE5; }

.pink-red .link {
  background: #EF4744; }

.pink-red .title,
.pink-red .time {
  color: #F6F6F6; }

.pink-red.one-month .link {
  background: none; }

.pink-red.one-month .title:before,
.pink-red.one-month .time:before {
  background: #EF4744; }

.yellow-white.activity {
  background: #EF9C24; }

.yellow-white .link {
  background: #F6F6F6; }

.yellow-white .title,
.yellow-white .time {
  color: #12245A; }

.yellow-white.one-month .link {
  background: none; }

.yellow-white.one-month .title:before,
.yellow-white.one-month .time:before {
  background: #F6F6F6; }

.blue-navy.activity {
  background: #2c72e4; }

.blue-navy .link {
  background: #12245A; }

.blue-navy .title,
.blue-navy .time {
  color: #F6F6F6; }

.blue-navy.one-month .link {
  background: none; }

.blue-navy.one-month .title:before,
.blue-navy.one-month .time:before {
  background: #12245A; }

.red-yellow.activity {
  background: #EF4744; }

.red-yellow .link {
  background: #EF9C24; }

.red-yellow .title,
.red-yellow .time {
  color: #F6F6F6; }

.red-yellow.one-month .link {
  background: none; }

.red-yellow.one-month .title:before,
.red-yellow.one-month .time:before {
  background: #EF9C24; }

.yellow-pink.activity {
  background: #EF9C24; }

.yellow-pink .link {
  background: #DBCFE5; }

.yellow-pink .title,
.yellow-pink .time {
  color: #12245A; }

.yellow-pink.one-month .link {
  background: none; }

.yellow-pink.one-month .title:before,
.yellow-pink.one-month .time:before {
  background: #DBCFE5; }

.navy-blue.activity {
  background: #12245A; }

.navy-blue .link {
  background: #2c72e4; }

.navy-blue .title,
.navy-blue .time {
  color: #F6F6F6; }

.navy-blue.one-month .link {
  background: none; }

.navy-blue.one-month .title:before,
.navy-blue.one-month .time:before {
  background: #2c72e4; }

.blue-red.activity {
  background: #2c72e4; }

.blue-red .link {
  background: #EF4744; }

.blue-red .title,
.blue-red .time {
  color: #12245A; }

.blue-red.one-month .link {
  background: none; }

.blue-red.one-month .title:before,
.blue-red.one-month .time:before {
  background: #EF4744; }

.white-green.activity {
  background: #F6F6F6; }

.white-green .link {
  background: #245250; }

.white-green .title,
.white-green .time {
  color: #F6F6F6; }

.white-green.one-month .link {
  background: none; }

.white-green.one-month .title:before,
.white-green.one-month .time:before {
  background: #245250; }

.green-pink.activity {
  background: #245250; }

.green-pink .link {
  background: #DBCFE5; }

.green-pink .title,
.green-pink .time {
  color: #12245A; }

.green-pink.one-month .link {
  background: none; }

.green-pink.one-month .title:before,
.green-pink.one-month .time:before {
  background: #DBCFE5; }

.red-navy.activity {
  background: #EF4744; }

.red-navy .link {
  background: #12245A; }

.red-navy .title,
.red-navy .time {
  color: #F6F6F6; }

.red-navy.one-month .link {
  background: none; }

.red-navy.one-month .title:before,
.red-navy.one-month .time:before {
  background: #12245A; }

.blue-white.activity {
  background: #2c72e4; }

.blue-white .link {
  background: #F6F6F6; }

.blue-white .title,
.blue-white .time {
  color: #12245A; }

.blue-white.one-month .link {
  background: none; }

.blue-white.one-month .title:before,
.blue-white.one-month .time:before {
  background: #F6F6F6; }

.white-yellow.activity {
  background: #F6F6F6; }

.white-yellow .link {
  background: #EF9C24; }

.white-yellow .title,
.white-yellow .time {
  color: #12245A; }

.white-yellow.one-month .link {
  background: none; }

.white-yellow.one-month .title:before,
.white-yellow.one-month .time:before {
  background: #EF9C24; }

.yellow-red.activity {
  background: #EF9C24; }

.yellow-red .link {
  background: #EF4744; }

.yellow-red .title,
.yellow-red .time {
  color: #F6F6F6; }

.yellow-red.one-month .link {
  background: none; }

.yellow-red.one-month .title:before,
.yellow-red.one-month .time:before {
  background: #EF4744; }

.red-pink.activity {
  background: #EF4744; }

.red-pink .link {
  background: #DBCFE5; }

.red-pink .title,
.red-pink .time {
  color: #12245A; }

.red-pink.one-month .link {
  background: none; }

.red-pink.one-month .title:before,
.red-pink.one-month .time:before {
  background: #DBCFE5; }

.green {
  color: #245250; }

.navy {
  color: #12245A; }

.blue {
  color: #2c72e4; }

.pink {
  color: #DBCFE5; }

.red {
  color: #EF4744; }

.yellow {
  color: #EF9C24; }

.white {
  color: #F6F6F6; }

.link {
  margin: 41px;
  margin: 10.07%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.19s ease-out;
  transition: -webkit-transform 0.19s ease-out;
  transition: transform 0.19s ease-out;
  transition: transform 0.19s ease-out, -webkit-transform 0.19s ease-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: visible; }
  .link:link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%; }
  .link:hover {
    -webkit-transform: scale(0.97) rotate(-5deg);
            transform: scale(0.97) rotate(-5deg); }
  .link:active, .link:focus {
    -webkit-transform: scale(0.93) rotate(7deg);
            transform: scale(0.93) rotate(7deg); }

.one-month > .link {
  margin: 48px;
  margin: 11.79%; }
  .one-month > .link:link {
    background: none; }
  .one-month > .link:hover {
    -webkit-transform: unset;
            transform: unset; }
    .one-month > .link:hover .title {
      -webkit-transform: scale(0.97) rotate(-5deg);
              transform: scale(0.97) rotate(-5deg); }
    .one-month > .link:hover .time {
      -webkit-transform: scale(0.97) rotate(5deg);
              transform: scale(0.97) rotate(5deg); }
  .one-month > .link:active, .one-month > .link:focus {
    -webkit-transform: unset;
            transform: unset; }
    .one-month > .link:active .title, .one-month > .link:focus .title {
      -webkit-transform: scale(0.93) rotate(7deg);
              transform: scale(0.93) rotate(7deg); }
    .one-month > .link:active .time, .one-month > .link:focus .time {
      -webkit-transform: scale(0.93) rotate(-7deg);
              transform: scale(0.93) rotate(-7deg); }

a {
  text-decoration: none;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  cursor: pointer;
  font-family: "Rylan", serif; }
  a:link {
    color: #F6F6F6; }
  a:visited {
    color: #F6F6F6; }
  a:hover {
    color: #EF4744; }
  a:focus {
    color: #EF9C24;
    outline: 0; }
  a:active {
    color: #EF4744;
    padding: 0; }

.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.38s linear;
  transition: -webkit-transform 0.38s linear;
  transition: transform 0.38s linear;
  transition: transform 0.38s linear, -webkit-transform 0.38s linear;
  overscroll-behavior: contain; }
  .menu.open {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .menu.open .menu__wrapper {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .menu__wrapper {
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.38s linear;
    transition: -webkit-transform 0.38s linear;
    transition: transform 0.38s linear;
    transition: transform 0.38s linear, -webkit-transform 0.38s linear;
    padding: 76px 19px 76px 54px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .menu__section {
    max-width: 660px;
    margin: 0 auto;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0.02em; }
    .menu__section h2 {
      text-transform: uppercase;
      letter-spacing: 0.03em;
      margin-bottom: 12px; }
  .menu__list {
    margin: 0;
    display: none; }
  .menu__item {
    display: inline-block;
    padding: 0;
    margin: 0; }
  .menu__link:link {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .menu__link:visited {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .menu__link:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .menu__link:active {
    -webkit-box-shadow: none;
            box-shadow: none; }

.toggle {
  border: 1px solid #F6F6F6;
  text-align: center;
  border-radius: 20px;
  margin: 10px;
  padding: 0;
  width: 30px;
  height: 30px;
  font-family: "Avenir", serif;
  -webkit-transition: -webkit-transform 0.19s ease-in;
  transition: -webkit-transform 0.19s ease-in;
  transition: transform 0.19s ease-in;
  transition: transform 0.19s ease-in, -webkit-transform 0.19s ease-in;
  background: #000000; }
  .toggle:hover {
    -webkit-transform: rotate(38deg) scale(0.9);
            transform: rotate(38deg) scale(0.9); }
  .toggle:active {
    -webkit-transform: rotate(76deg) scale(0.8);
            transform: rotate(76deg) scale(0.8); }
  .toggle__wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  .toggle__open, .toggle__close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .toggle__open {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    -webkit-transition: -webkit-transform 0.38s ease-in;
    transition: -webkit-transform 0.38s ease-in;
    transition: transform 0.38s ease-in;
    transition: transform 0.38s ease-in, -webkit-transform 0.38s ease-in; }
  .toggle__close {
    -webkit-transform: scale(0) rotate(-360deg);
            transform: scale(0) rotate(-360deg);
    -webkit-transition: -webkit-transform 0.38s ease-in;
    transition: -webkit-transform 0.38s ease-in;
    transition: transform 0.38s ease-in;
    transition: transform 0.38s ease-in, -webkit-transform 0.38s ease-in; }
  .toggle.open .toggle__open {
    -webkit-transform: scale(0) rotate(-360deg);
            transform: scale(0) rotate(-360deg); }
  .toggle.open .toggle__close {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  .toggle.open:hover {
    -webkit-transform: rotate(0deg) scale(0.9);
            transform: rotate(0deg) scale(0.9); }
  .toggle.open:active {
    -webkit-transform: rotate(0deg) scale(0.8);
            transform: rotate(0deg) scale(0.8); }

@media (min-width: 610px) {
  .menu__section {
    font-size: 29px; }
  .toggle {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0; } }

.clear:before,
.clear:after,
.header:before,
.header:after,
.content:before,
.content:after,
.archive:before,
.archive:after,
.work__info:before,
.work__info:after,
.footer:before,
.footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.header:after,
.content:after,
.archive:after,
.work__info:after,
.footer:after {
  clear: both; }