html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px; }

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

@font-face {
  font-family: "AvenirNext";
  font-weight: 700;
  src: url("/fonts/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirNext-Bold.woff") format("woff"), url("/fonts/AvenirNext-Bold.woff2") format("woff2"), url("/fonts/AvenirNext-Bold.ttf") format("truetype"), url("/fonts/AvenirNext-Bold.svg#AvenirNext") format("svg"); }

@font-face {
  font-family: "AvenirNext";
  font-weight: 600;
  src: url("/fonts/AvenirNext-DemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirNext-DemiBold.woff") format("woff"), url("/fonts/AvenirNext-DemiBold.woff2") format("woff2"), url("/fonts/AvenirNext-DemiBold.ttf") format("truetype"), url("/fonts/AvenirNext-DemiBold.svg#AvenirNext") format("svg"); }

@font-face {
  font-family: "AvenirNext";
  font-weight: 500;
  src: url("/fonts/AvenirNext-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirNext-Medium.woff") format("woff"), url("/fonts/AvenirNext-Medium.woff2") format("woff2"), url("/fonts/AvenirNext-Medium.ttf") format("truetype"), url("/fonts/AvenirNext-Medium.svg#AvenirNext") format("svg"); }

@font-face {
  font-family: "AvenirNext";
  font-weight: 400;
  src: url("/fonts/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirNext-Regular.woff") format("woff"), url("/fonts/AvenirNext-Regular.woff2") format("woff2"), url("/fonts/AvenirNext-Regular.ttf") format("truetype"), url("/fonts/AvenirNext-Regular.svg#AvenirNext") format("svg"); }

@font-face {
  font-family: "Brown";
  font-weight: 700;
  src: url("/fonts/Brown-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Brown-Bold.woff") format("woff"), url("/fonts/Brown-Bold.woff2") format("woff2"), url("/fonts/Brown-Bold.ttf") format("truetype"), url("/fonts/Brown-Bold.svg#Brown") format("svg"); }

@font-face {
  font-family: "Brown";
  font-weight: 400;
  src: url("/fonts/Brown-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Brown-Regular.woff") format("woff"), url("/fonts/Brown-Regular.woff2") format("woff2"), url("/fonts/Brown-Regular.ttf") format("truetype"), url("/fonts/Brown-Regular.svg#Brown") format("svg"); }

.bold-text {
  font-weight: 700; }

.navbar {
  margin-bottom: 16px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: 48px;
  -webkit-transition: background-color 600ms;
  -o-transition: background-color 600ms;
  transition: background-color 600ms; }
  @media screen and (min-width: 1024px) {
    .navbar {
      margin-bottom: 32px; } }
  @media screen and (min-width: 1024px) {
    .navbar {
      height: 64px; } }
  .navbar--placeholder {
    position: static;
    background: none; }
  .navbar--gray {
    background-color: #333; }
  .navbar__desktop-logo {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    background-image: url("/assets/shopography_web_logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 1023px) {
      .navbar__desktop-logo {
        display: none; } }

.container, .winequity-contest__container {
  position: relative;
  max-width: 1280px;
  margin: auto; }
  .container--wide, .winequity-contest__container {
    max-width: 1664px; }
  .container--default-h-padding, .winequity-contest__container {
    padding-right: 16px;
    padding-left: 16px; }
    @media screen and (min-width: 1024px) {
      .container--default-h-padding, .winequity-contest__container {
        padding-right: 32px;
        padding-left: 32px; } }
  .container--with-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .container--center-on-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 1024px) {
      .container--center-on-mobile {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  @media screen and (min-width: 1024px) {
    .container--mobile-only {
      display: none; } }
  @media screen and (max-width: 1023px) {
    .container--desktop-only {
      display: none; } }
  .container--fill {
    width: 100%;
    height: 100%; }
  .container--with-image {
    background: url("/assets/banner-mobile.png") no-repeat;
    background-size: cover; }
  .container--full-width {
    max-width: none; }
  .container--centered, .winequity-contest__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center; }
  .container--centered-vertically {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .container--space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .container--error {
    padding-top: 80px;
    padding-bottom: 160px; }
  .container--tag {
    max-width: none;
    padding: 112px 16px;
    background-image: url("/assets/product-grid-mobile.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%; }
    @media screen and (min-width: 1024px) {
      .container--tag {
        background-image: url("/assets/product-grid-desktop.png"); } }
  .container--pad-h-2 {
    padding-right: 16px;
    padding-left: 16px; }
  .container--pad-b-3 {
    padding-bottom: 24px; }
  .container--pad-b-4 {
    padding-bottom: 32px; }
  .container--pad-b-5 {
    padding-bottom: 40px; }

.footer {
  font-family: "AvenirNext";
  font-size: 1.4rem;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 32px 32px;
  text-align: center;
  color: #fff;
  background-color: #333;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .footer__container {
    position: relative;
    max-width: 1660px;
    margin: auto; }
  .footer__logo-column {
    padding-top: 40px; }
    @media screen and (min-width: 1024px) {
      .footer__logo-column {
        width: 248px; } }
  .footer__social {
    display: inline-block;
    margin: 40px 8px;
    background-size: contain; }
    .footer__social--facebook {
      width: 6px;
      height: 17px;
      background-image: url("/assets/facebook.png"); }
    .footer__social--twitter {
      width: 22px;
      height: 16px;
      background-image: url("/assets/twitter.png"); }
    .footer__social--instagram {
      width: 16px;
      height: 16px;
      background-image: url("/assets/instagram.png"); }

.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    .columns {
      margin: 0 -16px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .columns__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    @media screen and (min-width: 1024px) {
      .columns__column {
        margin: 0 16px; } }
    @media screen and (min-width: 1024px) {
      .columns__column--fixed {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; } }
    .columns__column--40p {
      width: 100%; }
      @media screen and (min-width: 1024px) {
        .columns__column--40p {
          width: 40%; } }
    @media screen and (min-width: 1024px) {
      .columns__column--60p {
        width: 60%; } }
    @media screen and (min-width: 1024px) {
      .columns__column--33p {
        width: 33%; } }

.anchor {
  color: #ff5f42; }

.logo {
  display: inline-block;
  background: url("/assets/logo.png") center no-repeat;
  background-size: 100%; }
  .logo--large {
    width: 230.4px;
    height: 18px; }
    @media screen and (min-width: 1024px) {
      .logo--large {
        width: 330px;
        height: 26px; } }
  .logo--small {
    width: 145px;
    height: 12px; }
    @media screen and (min-width: 1024px) {
      .logo--small {
        width: 244px;
        height: 20px; } }

.caption {
  font-family: "AvenirNext";
  font-size: 1.4rem;
  font-weight: 300;
  color: #333; }
  @media screen and (min-width: 1024px) {
    .caption {
      font-family: "AvenirNext";
      font-size: 1.6rem;
      font-weight: 300; } }
  .caption--small {
    font-family: "AvenirNext";
    font-size: 1.2rem;
    font-weight: 400; }
    @media screen and (min-width: 1024px) {
      .caption--small {
        font-family: "AvenirNext";
        font-size: 1.4rem;
        font-weight: 400; } }
  .caption--large {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 400; }
    @media screen and (min-width: 1024px) {
      .caption--large {
        font-family: "AvenirNext";
        font-size: 1.8rem;
        font-weight: 400; } }
  .caption--centered-text {
    text-align: center; }
  .caption--max-width-1180px {
    max-width: 1180px; }
  .caption--orange {
    color: #ff5f42; }

.text-input {
  font-family: "AvenirNext";
  font-size: 1.6rem;
  font-weight: 700;
  height: 48px;
  padding: 0 16px;
  border: 2px solid #ff5f42;
  color: #ff5f42;
  background-color: #fff; }
  .text-input:focus {
    outline: none; }
  .text-input--padding-left-26px {
    padding-left: 26px; }

.control {
  position: relative;
  display: block;
  padding-top: 3px;
  padding-left: 36px;
  font-size: 16px;
  cursor: pointer; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control_indicator {
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ff5f42;
  background: #fff; }

.control-radio .control_indicator {
  border-radius: 2px; }

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
  background: #fff; }

.control input:checked ~ .control_indicator {
  background: #fff; }

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #fff; }

.control input:disabled ~ .control_indicator {
  background: #ebebeb;
  opacity: .6;
  pointer-events: none; }

.control_indicator:after {
  position: absolute;
  display: none;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  content: ''; }

.control input:checked ~ .control_indicator:after {
  display: block; }

.control-checkbox .control_indicator:after {
  top: 2px;
  left: 6px;
  width: 3px;
  height: 8px;
  border: solid #ff5f42;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #ebebeb; }

.labelled-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    .labelled-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .labelled-input__label {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 300;
    color: #333;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (min-width: 1024px) {
      .labelled-input__label {
        font-family: "AvenirNext";
        font-size: 1.6rem;
        font-weight: 300;
        margin-top: 12px; } }
    .labelled-input__label--130px {
      width: 130px; }
  .labelled-input__input-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .labelled-input__input {
    width: 100%; }
  .labelled-input__bottom-info {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 400;
    width: 100%;
    height: 19px;
    margin-top: 5px;
    color: #ff5f42; }

.link-box {
  font-family: "AvenirNext";
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 10px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  border: 2px solid #ff5f42;
  color: #333;
  background-color: #ebebeb; }
  @media screen and (min-width: 1024px) {
    .link-box {
      font-family: "AvenirNext";
      font-size: 1.6rem;
      font-weight: 300; } }
  .link-box--fixed-width {
    width: 500px; }
    @media screen and (max-width: 1023px) {
      .link-box--fixed-width {
        width: 100%;
        max-width: 450px; } }

.header {
  font-family: "Brown";
  font-size: 2.4rem;
  font-weight: 700;
  width: 100%;
  margin: 0; }
  @media screen and (min-width: 1024px) {
    .header {
      font-family: "Brown";
      font-size: 3.2rem;
      font-weight: 700; } }
  .header--centered {
    text-align: center; }
  .header--with-shadow {
    text-shadow: #333 0 3px; }
  .header--xxl {
    font-family: "Brown";
    font-size: 8rem;
    font-weight: 700;
    color: #333; }
    @media screen and (min-width: 1024px) {
      .header--xxl {
        font-family: "Brown";
        font-size: 12.8rem;
        font-weight: 700; } }
  .header--xl {
    font-family: "Brown";
    font-size: 3.2rem;
    font-weight: 700; }
    @media screen and (min-width: 1024px) {
      .header--xl {
        font-family: "Brown";
        font-size: 5.6rem;
        font-weight: 700;
        line-height: 64px; } }
  .header--l {
    font-family: "Brown";
    font-size: 2.6rem;
    font-weight: 700; }
    @media screen and (min-width: 1024px) {
      .header--l {
        font-family: "Brown";
        font-size: 4.8rem;
        font-weight: 700; } }
  .header--m {
    font-family: "Brown";
    font-size: 2rem;
    font-weight: 700; }
    @media screen and (min-width: 1024px) {
      .header--m {
        font-family: "Brown";
        font-size: 3.6rem;
        font-weight: 700; } }
  .header--small {
    font-family: "AvenirNext";
    font-size: 2rem;
    font-weight: 400;
    color: #333; }
  .header--white {
    color: #fff; }
  .header--gray {
    color: #333; }
  .header--orange {
    color: #ff5f42; }
  .header--18 {
    font-size: 1.8rem; }
  @media screen and (max-width: 1023px) {
    .header--desktop-only {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .header--mobile-only {
      display: none; } }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .popup__content {
    margin: 16px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 38px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 38px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 1024px) {
      .popup__content {
        width: 560px; } }
    @media screen and (max-width: 1023px) {
      .popup__content {
        width: 90%;
        max-width: 500px; } }
  .popup__title {
    font-family: "Brown";
    font-size: 2rem;
    font-weight: 700;
    padding-right: 16px;
    padding-left: 16px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 48px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    background-color: #00a0fc; }
    @media screen and (min-width: 1024px) {
      .popup__title {
        font-family: "Brown";
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 80px; } }
    @media screen and (min-width: 1024px) {
      .popup__title {
        padding-right: 32px;
        padding-left: 32px; } }

.award {
  width: 112px;
  margin: 16px; }
  @media screen and (min-width: 1024px) {
    .award {
      width: 144px; } }
  .award:first-of-type {
    margin-left: 0; }
  .award:last-of-type {
    margin-right: 0; }
  .award__logo {
    margin-bottom: 16px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media screen and (min-width: 1024px) {
      .award__logo {
        margin-bottom: 32px; } }
    @media screen and (min-width: 1024px) {
      .award__logo {
        height: 76px; } }
    .award__logo--shoptalk {
      background-image: url("/assets/shoptalk-logo.png");
      background-size: 72px 9px; }
      @media screen and (min-width: 1024px) {
        .award__logo--shoptalk {
          background-size: 144px 17px; } }
    .award__logo--njtc {
      background-image: url("/assets/njtc-logo.png");
      background-size: 51px 30px; }
      @media screen and (min-width: 1024px) {
        .award__logo--njtc {
          background-size: 102px 59px; } }
    .award__logo--srs {
      background-image: url("/assets/srs-logo.png");
      background-size: 51px 30px; }
      @media screen and (min-width: 1024px) {
        .award__logo--srs {
          background-size: 87px 57px; } }
    .award__logo--mit-ef {
      background-image: url("/assets/mit-ef-logo.png");
      background-size: 45px 29px; }
      @media screen and (min-width: 1024px) {
        .award__logo--mit-ef {
          background-size: 89px 58px; } }
    .award__logo--ttn {
      background-image: url("/assets/43N-logo.png");
      background-size: 52px 19px; }
      @media screen and (min-width: 1024px) {
        .award__logo--ttn {
          background-size: 104px 38px; } }
    .award__logo--ny-ftl {
      background-image: url("/assets/ny-ftl-logo.png");
      background-size: 59px 16px; }
      @media screen and (min-width: 1024px) {
        .award__logo--ny-ftl {
          background-size: 107px 32px; } }
    .award__logo--techday {
      background-image: url("/assets/techday-logo.png");
      background-size: 29px; }
      @media screen and (min-width: 1024px) {
        .award__logo--techday {
          background-size: 57px; } }
  .award__description {
    font-family: "AvenirNext";
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #666; }
    @media screen and (min-width: 1024px) {
      .award__description {
        font-family: "AvenirNext";
        font-size: 1.4rem;
        font-weight: 400; } }

.button, .winequity-contest__button, .winequity-login__button {
  font-family: "AvenirNext";
  font-size: 1.2rem;
  font-weight: 600;
  display: inline-block;
  padding: 0 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  border: 2px solid #ff5f42;
  border-radius: 16px;
  white-space: nowrap;
  color: #ff5f42;
  background-color: transparent;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
  -webkit-appearance: none; }
  @media screen and (min-width: 1024px) {
    .button, .winequity-contest__button, .winequity-login__button {
      font-family: "AvenirNext";
      font-size: 1.4rem;
      font-weight: 600;
      padding: 0 24px;
      line-height: 32px; } }
  .button:hover, .winequity-contest__button:hover, .winequity-login__button:hover {
    color: #fff;
    background-color: #ff5f42; }
  .button:disabled, .winequity-contest__button:disabled, .winequity-login__button:disabled {
    border-color: #808080;
    color: #808080;
    background-color: #fff; }
  .button--secondary {
    font-weight: 700;
    border: 0;
    color: #fff;
    background-color: #ff5f42; }
  .button--large {
    line-height: 48px;
    border-radius: 24px; }
  .button--wide {
    padding-right: 56px;
    padding-left: 56px; }
  .button--app-button {
    width: 107px;
    height: 32px;
    margin: 0 20px;
    background-repeat: no-repeat;
    background-size: 100%; }
    @media screen and (min-width: 1024px) {
      .button--app-button {
        width: 135px;
        height: 40px; } }
  .button--app-apple {
    background-image: url("/assets/apple.png"); }
  .button--app-google {
    background-image: url("/assets/google.png"); }

.pills {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -8px -8px 16px -8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 1023px) {
    .pills--desktop-only {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .pills--mobile-only {
      display: none; } }
  .pills__pill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

.image-container {
  max-width: 504px;
  max-height: 504px;
  width: 100%;
  margin: auto;
  padding: 24px 40px; }
  @media screen and (min-width: 1024px) {
    .image-container {
      padding: 32px;
      border: 1px solid #ebebeb; } }
  .image-container__image {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.list {
  width: 100%;
  margin-top: 0;
  margin-bottom: 24px;
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 1024px) {
    .list {
      border-top: 1px solid #ebebeb; } }
  .list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb; }
    @media screen and (min-width: 1024px) {
      .list__item {
        padding: 16px; } }
    .list__item--highlighted {
      color: #fff;
      background-color: #00a0fc; }
      @media screen and (max-width: 1023px) {
        .list__item--highlighted {
          margin: 0 -16px;
          padding: 16px; } }

.comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .comment__image {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    background: url("/assets/avatar-placeholder.jpg") center no-repeat;
    background-size: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .comment__details {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 400;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
    .comment__details--large {
      font-family: "AvenirNext";
      font-size: 2rem;
      font-weight: 600;
      color: #333; }
  .comment__author {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 600;
    color: #ff5f42; }
  .comment__content {
    color: #666; }

.offer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .offer__price {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .offer__merchant {
    font-family: "AvenirNext";
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 24px;
    color: #808080;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (min-width: 1024px) {
      .offer__merchant {
        font-family: "AvenirNext";
        font-size: 1.4rem;
        font-weight: 500; } }

.banner {
  position: relative;
  padding: 24px 0; }
  @media screen and (min-width: 1024px) {
    .banner {
      padding: 80px 0 80px 304px; } }
  .banner__phone-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("/assets/phone.png") no-repeat;
    background-position: bottom center;
    background-size: 226px 194px; }
    @media screen and (min-width: 1024px) {
      .banner__phone-image {
        background-position: bottom left;
        background-size: 426px 366px; } }
  .banner__text {
    font-family: "Brown";
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0 24px;
    line-height: 32px;
    text-align: center;
    color: #fff; }
    @media screen and (min-width: 1024px) {
      .banner__text {
        font-size: 2.4rem;
        line-height: 48px; } }
    .banner__text--large {
      font-size: 2.4rem;
      line-height: 28px; }
      @media screen and (min-width: 1024px) {
        .banner__text--large {
          font-size: 4.8rem;
          line-height: 56px; } }
  .banner__app-buttons {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    padding-top: 144px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 1024px) {
      .banner__app-buttons {
        padding-top: 64px; } }

.static-banner {
  width: 100%;
  margin: 24px 0; }
  @media screen and (max-width: 1023px) {
    .static-banner {
      display: none; } }

.link {
  font-family: "AvenirNext";
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  color: inherit; }
  .link--orange {
    color: #ff5f42; }
  .link--white {
    color: #fff; }

.dialog {
  overflow: hidden;
  max-width: 400px;
  margin: auto;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 19px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 19px rgba(0, 0, 0, 0.2); }
  .dialog__header {
    font-family: "Brown";
    font-size: 3.6rem;
    font-weight: 700;
    padding: 24px;
    line-height: 1;
    color: #fff;
    background-color: #00a0fc; }
  .dialog__content {
    font-family: "Brown";
    font-size: 1.4rem;
    font-weight: 400;
    padding: 32px 40px;
    color: #333; }
  .dialog__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.navigation {
  margin: 0 -24px; }
  @media screen and (max-width: 1023px) {
    .navigation {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 100%;
      left: 0;
      overflow: hidden;
      max-height: 300px;
      margin: 0;
      background-color: #333;
      -webkit-transition: bottom 500ms;
      -o-transition: bottom 500ms;
      transition: bottom 500ms;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .navigation--active {
        bottom: 0; } }
  .navigation__element {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff; }
    @media screen and (max-width: 1023px) {
      .navigation__element {
        margin: 16px; } }
  .navigation__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.showcase {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1504px;
  margin: auto;
  padding-top: 32px;
  padding-bottom: 88px;
  text-align: center;
  color: #333; }
  @media screen and (max-width: 1023px) {
    .showcase {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .showcase--white {
    color: #fff; }
  .showcase__column {
    margin: 0 16px; }
    @media screen and (min-width: 1024px) {
      .showcase__column {
        margin: 0 64px; } }
    .showcase__column--equal {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .showcase__image {
    height: 160px;
    margin: 32px;
    background-repeat: no-repeat;
    background-position: center; }
  .showcase__title {
    font-family: "AvenirNext";
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 24px; }
  .showcase__caption {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 300; }

.comparison-table {
  max-width: 1176px; }
  .comparison-table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    border-bottom: solid 1px #ebebeb;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .comparison-table__row {
        height: 48px; } }
    @media screen and (max-width: 599px) {
      .comparison-table__row {
        height: auto;
        min-height: 48px;
        padding: 4px 0;
        border-bottom: 0; } }
    .comparison-table__row--header {
      border-top: solid 1px #ebebeb; }
      @media screen and (max-width: 599px) {
        .comparison-table__row--header {
          display: none; } }
  .comparison-table__caption {
    padding-right: 16px;
    padding-left: 16px;
    font-weight: 700;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    @media screen and (min-width: 1024px) {
      .comparison-table__caption {
        padding-right: 32px;
        padding-left: 32px; } }
    @media screen and (max-width: 599px) {
      .comparison-table__caption:first-child {
        margin-left: 18px; } }
    .comparison-table__caption--highlighted {
      text-transform: uppercase;
      color: #ff5f42; }
  .comparison-table__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 92px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      .comparison-table__icon {
        width: 64px; } }
    @media screen and (max-width: 599px) {
      .comparison-table__icon {
        width: 18px; } }
    @media screen and (min-width: 600px) {
      .comparison-table__icon:first-child {
        display: none; } }
    @media screen and (max-width: 599px) {
      .comparison-table__icon:not(:first-child) {
        display: none; } }

.campaign-promo {
  max-width: 872px;
  margin: auto;
  padding: 72px 16px 0;
  color: #333;
  text-align: center; }
  .campaign-promo__caption {
    margin: 64px 0; }

.campaign-enter-to-win {
  max-width: 1664px;
  margin: auto;
  padding: 32px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #333; }
  @media screen and (min-width: 1024px) {
    .campaign-enter-to-win {
      padding: 64px 96px; } }
  .campaign-enter-to-win__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 80px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .campaign-enter-to-win__row {
        max-width: 560px;
        margin: auto;
        padding-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media screen and (min-width: 1024px) {
      .campaign-enter-to-win__row--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  .campaign-enter-to-win__screenshot {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    @media screen and (min-width: 1024px) {
      .campaign-enter-to-win__screenshot {
        width: auto;
        margin: 0 64px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
    .campaign-enter-to-win__screenshot--leaderboard {
      background-image: url("/assets/leaderboard.jpg"); }
    .campaign-enter-to-win__screenshot--sharing {
      background-image: url("/assets/legs.jpg"); }
    .campaign-enter-to-win__screenshot::before {
      display: block;
      padding-top: 63%;
      content: ''; }
  .campaign-enter-to-win__description {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    @media screen and (min-width: 1024px) {
      .campaign-enter-to-win__description {
        margin: 0 64px;
        text-align: left; } }
  .campaign-enter-to-win__title {
    font-family: "AvenirNext";
    font-size: 1.7rem;
    font-weight: 700;
    margin: 16px 0; }
    @media screen and (min-width: 1024px) {
      .campaign-enter-to-win__title {
        margin: 0 0 24px;
        font-family: "AvenirNext";
        font-size: 3.2rem;
        font-weight: 700; } }
  .campaign-enter-to-win__caption {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 300; }
    @media screen and (min-width: 1024px) {
      .campaign-enter-to-win__caption {
        font-family: "AvenirNext";
        font-size: 1.8rem;
        font-weight: 300; } }

.campaign-retailers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .campaign-retailers__logo {
    height: 64px;
    margin: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .campaign-retailers__logo--macys {
      width: 148px;
      background-image: url("/assets/macys.png"); }
    .campaign-retailers__logo--walmart {
      width: 153px;
      background-image: url("/assets/walmart.png"); }
    .campaign-retailers__logo--bestbuy {
      width: 92px;
      background-image: url("/assets/bestbuy.png"); }
    .campaign-retailers__logo--uniqlo {
      width: 143px;
      background-image: url("/assets/uniqlo.png"); }
    .campaign-retailers__logo--amazon {
      width: 153px;
      background-image: url("/assets/amazon.png"); }
    .campaign-retailers__logo--forever21 {
      width: 153px;
      background-image: url("/assets/forever21.png"); }
    .campaign-retailers__logo--bloomingdales {
      width: 153px;
      background-image: url("/assets/bloomingdales.png"); }

.campaign-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 704px;
  max-height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .campaign-header--fullscreen {
    height: auto;
    min-height: 100vh;
    max-height: unset; }
  .campaign-header__background-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; }
  .campaign-header__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center; }
    .campaign-header__background--boat {
      background: url("/assets/background_campaign.jpg") center no-repeat;
      background-size: cover; }
      @media screen and (max-width: 1023px) {
        .campaign-header__background--boat {
          background-position-x: 10%; } }
    .campaign-header__background--clothes {
      background: url("/assets/banner-mobile.png") center no-repeat;
      background-size: cover; }
    .campaign-header__background--shopping {
      background: url("/assets/shopping.jpg") center no-repeat;
      background-size: cover; }
      @media screen and (max-width: 1023px) {
        .campaign-header__background--shopping {
          background-position-x: 70%; } }
  .campaign-header__content {
    position: relative;
    width: 100%; }

.campaign-section {
  padding: 32px 16px; }
  @media screen and (min-width: 1024px) {
    .campaign-section {
      padding: 80px 0; } }
  .campaign-section__header {
    margin-bottom: 32px; }
    @media screen and (min-width: 1024px) {
      .campaign-section__header {
        margin-bottom: 80px; } }

.campaign-apps-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  padding: 72px 32px 0;
  text-align: center;
  color: #fff;
  background-image: url("/assets/concert.png");
  background-position: center;
  background-size: cover;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .campaign-apps-banner {
      height: auto;
      margin-top: 40px;
      padding-top: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .campaign-apps-banner__column {
    position: relative; }
    .campaign-apps-banner__column--side {
      width: 357px;
      margin-top: -80px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      @media screen and (max-width: 1023px) {
        .campaign-apps-banner__column--side {
          width: auto;
          margin-top: 40px; } }
    .campaign-apps-banner__column--center {
      width: 100%;
      max-width: 896px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .campaign-apps-banner__header {
    font-family: "Brown";
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0; }
    @media screen and (min-width: 1024px) {
      .campaign-apps-banner__header {
        font-family: "Brown";
        font-size: 4.8rem;
        font-weight: 700;
        line-height: 56px; } }
  .campaign-apps-banner__caption {
    font-family: "Brown";
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 16px; }
    @media screen and (min-width: 1024px) {
      .campaign-apps-banner__caption {
        font-family: "Brown";
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 32px; } }
  .campaign-apps-banner__phone {
    width: 357px;
    height: 503px;
    position: absolute;
    bottom: 0;
    background-image: url("/assets/iphone-x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    @media screen and (max-width: 1023px) {
      .campaign-apps-banner__phone {
        display: none; } }
  .campaign-apps-banner__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0 64px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.subscribe-banner {
  background-color: #ff5f42; }
  .subscribe-banner__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      .subscribe-banner__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .subscribe-banner__message {
    font-family: "Brown";
    font-size: 2.4rem;
    font-weight: 700;
    margin-right: 64px;
    color: #fff; }
    @media screen and (max-width: 1023px) {
      .subscribe-banner__message {
        font-family: "Brown";
        font-size: 2rem;
        font-weight: 700;
        margin-right: 0;
        margin-bottom: 16px; } }
  .subscribe-banner__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .subscribe-banner__form {
        max-width: 480px; } }
  .subscribe-banner__email-input {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 400;
    width: 0;
    height: 48px;
    padding-right: 24px;
    padding-left: 24px;
    border: 0;
    border-radius: 24px 0 0 24px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .subscribe-banner__email-input::-webkit-input-placeholder {
      color: #808080; }
    .subscribe-banner__email-input:-ms-input-placeholder {
      color: #808080; }
    .subscribe-banner__email-input::-ms-input-placeholder {
      color: #808080; }
    .subscribe-banner__email-input::placeholder {
      color: #808080; }
  .subscribe-banner__button {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 700;
    height: 48px;
    padding-right: 24px;
    padding-left: 24px;
    border: 0;
    border-radius: 0 24px 24px 0;
    color: #fff;
    background-color: #333;
    cursor: pointer;
    -webkit-appearance: none; }
  .subscribe-banner__error {
    font-family: "AvenirNext";
    font-size: 1.2rem;
    font-weight: 400;
    display: block;
    padding: 8px;
    text-align: center;
    color: #fff;
    background-color: #cc3b3b; }

.subscribe-popup {
  padding-bottom: 24px;
  text-align: center; }
  .subscribe-popup__content {
    font-family: "Brown";
    font-size: 1.4rem;
    font-weight: 400;
    padding: 32px 40px;
    text-align: left;
    color: #333; }

.homepage-header {
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Brown";
  font-size: 1.8rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1104px;
  margin: auto;
  text-align: center;
  color: #fff; }
  @media screen and (min-width: 1024px) {
    .homepage-header {
      padding-right: 32px;
      padding-left: 32px; } }
  .homepage-header__app {
    width: 315px;
    height: 550px;
    position: relative;
    background-image: url("/assets/app.png");
    background-size: contain;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (max-width: 1023px) {
      .homepage-header__app {
        display: none; } }
  .homepage-header__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .homepage-header__title {
    font-family: "Brown";
    font-size: 3rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 24px; }
    @media screen and (min-width: 1024px) {
      .homepage-header__title {
        font-family: "Brown";
        font-size: 5.4rem;
        font-weight: 700;
        margin-top: 56px; } }
  .homepage-header__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      .homepage-header__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
  .homepage-header__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px;
    padding: 0 20px;
    text-decoration: none;
    border-radius: 46px;
    color: #fff;
    background: #ff8868 -webkit-gradient(linear, left top, left bottom, from(#ff8868), to(#ff5f42));
    background: #ff8868 -webkit-linear-gradient(top, #ff8868 0%, #ff5f42 100%);
    background: #ff8868 -o-linear-gradient(top, #ff8868 0%, #ff5f42 100%);
    background: #ff8868 linear-gradient(to bottom, #ff8868 0%, #ff5f42 100%);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .homepage-header__button {
        width: 216px; } }
  .homepage-header__icon {
    float: left;
    width: 44px;
    margin-right: 2px;
    vertical-align: middle; }

.homepage-showcase {
  margin: 48px 0;
  text-align: center; }
  .homepage-showcase__image {
    max-width: 100%;
    height: 232px;
    margin: 32px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .homepage-showcase__image--tag {
      background-image: url("/assets/hashtag.png"); }
    .homepage-showcase__image--sneakers {
      background-image: url("/assets/obyo.png"); }
    .homepage-showcase__image--nat {
      background-image: url("/assets/nat.png"); }
  .homepage-showcase__header {
    font-family: "Brown";
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 0; }
    @media screen and (min-width: 1024px) {
      .homepage-showcase__header {
        margin-top: 104px; } }
  .homepage-showcase__caption {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 32px;
    line-height: 29px;
    color: #666; }
    @media screen and (min-width: 1024px) {
      .homepage-showcase__caption {
        margin-bottom: 104px; } }

.homepage-awards {
  padding: 56px 16px 72px;
  background-color: #ebebeb; }

.leaderboard {
  width: 100%;
  max-width: 1180px;
  margin: 0;
  padding: 0;
  list-style: none; }
  .leaderboard__item {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 72px;
    border-top: 1px solid #ebebeb;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 1024px) {
      .leaderboard__item {
        font-family: "AvenirNext";
        font-size: 1.6rem;
        font-weight: 700;
        height: 80px; } }
    .leaderboard__item:last-child {
      border-bottom: 1px solid #ebebeb; }
    .leaderboard__item--highlighted {
      color: #ff5f42; }
  .leaderboard__place {
    display: none; }
  .leaderboard__image {
    padding: 0 8px;
    width: 66px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (min-width: 1024px) {
      .leaderboard__image {
        width: 80px; } }
    @media screen and (min-width: 1024px) {
      .leaderboard__image {
        padding: 0 15px; } }
  .leaderboard__username {
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    @media screen and (min-width: 1024px) {
      .leaderboard__username {
        padding: 0 15px; } }
  .leaderboard__points {
    padding: 0 8px;
    width: 80px;
    text-align: right;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (min-width: 1024px) {
      .leaderboard__points {
        width: 100px; } }
    @media screen and (min-width: 1024px) {
      .leaderboard__points {
        padding: 0 15px; } }

.campaign-rules {
  padding: 80px 0;
  overflow: auto;
  background-image: url("/assets/rules-background.jpg");
  background-size: cover;
  background-position: center; }
  .campaign-rules__header {
    font-family: "Brown";
    font-size: 4.8rem;
    font-weight: 700;
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 80px;
    text-align: center;
    color: #fff; }
    @media screen and (min-width: 1024px) {
      .campaign-rules__header {
        margin-right: 32px;
        margin-left: 32px; } }
  .campaign-rules__body {
    font-family: "AvenirNext";
    font-size: 1.8rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1104px;
    margin: auto;
    color: #fff; }
  .campaign-rules__steps {
    margin: 0;
    padding: 16px 32px;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .campaign-rules__step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .campaign-rules__step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; } }
  .campaign-rules__icon {
    width: 128px;
    height: 111px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media screen and (min-width: 1024px) {
      .campaign-rules__icon {
        margin-right: 64px; } }
    @media screen and (max-width: 1023px) {
      .campaign-rules__icon {
        margin: 16px 0; } }
    .campaign-rules__icon--first {
      background-image: url("/assets/campaign-rules-step-1.png"); }
    .campaign-rules__icon--second {
      background-image: url("/assets/campaign-rules-step-2.png"); }
    .campaign-rules__icon--third {
      background-image: url("/assets/campaign-rules-step-3.png"); }
  .campaign-rules__prizes-table {
    width: 400px;
    padding: 32px;
    background-color: rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 1023px) {
      .campaign-rules__prizes-table {
        margin: auto;
        width: auto;
        max-width: 400px; } }
  .campaign-rules__prizes-cell {
    min-width: 112px;
    padding-top: 24px;
    vertical-align: top; }
  .campaign-rules__win {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 48px; }
    @media screen and (max-width: 1023px) {
      .campaign-rules__win {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; } }
  .campaign-rules__cup {
    width: 53px;
    height: 64px;
    margin-right: 80px;
    margin-left: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url("/assets/cup.png"); }
    @media screen and (max-width: 1023px) {
      .campaign-rules__cup {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px; } }

.influencers-header {
  padding-right: 16px;
  padding-left: 16px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto; }
  @media screen and (min-width: 1024px) {
    .influencers-header {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (min-width: 1024px) {
    .influencers-header {
      max-width: 1440px;
      padding: 0; } }
  .influencers-header__phone {
    width: 378px;
    height: 637px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background-image: url("/assets/iphone-x-vertical.png"); }
    @media screen and (max-width: 1023px) {
      .influencers-header__phone {
        display: none; } }
  .influencers-header__text {
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .influencers-header__text {
        max-width: 632px;
        margin-left: 410px;
        text-align: left; } }

.influencers-caption {
  font-family: "AvenirNext";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 28px;
  color: #333; }
  @media screen and (max-width: 1023px) {
    .influencers-caption {
      font-family: "AvenirNext";
      font-size: 1.6rem;
      font-weight: 400;
      text-align: center; } }
  .influencers-caption__title {
    font-family: "Brown";
    font-size: 4.8rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 32px;
    line-height: 1.17; }
    @media screen and (max-width: 1023px) {
      .influencers-caption__title {
        font-family: "Brown";
        font-size: 3.6rem;
        font-weight: 700; } }

.influencers-monetize {
  padding-right: 16px;
  padding-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  margin-top: 176px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 1024px) {
    .influencers-monetize {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (max-width: 1023px) {
    .influencers-monetize {
      margin-top: 32px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .influencers-monetize__description {
    max-width: 424px;
    margin-bottom: 32px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    @media screen and (min-width: 1024px) {
      .influencers-monetize__description {
        margin-right: 32px; } }
  .influencers-monetize__overview {
    padding-top: 176px;
    background-image: url("/assets/influencer-nat.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 204px; }
    @media screen and (min-width: 1024px) {
      .influencers-monetize__overview {
        padding-top: 60px;
        padding-left: 152px;
        background-position: top left;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; } }

.influencers-comparison {
  padding-right: 16px;
  padding-left: 16px; }
  @media screen and (min-width: 1024px) {
    .influencers-comparison {
      padding-right: 32px;
      padding-left: 32px; } }
  .influencers-comparison__description {
    max-width: 800px;
    margin-top: 80px;
    margin-bottom: 64px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: left;
    -ms-flex-item-align: left;
    align-self: left; }
    @media screen and (max-width: 1023px) {
      .influencers-comparison__description {
        margin-top: 48px;
        margin-bottom: 32px;
        -webkit-align-self: unset;
        -ms-flex-item-align: unset;
        align-self: unset; } }

.influencers-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 1023px) {
    .influencers-steps {
      text-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .influencers-steps__step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .influencers-steps__arrow {
    margin: 40px 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
    @media screen and (max-width: 1023px) {
      .influencers-steps__arrow {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); } }
  .influencers-steps__text {
    font-family: "AvenirNext";
    font-size: 1.8rem;
    font-weight: 700;
    max-width: 224px;
    margin: auto;
    color: #333; }
    .influencers-steps__text--secondary {
      color: #666; }
  .influencers-steps__image {
    max-width: 100%;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.influencers-video {
  padding-right: 16px;
  padding-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  margin: 120px auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 1024px) {
    .influencers-video {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (max-width: 1023px) {
    .influencers-video {
      margin-top: 32px;
      margin-bottom: 32px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .influencers-video__column {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    @media screen and (min-width: 1024px) {
      .influencers-video__column--video {
        width: 992px;
        margin-right: 112px; } }
    .influencers-video__column--caption {
      margin-top: 32px; }
      @media screen and (min-width: 1024px) {
        .influencers-video__column--caption {
          width: 560px;
          margin-top: 0; } }
  .influencers-video__video-wrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%; }
  .influencers-video__video-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.influencers-equity {
  color: #fff;
  background-image: url("/assets/happy-shopping.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 1023px) {
    .influencers-equity {
      background-position-x: 70%; } }
  .influencers-equity__container {
    padding-right: 16px;
    padding-left: 16px;
    max-width: 1440px;
    margin: auto;
    padding-top: 96px;
    padding-bottom: 96px; }
    @media screen and (min-width: 1024px) {
      .influencers-equity__container {
        padding-right: 32px;
        padding-left: 32px; } }
  .influencers-equity__title {
    font-family: "Brown";
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0; }
    @media screen and (min-width: 1024px) {
      .influencers-equity__title {
        font-family: "Brown";
        font-size: 4.8rem;
        font-weight: 700; } }
    .influencers-equity__title--primary {
      font-family: "Brown";
      font-size: 4.6rem;
      font-weight: 700; }
      @media screen and (min-width: 1024px) {
        .influencers-equity__title--primary {
          font-family: "Brown";
          font-size: 12.8rem;
          font-weight: 700; } }
  .influencers-equity__date {
    font-family: "AvenirNext";
    font-size: 2.2rem;
    font-weight: 500;
    display: inline-block;
    margin: 48px 0;
    padding: 16px;
    color: #ff5f42;
    background-color: #333; }
    @media screen and (min-width: 1024px) {
      .influencers-equity__date {
        font-family: "AvenirNext";
        font-size: 2.4rem;
        font-weight: 500; } }
  .influencers-equity__caption {
    font-family: "AvenirNext";
    font-size: 1.4rem;
    font-weight: 300;
    max-width: 776px;
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .influencers-equity__caption {
        font-family: "AvenirNext";
        font-size: 2.4rem;
        font-weight: 300;
        text-align: left; } }
    .influencers-equity__caption--primary {
      font-family: "AvenirNext";
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 32px; }
      @media screen and (min-width: 1024px) {
        .influencers-equity__caption--primary {
          font-family: "AvenirNext";
          font-size: 3.2rem;
          font-weight: 700; } }
  .influencers-equity__link {
    text-align: center; }
  .influencers-equity__deadline {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 24px;
    text-align: center; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 24px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 48px;
  perspective: 48px; }

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(4.8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-4.8px, -6px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-4.8px, -6px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-4.8px, 6px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-4.8px, 6px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(4.8px, -6px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(4.8px, -6px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(4.8px, 6px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(4.8px, 6px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -o-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -o-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
  transform: translate3d(0, -8px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
  -o-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    -o-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
  transform: translate3d(0, 8px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    -webkit-transition-delay: 0.075s;
    -o-transition-delay: 0.075s;
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
  -o-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    -o-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
    transform: translate3d(0, -16px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
    -o-transition-delay: 0.075s;
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    -o-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -48px;
      top: -48px;
      -webkit-transform: translate3d(48px, 48px, 0) rotate(45deg);
      transform: translate3d(48px, 48px, 0) rotate(45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -48px;
      top: -48px;
      -webkit-transform: translate3d(-48px, 48px, 0) rotate(-45deg);
      transform: translate3d(-48px, 48px, 0) rotate(-45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    -o-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -48px;
      top: 48px;
      -webkit-transform: translate3d(48px, -48px, 0) rotate(-45deg);
      transform: translate3d(48px, -48px, 0) rotate(-45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -48px;
      top: 48px;
      -webkit-transform: translate3d(-48px, -48px, 0) rotate(45deg);
      transform: translate3d(-48px, -48px, 0) rotate(45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  -o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 16px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-3.42857px, -5px, 0);
    transform: rotate(-45deg) translate3d(-3.42857px, -5px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
    transform: translate3d(0, -16px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 16px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
  transform: translate3d(0, 8px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(3.42857px, -5px, 0);
    transform: rotate(45deg) translate3d(3.42857px, -5px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
    transform: translate3d(0, -16px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -o-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -o-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  -webkit-transition: background-color 0s 0.13s linear;
  -o-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 8px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
    transform: translate3d(0, 8px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  -ms-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  -ms-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.hamburger {
  z-index: 10;
  height: 19px; }
  @media screen and (min-width: 1024px) {
    .hamburger {
      display: none; } }

.winequity-contest-placeholder {
  min-height: 320px; }
  @media screen and (min-width: 1024px) {
    .winequity-contest-placeholder {
      min-height: 430px; } }

.winequity-contest__container {
  padding-bottom: 32px; }
  @media screen and (min-width: 1024px) {
    .winequity-contest__container {
      padding-bottom: 56px; } }
  .winequity-contest__container:first-child {
    padding-top: 32px; }
    @media screen and (min-width: 1024px) {
      .winequity-contest__container:first-child {
        padding-top: 56px; } }
  .winequity-contest__container--top-border {
    padding-top: 32px;
    border-top: 1px solid #ebebeb; }
    @media screen and (min-width: 1024px) {
      .winequity-contest__container--top-border {
        padding-top: 48px; } }

.winequity-contest__button {
  margin-bottom: 16px;
  text-transform: uppercase; }
  .winequity-contest__button--facebook {
    border-color: #4469b0;
    color: #fff;
    background-color: #4469b0;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    cursor: pointer; }
    .winequity-contest__button--facebook:hover {
      color: #fff;
      background-color: #4469b0; }
  .winequity-contest__button--margin-top {
    margin-top: 32px; }

.winequity-contest__leaderboard {
  padding-bottom: 32px;
  padding-top: 32px; }
  @media screen and (min-width: 1024px) {
    .winequity-contest__leaderboard {
      padding-bottom: 56px; } }
  @media screen and (min-width: 1024px) {
    .winequity-contest__leaderboard {
      padding-top: 56px; } }

.winequity-contest__share-link-caption {
  margin-top: 16px; }

.winequity-contest__share-link {
  margin-top: 40px; }

.winequity-login {
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .winequity-login {
      min-height: 208px; } }
  @media screen and (min-width: 1024px) {
    .winequity-login {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (min-width: 1024px) {
    .winequity-login {
      padding-top: 32px;
      padding-bottom: 32px; } }
  .winequity-login__button {
    width: 160px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
    @media screen and (min-width: 1024px) {
      .winequity-login__button {
        width: 224px; } }
  .winequity-login__section {
    margin-top: 16px; }
    @media screen and (min-width: 1024px) {
      .winequity-login__section {
        margin-top: 24px; } }
    .winequity-login__section--flex-horizontal {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }

.winequity-username-at-sign-container {
  position: relative; }
  .winequity-username-at-sign-container__at-sign {
    font-family: "AvenirNext";
    font-size: 1.6rem;
    font-weight: 700;
    position: absolute;
    top: 14px;
    left: 14px;
    color: #ff5f42; }