/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  background-attachment: fixed;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-blue {
  background-color: #002137;
}

.bg-light-blue {
  background-color: #eff6f7;
}

.bg-grey {
  background-color: #DADADA;
}

#social li a {
  color: #002137 !important;
}

.hero-arrow {
  display: none;
  width: 100%;
  text-align: center;
  bottom: 0;
  z-index: 5;
  font-size: 1.5rem;
}

.underline {
  text-decoration: underline !important;
}

.color-green {
  color: #8fc741;
}

.color-grey {
  color: #DADADA;
}

.text-dark-grey {
  color: #cacaca;
}

.border-grey {
  border: #DADADA solid 1px;
}

.color-blue {
  color: #002137;
}

.hidden-mobile {
  display: none;
}

figure {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.responsive {
  max-width: 100%;
  height: auto;
}

.container {
  max-width: 90%;
  margin: 0 auto;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 50%;
}

.flex {
  display: flex;
}

.flex-narrow {
  flex: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.no-margin {
  margin: 0;
}

.button {
  color: white !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 26px !important;
  padding: 15px 32px !important;
  line-height: 65px !important;
}

.button-hero {
  color: white;
  width: 198px;
  height: 56px;
  border-radius: 50px;
  font-size: 26px;
}

input:focus, textarea:focus, select:focus, .slick-slide:focus {
  outline: none !important;
}

.button:hover {
  background-color: #90de24;
}

.bg-green {
  background-color: #8fc741 !important;
}

.bg-white {
  background-color: #fff;
}

.border-radius {
  border-radius: 7px;
}

.border-radius-top {
  border-radius: 7px 7px 0 0;
}

.bg-blue {
  background-color: #002137;
}

main {
  overflow: hidden;
}

.flex-vertical-align {
  display: flex;
  flex-direction: column;
  align-self: center;
}

.final-cta {
  height: 850px !important;
}
.final-cta .button-wrapper {
  text-align: center;
}

figure.image-final-cta {
  position: absolute;
  top: 6rem;
  right: 0rem;
  margin-right: 30px;
}

.col-rev-mobile {
  flex-direction: column-reverse;
}

.parallax-w {
  justify-content: center;
  width: 100vw;
}

.parallax-s {
  bottom: -18rem;
}

.modal-2021 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #000000c4;
  height: 100vh;
  width: 100vw;
  z-index: 99;
  overflow: hidden;
}

.display-none {
  display: none;
}

.video-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: 100%;
}
.video-container video {
  position: relative;
  z-index: 99999;
}

.video-container video {
  width: 100%;
}

.flex-reverse-mobile {
  display: flex;
  flex-direction: column-reverse;
}

@-webkit-keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
figure.registration {
  max-width: 350px;
  width: 100%;
}

@media (min-width: 768px) {
  .eighty {
    width: 80% !important;
  }

  .hero-arrow {
    display: block;
  }

  .video-container {
    width: 900px;
    max-width: 100%;
  }

  .flex-reverse-mobile {
    display: flex;
    flex-direction: row;
  }

  .parallax-s {
    bottom: -29rem;
  }

  .col-rev-mobile {
    flex-direction: column;
  }

  .hidden-mobile {
    display: block;
  }

  .hidden-desktop {
    display: none;
  }

  .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }

  .button {
    width: 248px;
    height: 64px;
  }

  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }

  .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

  .mw-70 {
    max-width: 70%;
    margin: 0 auto;
  }

  figure.image-final-cta {
    position: absolute;
    top: -8rem;
    right: 0rem;
  }

  .final-cta {
    height: 450px !important;
  }
  .final-cta .button-wrapper {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .video-container {
    width: 1200px;
    max-width: 100%;
  }
}
@font-face {
  font-family: "Galano";
  src: url("../dist/font/Rene-Bieder---Galano-Grotesque-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Galano";
  src: url("../dist/font/Rene-Bieder---Galano-Grotesque-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Galano";
  src: url("../dist/font/Rene-Bieder---Galano-Grotesque-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Galano";
  src: url("../dist/font/Rene-Bieder---Galano-Grotesque-Heavy.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
* {
  font-family: "Galano";
}

a {
  text-decoration: none;
}

.h1-home {
  font-size: 52px;
  line-height: 51px;
  letter-spacing: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
  color: #707070 !important;
}

.h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
  letter-spacing: 0;
  margin: 0;
}

.h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
}

.h3 {
  font-size: 27px;
  line-height: 27px;
}

.h4 {
  font-size: 20px;
  line-height: 1.7rem;
}

.h5 {
  font-size: 16px;
  line-height: 24px;
}

.h6 {
  font-size: 16px;
  line-height: 24px;
}

.h7 {
  font-size: 12px;
  line-height: 24px;
}

.textGrey {
  color: #cacaca;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

p {
  margin: 0;
}

.par-hero {
  font-size: 20px;
  line-height: 32px;
}

.par1 {
  font-size: 20px;
  line-height: 32px;
}

.par2 {
  font-size: 16px;
  line-height: 24px;
}

.par3 {
  font-size: 16px;
  line-height: 24px;
}

.par4 {
  font-size: 20px;
  line-height: 32px;
}

.par-hero-home {
  font-size: 16px;
  line-height: 20px;
}

.text-white {
  color: white;
}

.uppercase {
  text-transform: uppercase;
}

.small-title {
  font-size: 1.1rem;
  text-transform: uppercase;
  line-height: 2rem;
  font-weight: 500;
}

.small-text {
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: initial;
}

.textSmall {
  color: #002137;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.legal {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #707070;
  text-align: center;
  max-width: 345px;
  margin: 0 auto;
}

.text-centered {
  text-align: center;
}

.text-left-aligned {
  text-align: left;
}

.text-right {
  text-align: right;
}

.bold {
  font-weight: 600 !important;
}

@media (min-width: 1200px) {
  .h1-home {
    font-size: 84px;
    line-height: 93px;
    letter-spacing: 0;
    margin: 0;
  }

  .h1 {
    font-size: 72px;
    line-height: 80px;
  }

  .h2 {
    font-size: 56px;
    line-height: 64px;
  }

  .h5 {
    font-size: 15px;
    line-height: 24px;
  }

  .par-hero {
    font-size: 25px;
    line-height: 32px;
  }

  .par3 {
    font-size: 19px;
    line-height: 24px;
  }

  .par4 {
    font-size: 20px;
    line-height: 32px;
  }

  .par-hero-home {
    font-size: 20px;
    line-height: 32px;
  }
}
.page-template-page-help #helps-grid {
  margin: 1rem auto;
}
.page-template-page-help article {
  margin-bottom: 2rem;
}
.page-template-page-help article ul li {
  margin-bottom: 1rem;
}
.page-template-page-help .wrapper {
  height: 400px;
}
.page-template-page-help .help-card {
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 25px 32px;
  position: relative;
}
.page-template-page-help .help-card-icon {
  position: absolute;
  top: 35px;
  right: 5px;
  margin: 1rem;
}
.page-template-page-help .help-desktop-sidebar {
  font-size: 26px;
  line-height: 64px;
  width: 360px;
  border: #DADADA solid 1px;
  border-radius: 10px;
  padding: 2rem;
}
.page-template-page-help .category-list-sub {
  margin-left: 0px;
  font-size: 22px;
  line-height: 30px;
}
.page-template-page-help .category-list-sub li {
  margin: 2rem 0;
  margin-left: 0rem;
}
@media (min-width: 768px) {
  .page-template-page-help #helps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 30px;
    grid-template-areas: ". . " ". . " ". . ";
  }
  .page-template-page-help .category-list-sub {
    margin-left: 100px;
    font-size: 28px;
    line-height: 38px;
  }
  .page-template-page-help .category-list-sub li {
    margin: 2rem 0;
    margin-left: 4rem;
  }
}
@media (min-width: 1024px) {
  .page-template-page-help #helps-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 30px 30px;
    grid-template-areas: ". . ." ". . ." ". . .";
  }
}

#upperHeader {
  background-color: #002137;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 80px;
}

#lowerHeaderDesktop {
  display: none;
}

#centerUH {
  display: none;
}

#headerLogo {
  width: 220px;
  height: 40px;
}

div#userLogo {
  visibility: hidden;
}

#userLogo select {
  display: none;
}

figure {
  padding: 0;
  margin: 0;
}

#lowerHeaderMobile {
  background-color: #eff6f7;
}

#mainPartnersBannerMobile {
  height: 64px;
  max-width: 340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#user-d, #logo-light {
  display: none;
}

@media (min-width: 768px) {
  #centerUH {
    width: 55%;
  }

  .parallax-w figure {
    width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  #headerLogo {
    width: 19%;
  }
}
@media (min-width: 768px) {
  #menu-desktop ul li {
    color: white !important;
  }

  #user-m, #logo-dark {
    display: none;
  }

  #user-d, #logo-light {
    display: block;
  }

  #lowerHeaderDesktop {
    display: block;
  }

  #userLogo select {
    display: block;
    border: none;
    height: 35px;
  }

  #centerUH {
    display: block;
  }

  #burgerMenu {
    display: none;
  }

  #mainPartnersBannerDesktop {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mainPartnersBannerDesktop figure {
    margin: 0 0.5rem;
  }

  #centerUH select {
    display: block;
    height: 30px;
  }

  div#userLogo {
    display: flex;
    /* justify-content: center; */
    /* align-content: center; */
    align-items: center;
    position: absolute;
    top: 20px;
    right: 0;
  }

  div#lowerHeaderDesktop ul {
    display: flex;
    flex-wrap: wrap;
    color: white;
    text-transform: uppercase;
    align-items: center;
    margin: 0 auto;
  }

  div#lowerHeaderDesktop {
    background-color: #012133;
  }

  div#lowerHeaderDesktop ul li {
    margin-right: 35px;
  }

  div#upperHeader {
    justify-content: center;
    /* padding: 0 30px; */
    background-color: #eef6f7;
    position: relative;
    /* width: 90%; */
    max-width: 1400px;
    margin: 0 auto;
  }

  div#lowerHeaderMobile {
    display: none;
  }

  header {
    background-color: #eef6f7;
  }

  #headerLogo {
    position: absolute;
    top: 20px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #userLogo {
    position: absolute;
    top: 30px;
    right: 0;
  }

  #userLogo select {
    height: 35px;
    width: 64px;
    padding: 0 0.5rem;
    margin-right: 30px;
  }
}
#menu-mobile {
  width: 100vw;
  height: 100%;
  padding-bottom: 30px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: scroll;
  overflow: hover;
  color: white;
  z-index: 9;
}
#menu-mobile figure {
  margin-top: 60px;
  text-align: center;
}
#menu-mobile ul {
  margin-top: 70px;
  margin-left: 32px;
  text-transform: uppercase;
}
#menu-mobile ul li {
  margin-bottom: 32px;
}
#menu-mobile ul li ul {
  margin-top: 32px;
}
#menu-mobile ul li:hover > .submenu-2021 {
  display: block !important;
}
#menu-mobile i.fas.fa-caret-down {
  line-height: 25px;
  width: 30px;
}

.hide-menu {
  display: none;
}

.close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  opacity: 1;
}

.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 25px;
  width: 4px;
  background-color: #fff;
}

.close:before {
  transform: rotate(45deg);
}

.close:after {
  transform: rotate(-45deg);
}

#mobile-menu-button {
  text-align: center;
  margin-top: 11rem;
}

.menu-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17.3px 10px 0 10px;
  border-color: #0a3150 #eff6f7 #eff6f7 #eff6f7;
  position: absolute;
  left: 30px;
}

#menu-desktop ul li:hover, #menu-desktop ul li:hover a {
  color: #8fc741 !important;
}

@media (min-width: 768px) {
  .sub-menu ul {
    padding: 40px 40px;
    border-radius: 7px;
  }
  .sub-menu ul li {
    margin: 20px;
  }

  #menu-mobile {
    display: none;
  }

  #menu-desktop {
    z-index: 9;
  }
  #menu-desktop ul li {
    position: relative;
    line-height: 60px;
  }
  #menu-desktop ul li:hover > .sub-menu {
    display: block;
    width: 90vw;
    max-width: 1300px;
  }
  #menu-desktop ul .sub-menu {
    display: none;
    position: absolute;
    border-radius: 5px;
    z-index: 5;
    top: 100%;
    left: 0;
    padding-top: 0px;
    z-index: 9;
  }
  #menu-desktop ul .sub-menu li {
    align-self: flex-start;
    width: 350px;
  }
  #menu-desktop ul .sub-menu .single-sub-item {
    display: flex;
  }
  #menu-desktop ul .sub-menu .single-sub-item div:first-of-type {
    max-width: 70px;
    margin-right: 30px;
  }
  #menu-desktop ul .sub-menu .single-sub-item div:first-of-type figure img {
    border-radius: 50%;
  }
  #menu-desktop ul .sub-menu .single-sub-item div:last-of-type p:first-of-type {
    margin-top: 20px;
  }
  #menu-desktop ul .sub-menu .single-sub-item div:last-of-type p:last-of-type {
    max-width: 220px;
  }
}
.wrapper {
  display: flex;
  flex-direction: column;
}

.wrapper {
  height: 885px;
  max-height: 850px;
}

#home-play img {
  transform: rotate(320deg);
}

.hero {
  flex-grow: 1;
  position: relative;
  max-height: 900px;
}

.bg-hero {
  background-image: url("../dist/img/remake/front-page/hero@2x.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
}

.home .bg-hero {
  background-position: 50% 100%;
}

#phone-video {
  background-image: url("../dist/img/remake/front-page/phone-video-3.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 270px;
  height: 510px;
  transform: rotate(-45deg);
  right: -9rem;
  position: absolute;
  z-index: 1;
  bottom: -13rem;
}

.hero-text {
  padding-top: 2rem;
}

#polls-hero {
  text-align: center;
}

@media (min-width: 360px) {
  #phone-video {
    width: 301px;
    height: 556px;
    right: -12rem;
    position: absolute;
    z-index: 1;
    bottom: -11rem;
  }
}
@media (min-width: 375px) {
  .wrapper {
    height: 800px;
  }

  #phone-video {
    width: 301px;
    height: 556px;
    right: -11rem;
    bottom: -15rem;
  }
}
@media (min-width: 414px) {
  #phone-video {
    width: 301px;
    height: 556px;
    right: -9rem;
    bottom: -13rem;
  }
}
@media (min-width: 768px) {
  #phone-video {
    width: 351px;
    height: 646px;
    right: -2rem;
    bottom: -14rem;
  }
}
@media (min-width: 768px) {
  #phone-video {
    width: 361px;
    height: 596px;
  }
}
@media (min-width: 768px) {
  .wrapper {
    height: 1040px;
    max-height: 1040px;
  }

  .curvy {
    height: 375px;
    width: 100%;
    background-image: url("../dist/img/remake/front-page/curvy.svg");
    margin-top: -317px;
    position: relative;
    background-size: COVER;
    background-repeat: no-repeat;
    background-position: center;
  }

  .hero-text {
    max-width: 50%;
    padding-top: 3rem;
  }

  #phone-video {
    width: 130%;
    height: 104%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-44deg);
    position: absolute;
    right: -51%;
    bottom: -14rem;
  }

  #polls-hero {
    text-align: left;
  }
}
@media (min-width: 1180px) {
  #phone-video {
    width: 136%;
    height: 129%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-44deg);
    position: absolute;
    right: -51%;
    bottom: -16rem;
  }
}
#introducing > p {
  max-width: 90%;
  margin: 0 auto;
}

#home-token-power article:nth-child(1) {
  background-image: url("../dist/img/remake//front-page/ift-01-m");
}
#home-token-power article:nth-child(2) {
  background-image: url("../dist/img/remake//front-page/ift-02-m");
}
#home-token-power article:nth-child(3) {
  background-image: url("../dist/img/remake//front-page/ift-03-m");
}
#home-token-power article:nth-child(4) {
  background-image: url("../dist/img/remake//front-page/ift-04-m");
}

#home-token-power article main p {
  margin-bottom: 20px;
}

#home-token-power article {
  padding: 20px;
  margin: 20px;
}

article {
  border-radius: 5px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider {
  margin-top: 6rem;
}

.single-slide {
  background-color: red;
  border-radius: 5px;
  padding: 4rem 1rem 0.7rem 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  #home-token-power article:nth-child(1) {
    background-image: url("../dist/img/remake//front-page/ift-01");
  }
  #home-token-power article:nth-child(2) {
    background-image: url("../dist/img/remake//front-page/ift-02");
  }
  #home-token-power article:nth-child(3) {
    background-image: url("../dist/img/remake//front-page/ift-03");
  }
  #home-token-power article:nth-child(4) {
    background-image: url("../dist/img/remake//front-page/ift-04");
  }

  #home-token-power article {
    padding: 230px 0 45px 30px;
  }
  #home-token-power {
    display: flex;
  }
  #home-token-power article {
    width: 25%;
    border-radius: 5px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #home-token-power article header {
    background-color: red;
    height: 165px;
    position: relative;
    z-index: 1;
  }
  #home-token-power article header .circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-image: url("https://via.placeholder.com/150/");
    position: absolute;
    z-index: 1000;
    bottom: -50%;
    right: 1rem;
  }
}
.how-it-works div p {
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
}

.phone-frame {
  width: 300px;
  height: 590px;
}

.single-step {
  cursor: pointer;
}

.phone-frame {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}
.phone-frame .figure-fixed {
  position: absolute;
}

.phone-slide-cover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.phone-home {
  margin: 9px 17px;
}
.phone-home div {
  border-radius: 34px !important;
}

.phone-slide-cover {
  background-image: url("../dist/img/remake/front-page/phone/frame-01.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.inner-phone-screen {
  background-image: url("../dist/img/remake/front-page/phone/inner-screen-01.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .how-it-works {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.8fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "col-a col-b col-c .";
  }

  .col-a {
    grid-area: col-b;
  }

  .col-b {
    grid-area: col-a;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .col-c {
    grid-area: col-c;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .phone-frame {
    height: 730px;
    width: 375px;
  }

  .phone-slide-cover {
    width: 100%;
  }

  .phone-slide {
    width: 100px;
    height: 300px;
  }

  .phone-home {
    margin: 13px 23px 13px 23px;
  }
  .phone-home div {
    border-radius: 40px !important;
  }
}
#the-app-slider {
  margin-top: -170px;
  color: #002137;
}
#the-app-slider .image-slider {
  width: 300px;
  height: 500px;
  margin: 0 auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#the-app-slider .screens {
  top: 8px;
  bottom: 8px;
  left: 36px;
  right: 36px;
}
#the-app-slider .screens div {
  width: 100%;
  height: 100%;
  border-radius: 30px !important;
}
#the-app-slider .screen {
  width: 100%;
  height: 100%;
}
#the-app-slider .text-slider-wrapper {
  width: 90%;
  margin: 0 auto;
}
#the-app-slider .text {
  background-color: #eff6f7;
  border-radius: 7px;
  padding: 16px;
  margin-top: 1rem;
}
#the-app-slider .text h3 {
  margin-top: 0;
}
#the-app-slider .text div {
  display: flex;
  flex-direction: row;
}
#the-app-slider .text div img {
  width: 50px;
  height: 50px;
}
#the-app-slider .text div p {
  font-size: 12px;
  margin-left: 15px;
}

@media (min-width: 768px) {
  .page-template-page-the-app-php .wrapper {
    height: 700px;
  }

  .page-template-page-the-app-php .slick-slide {
    transition: all ease-in-out 0.3s;
  }
  .page-template-page-the-app-php .slick-slide h3, .page-template-page-the-app-php .slick-slide p, .page-template-page-the-app-php .slick-slide div img {
    opacity: 0.3;
  }

  #the-app-slider {
    display: flex;
    flex-direction: row;
  }
  #the-app-slider .slick-current {
    opacity: 1;
    background-color: #EFF6F7 !important;
  }
  #the-app-slider .slick-current h3, #the-app-slider .slick-current p, #the-app-slider .slick-current div img {
    opacity: 1;
  }
  #the-app-slider .image-slider {
    width: 250px;
    height: 500px;
    margin: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 5;
  }
  #the-app-slider .screens {
    top: 8px;
    bottom: 8px;
    left: 10px;
    right: 12px;
    z-index: 1;
  }
  #the-app-slider .text-slider-wrapper {
    width: 66%;
    margin: auto 0;
    margin-top: 25px;
  }
  #the-app-slider .text-slider-wrapper .text {
    background-color: white;
    height: 100px;
    margin: 0;
    padding-left: 45px;
    margin-left: -10px h3;
    margin-left-display: none;
  }
  #the-app-slider .text-slider-wrapper .text div img {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  #the-app-slider {
    display: flex;
    flex-direction: row;
    margin-top: -71px;
  }
  #the-app-slider .image-slider {
    width: 360px;
    height: 750px;
    margin-top: -70px;
  }
  #the-app-slider .screens {
    top: 23px;
    bottom: 24px;
    left: 15px;
    right: 15px;
  }
  #the-app-slider .screens div {
    border-radius: 43px !important;
  }
  #the-app-slider .text-slider-wrapper .text {
    height: 150px;
  }
  #the-app-slider .text-slider-wrapper .text h3 {
    display: none;
  }
  #the-app-slider .text-slider-wrapper .text div p {
    font-size: 20px;
  }
  #the-app-slider .text-slider-wrapper .text div p span {
    font-size: 32px;
  }
}
.single-final-slide {
  max-width: 370px;
  margin: 45px 1rem;
  border: solid 1px #DADADA;
  border-radius: 5px;
  padding: 1rem;
}
.single-final-slide .quote {
  max-width: 300px;
}

#home-final-carousel {
  padding: 80px 0;
}

.image-and-name {
  display: flex;
  margin-top: 27px;
  align-items: center;
}
.image-and-name .image {
  margin-right: 1.5rem;
  width: 50px !important;
}
.image-and-name .name-and-title {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.image-and-name .name-and-title .name {
  font-size: 19px;
}
.image-and-name .name-and-title .title {
  font-size: 12px;
}

@media (min-width: 768px) {
  .single-final-slide {
    width: 370px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .single-final-slide .quote {
    height: 127px;
  }
}
#home-last-cta {
  background-image: url("../dist/img/remake/front-page/front-page-last-cta-banner-m.jpg");
  padding: 11rem 0;
  padding: 50px 0 100vw;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.hero-text div p {
  margin-top: 20px;
}
.hero-text div p:nth-child(2) {
  margin-bottom: 40px;
}

#home-last-cta > div > div > div.column.text-white > p {
  max-width: 470px;
  margin: 40px 0 60px;
}

#fp-lcta {
  text-align: center;
}
#fp-lcta .column:nth-child(2) figure img {
  width: 45rem !important;
  transform: rotate(338deg);
}
#fp-lcta figure {
  position: absolute;
  bottom: -4rem !important;
  right: 1rem;
  width: 380px;
}

.slick-current .single-final-slide {
  background-color: #002137;
  padding: 2.7rem;
  color: white;
}
.slick-current .single-final-slide .image-and-name {
  margin-top: 40px;
}

.slick-dots li button:before {
  font-size: 12px;
}

.slick-dots li.slick-active button:before {
  font-size: 22px;
}

@media (min-width: 360px) {
  #fp-lcta .column:nth-child(2) figure img {
    width: 45rem !important;
    transform: rotate(339deg);
  }
  #fp-lcta figure {
    position: absolute;
    bottom: -4rem !important;
    right: 2rem;
    width: 380px;
  }
}
@media (min-width: 414px) {
  #fp-lcta figure {
    position: absolute;
    bottom: -6rem !important;
    right: 3rem;
    width: 450px;
  }
}
@media (min-width: 768px) {
  #fp-lcta {
    text-align: left;
  }
  #fp-lcta figure {
    position: absolute;
    bottom: -4rem !important;
    right: 2rem;
    width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #home-last-cta {
    background-image: url("../dist/img/remake/front-page/front-page-last-cta-banner.png");
    padding: 8vw 0;
    text-align: left;
  }
}
@media (min-width: 1000px) {
  #fp-lcta figure {
    position: absolute;
    bottom: -8rem !important;
    right: 2rem;
    width: 700px;
  }

  .introducing-wrapper {
    max-width: 1440px;
    margin: 0 auto;
  }

  #fp-lcta .column:nth-child(2) figure img {
    transform: rotate(0deg);
  }
}
@media (min-width: 1200px) {
  .hero-text div p {
    max-width: 462px;
    margin-top: 20px;
  }
  .hero-text div p:nth-child(2) {
    margin-bottom: 40px;
  }

  #home-last-cta {
    background-image: url("../dist/img/remake/front-page/front-page-last-cta-banner.png");
    padding: 10vw 0;
    text-align: left;
  }
}
@media (min-width: 1400px) {
  #fp-lcta figure {
    right: 10%;
  }
}
.career {
  background-repeat: no-repeat;
  background-size: cover;
  height: 95vh;
  background-position: 100% 50%;
}

.the-meeting {
  background-image: url("../dist/img/remake/about/our-value-mobile@2x.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 450px;
}

.the-meeting-text {
  max-width: 90%;
  margin: 0 auto;
  margin-top: -10rem;
  position: relative;
  padding: 3rem;
}

.about-header-social {
  justify-content: center;
  margin-top: 3.5rem;
}
.about-header-social li {
  width: 40px;
  height: 40px;
  border: white 2px solid;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#location figure {
  margin: 1rem;
  margin-bottom: 2rem;
}
#location figcaption {
  text-align: center;
}

#influencer {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#influencer .influecer-name, #influencer .influecer-email, #influencer .influecer-link {
  height: 48px;
  padding: 15px;
}
#influencer .nf-field-label {
  text-transform: uppercase;
}
#influencer .nf-form-fields-required {
  display: none;
}
#influencer .influecer-apply {
  background-color: #8fc741;
  color: white;
  border: none;
  padding: 15px 70px;
  border-radius: 30px;
  font-size: 26px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .about-title {
    top: 50%;
    left: 50%;
    transform: translate(-50%, 60%);
    width: 100%;
    bottom: unset !important;
  }

  #influencer {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #influencer figcaption {
    text-align: right;
  }

  .the-meeting {
    background-image: url("../dist/img/remake/about/our-value@2x.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    height: 1200px;
  }

  .the-meeting-text.bg-white.border-radius {
    width: 800px;
    padding: 40px;
    top: 300px;
    right: 11vw;
    position: absolute;
  }

  .the-meeting-text .column {
    margin-right: 83px;
  }

  .bg-hero {
    background-position: 50% 35%;
  }

  .column {
    align-items: center;
  }
  .column figcaption {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }

  .play-hard {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.8fr 0.5fr;
    grid-template-rows: 0.9fr 0.5fr 0.5fr 1fr;
    gap: 30px 30px;
    grid-template-areas: "a a a b b" "a a a c c" "e f f c c" "e f f d d";
  }

  .a {
    grid-area: a;
  }

  .b {
    grid-area: b;
  }

  .c {
    grid-area: c;
  }

  .d {
    grid-area: d;
  }

  .e {
    grid-area: e;
  }

  .f {
    grid-area: f;
  }

  .career-text {
    max-width: 550px;
    height: 500px;
  }

  .career {
    background-position: center;
  }
}
@media (min-width: 1700px) {
  .the-meeting-text.bg-white.border-radius {
    width: 800px;
    padding: 40px;
  }
}
.partners-flex {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.partners-flex li {
  margin: 0 0rem;
}
.partners-flex li figure {
  width: 80px;
  height: 80px;
  transition: 0.3s;
  cursor: pointer;
}
.partners-flex li:hover figure {
  width: 170px;
  height: 170px;
}

.nf-response-msg {
  color: #8fc741;
  text-align: center;
  margin-bottom: 2rem;
}

ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  transition: 0.3s;
}

ul.tabs li.current {
  border-bottom: solid #002137;
  color: #222;
}

.tab-content {
  display: none;
  padding: 15px;
}

.tab-content.current {
  display: inherit;
}

#partners-form {
  border: solid #002137 10px;
  color: #DADADA;
  padding-top: 50px;
  border-radius: 16px 16px 0 0;
}
#partners-form .team-name label,
#partners-form .contact-name label,
#partners-form .role label,
#partners-form .email label {
  display: none;
}
#partners-form .team-name input,
#partners-form .contact-name input,
#partners-form .role input,
#partners-form .email input {
  height: 48px;
  padding: 15px;
}
#partners-form .message label {
  display: none;
}
#partners-form .message textarea {
  padding: 15px;
}
#partners-form .nf-form-fields-required {
  padding: 15px 0;
  display: none;
}
#partners-form .send-button {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#partners-form .send-button input {
  background-color: #8fc741;
  color: white;
  border: none;
  padding: 15px 70px;
  border-radius: 30px;
  font-size: 26px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .honeycomb {
    min-height: 580px;
  }

  #partners-form nf-fields-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #partners-form .team-name,
#partners-form .contact-name,
#partners-form .role,
#partners-form .email {
    width: 480px;
    margin: 20px;
  }
  #partners-form .message {
    width: 480px;
  }
  .partners-flex li {
    margin: 0 0.7rem;
  }
  .partners-flex li figure {
    width: 130px;
    height: 130px;
    transition: 0.3s;
    cursor: pointer;
  }
  .partners-flex li:hover figure {
    width: 170px;
    height: 170px;
  }
}
@media (min-width: 1177px) {
  #partners-form .message {
    width: 1000px;
  }
}
.poll-phone {
  width: 80%;
  margin: 0 auto;
  margin-top: -12rem;
  position: relative;
}

.single-poll {
  width: 100%;
  height: 24vw;
  min-height: 194px;
  max-height: 320px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-poll .caption {
  width: 100%;
  background-color: #012133ad;
  color: white;
  bottom: 0;
  padding-left: 15px;
  padding-bottom: 20px;
  padding-top: 10px;
  border-radius: 0 7px 7px 0;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  justify-content: flex-end;
}
.single-poll .caption .title {
  margin: 0;
}
.single-poll .caption .description {
  font-size: 15px;
}

.poll-video {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .poll-phone {
    width: 50%;
    margin-top: -16rem;
  }

  .single-poll {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .page-template-page-socios-polls .wrapper {
    height: 800px;
    margin-bottom: 200px;
  }
  .page-template-page-socios-polls .bg-hero {
    background-position: 50% 100%;
  }

  .polls-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 44px 44px;
    grid-template-areas: ". .";
  }

  .single-poll {
    margin: 0 auto;
  }

  .poll-phone {
    position: absolute;
    margin-top: -16rem;
    top: 500px;
    width: 40%;
  }
}
@media (min-width: 768px) and (min-width: 1000px) {
  .poll-phone {
    width: 35%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .polls-grid {
    margin-top: 7rem;
  }

  .poll-phone {
    top: 500px;
    width: 35%;
    left: 90px;
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  .poll-phone {
    width: 450px;
    left: 120px;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .poll-phone {
    left: 200px;
  }
}
@media (min-width: 768px) and (min-width: 1700px) {
  .poll-phone {
    left: 200px;
  }
}
@media (min-width: 768px) and (min-width: 1900px) {
  .poll-phone {
    left: 400px;
  }
}
@media (min-width: 768px) and (min-width: 2100px) {
  .poll-phone {
    left: 25vw;
  }
}
.rewards-hero {
  background-position: 72% 100%;
}
.rewards-hero section > div {
  position: absolute;
  text-align: left;
  bottom: 40px;
  left: 20px;
}

.fan-token-love h2 {
  letter-spacing: 7px;
  font-size: 15px;
  margin-bottom: 35px;
  margin-top: 50px;
}

#rewards .reward-grid {
  min-height: 600px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 30px;
  grid-template-areas: "a a b b" "a a c d";
}
#rewards .reward-grid .a {
  grid-area: a;
}
#rewards .reward-grid .b {
  grid-area: b;
}
#rewards .reward-grid .c {
  grid-area: c;
}
#rewards .reward-grid .d {
  grid-area: d;
}
#rewards .img-01 {
  background-image: url("../dist/img/remake/rewards/a.jpg");
}
#rewards .img-02 {
  background-image: url("../dist/img/remake/rewards/b.jpg");
}
#rewards .img-03 {
  background-image: url("../dist/img/remake/rewards/c.jpg");
}
#rewards .img-04 {
  background-image: url("../dist/img/remake/rewards/d.jpg");
}
#rewards .a,
#rewards .b,
#rewards .c,
#rewards .d {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}

.reward-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 0.7fr;
  gap: 0px 0px;
  grid-template-areas: "a b c c" "a b d d";
}
.reward-grid-2 .a {
  grid-area: a;
}
.reward-grid-2 .b {
  grid-area: b;
}
.reward-grid-2 .c {
  grid-area: c;
}
.reward-grid-2 .d {
  grid-area: d;
}

.video-slider-description {
  padding: 2rem;
}

.video-slider-wrapper .row .column:nth-child(1) {
  margin-bottom: 1rem;
}

.fan-token-love .row .column:nth-child(1) {
  margin-bottom: 5rem;
}

.video-slider-wrapper .video {
  height: 400px;
  margin-bottom: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: solid black 3px;
}

@media (min-width: 768px) {
  .fan-token-love {
    margin-bottom: 90px;
  }
  .fan-token-love .row .column:nth-child(1) {
    margin-bottom: 0px;
    align-items: flex-start;
  }
  .fan-token-love .row p {
    font-size: 23px;
    line-height: 31px;
  }
  .fan-token-love .row .twitter-author {
    font-size: 25px;
  }

  .rewards-hero {
    background-position: 50% 20%;
  }

  .video-slider-wrapper .row .column:nth-child(1) {
    margin-bottom: 0rem;
    margin-right: 15px;
  }
  .video-slider-wrapper .row .column:nth-child(2) {
    margin-left: 15px;
  }

  .rewards-hero > section > div {
    top: 24vh;
    position: absolute;
    max-width: 470px;
    text-align: left;
    margin-left: 18vw;
  }

  .reward-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.7fr;
    gap: 0px 0px;
    grid-template-areas: "a b c c" "a b d d";
    height: 400px;
    grid-gap: 30px 30px;
  }
  .reward-grid-2 .a figure {
    height: 200px;
    background-image: url("../dist/img/remake/rewards/og-thumb-up.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .a {
    grid-area: a;
  }

  .b {
    grid-area: b;
  }

  .c {
    grid-area: c;
  }

  .d {
    grid-area: d;
  }

  .video-slider-wrapper .video {
    width: 100%;
    margin: 0;
    margin-left: 10px;
  }
  .video-slider-wrapper .video-slider-description {
    margin-left: 40px;
  }

  .video-slider {
    max-width: 800px;
    margin-right: 2rem;
  }
  .video-slider .play-button {
    top: 50%;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
  }

  .video-slider-description {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .fan-token-love .row p {
    font-size: 38px;
    line-height: 41px;
  }
}
.page-template-page-socios-fan-token .fto-single-lable.fto-flash-lable {
  position: absolute;
  left: 6px;
  top: 7px;
  font-size: 12px;
  background-color: #8fc741;
  padding: 8px 15px;
  border-radius: 15px;
  color: white;
}

.page-template-page-socios-fan-token .wrapper {
  height: 1000px;
  max-height: 100%;
}
@media (min-width: 375px) {
  .page-template-page-socios-fan-token .wrapper {
    max-height: 100%;
  }
}
.page-template-page-socios-fan-token .ft-wide-title {
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 9px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 30px;
}
.page-template-page-socios-fan-token .fto-image-bg {
  height: 150px;
  border-radius: 17px 17px 0 0;
}
.page-template-page-socios-fan-token .fto-team-logo {
  height: 130px;
  width: 130px;
  margin: 0 auto;
  margin-top: -2rem;
  border-radius: 50%;
}
.page-template-page-socios-fan-token .fto-single {
  border: #eeeeee 3px solid;
  border-radius: 17px;
  margin-bottom: 3rem;
}
.page-template-page-socios-fan-token .fto-single .name {
  font-size: 3.5rem;
  text-align: center;
  padding-top: 31px;
  margin-top: 0;
}
.page-template-page-socios-fan-token .fto-single .h4 {
  margin: 10px 0 !important;
}
.page-template-page-socios-fan-token .fto-single-lable.fto-hot-lable {
  position: absolute;
}
.page-template-page-socios-fan-token .fto-single-lable.fto-flash-lable {
  position: absolute;
}
.page-template-page-socios-fan-token .fto-single-details {
  padding: 1rem;
}
.page-template-page-socios-fan-token .coin {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 50px auto;
  transform-style: preserve-3d;
  animation: rotate3d 4s linear infinite;
  transition: all 0.3s;
}
.page-template-page-socios-fan-token .coin__front,
.page-template-page-socios-fan-token .coin__back {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #002137;
}
.page-template-page-socios-fan-token .coin__front:after,
.page-template-page-socios-fan-token .coin__back:after {
  content: "";
  position: absolute;
  left: -100px;
  bottom: 100%;
  display: block;
  height: 133.3333333333px;
  width: 400px;
  background: #fff;
  opacity: 0.3;
  animation: shine linear 2s infinite;
}
.page-template-page-socios-fan-token .coin__front {
  background-size: cover;
  transform: translateZ(7.5px);
}
.page-template-page-socios-fan-token .coin__back {
  background-size: cover;
  transform: translateZ(-7.5px) rotateY(180deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(1) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(94.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(2) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(99deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(3) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(103.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(4) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(108deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(5) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(112.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(6) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(117deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(7) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(121.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(8) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(126deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(9) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(130.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(10) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(135deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(11) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(139.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(12) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(144deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(13) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(148.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(14) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(153deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(15) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(157.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(16) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(162deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(17) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(166.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(18) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(171deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(19) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(175.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(20) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(180deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(21) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(184.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(22) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(189deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(23) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(193.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(24) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(198deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(25) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000305;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(202.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(26) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #00070b;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(207deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(27) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000a11;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(211.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(28) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000e17;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(216deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(29) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #00111c;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(220.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(30) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001421;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(225deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(31) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001625;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(229.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(32) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001829;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(234deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(33) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001a2c;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(238.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(34) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001c2f;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(243deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(35) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001e31;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(247.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(36) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001f33;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(252deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(37) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002035;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(256.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(38) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002036;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(261deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(39) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002137;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(265.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(40) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002137;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(270deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(41) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002137;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(274.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(42) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002036;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(279deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(43) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #002035;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(283.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(44) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001f33;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(288deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(45) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001e31;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(292.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(46) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001c2f;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(297deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(47) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001a2c;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(301.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(48) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001829;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(306deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(49) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001625;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(310.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(50) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #001421;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(315deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(51) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #00111c;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(319.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(52) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000e17;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(324deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(53) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000a11;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(328.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(54) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #00070b;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(333deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(55) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: #000305;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(337.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(56) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(342deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(57) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(346.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(58) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(351deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(59) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(355.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(60) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(360deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(61) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(364.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(62) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(369deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(63) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(373.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(64) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(378deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(65) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(382.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(66) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(387deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(67) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(391.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(68) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(396deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(69) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(400.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(70) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(405deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(71) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(409.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(72) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(414deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(73) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(418.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(74) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(423deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(75) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(427.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(76) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(432deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(77) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(436.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(78) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(441deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(79) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(445.5deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__edge div:nth-child(80) {
  position: absolute;
  height: 7.85px;
  width: 15px;
  background: black;
  transform: translateY(96.075px) translateX(92.5px) rotateZ(450deg) translateX(100px) rotateY(90deg);
}
.page-template-page-socios-fan-token .coin__shadow {
  position: absolute;
  width: 200px;
  height: 15px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 75px 75px #000;
  opacity: 0.125;
  transform: rotateX(90deg) translateZ(-220px) scale(0.5);
}
@keyframes rotate3d {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  100% {
    transform: perspective(1000px) rotateY(360deg);
  }
}
@keyframes shine {
  0%, 15% {
    transform: translateY(400px) rotate(-40deg);
  }
  50% {
    transform: translateY(-200px) rotate(-40deg);
  }
}

@media (min-width: 768px) {
  .page-template-page-socios-fan-token .image-final-cta {
    width: 650px;
  }

  .hero-title {
    text-align: left;
    margin-top: 3rem;
  }

  .page-template-page-socios-fan-token .coin {
    position: relative;
    width: 450px;
    height: 450px;
    margin: 50px auto;
    transform-style: preserve-3d;
    animation: rotate3d 4s linear infinite;
    transition: all 0.3s;
  }
  .page-template-page-socios-fan-token .coin__front,
.page-template-page-socios-fan-token .coin__back {
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #002137;
  }
  .page-template-page-socios-fan-token .coin__front:after,
.page-template-page-socios-fan-token .coin__back:after {
    content: "";
    position: absolute;
    left: -225px;
    bottom: 100%;
    display: block;
    height: 300px;
    width: 900px;
    background: #fff;
    opacity: 0.3;
    animation: shine linear 2s infinite;
  }
  .page-template-page-socios-fan-token .coin__front {
    background-image: url("https://www.socios.com/img/coins/PSG-10.svg");
    background-size: cover;
    transform: translateZ(15px);
  }
  .page-template-page-socios-fan-token .coin__back {
    background-size: cover;
    background-image: url("https://www.socios.com/img/coins/PSG-10.svg");
    transform: translateZ(-15px) rotateY(180deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(1) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(94.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(2) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(99deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(3) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(103.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(4) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(108deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(5) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(112.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(6) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(117deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(7) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(121.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(8) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(126deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(9) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(130.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(10) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(135deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(11) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(139.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(12) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(144deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(13) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(148.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(14) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(153deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(15) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(157.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(16) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(162deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(17) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(166.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(18) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(171deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(19) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(175.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(20) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(180deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(21) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(184.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(22) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(189deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(23) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(193.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(24) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(198deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(25) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000305;
    transform: translateY(216.16875px) translateX(210px) rotateZ(202.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(26) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #00070b;
    transform: translateY(216.16875px) translateX(210px) rotateZ(207deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(27) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000a11;
    transform: translateY(216.16875px) translateX(210px) rotateZ(211.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(28) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000e17;
    transform: translateY(216.16875px) translateX(210px) rotateZ(216deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(29) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #00111c;
    transform: translateY(216.16875px) translateX(210px) rotateZ(220.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(30) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001421;
    transform: translateY(216.16875px) translateX(210px) rotateZ(225deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(31) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001625;
    transform: translateY(216.16875px) translateX(210px) rotateZ(229.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(32) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001829;
    transform: translateY(216.16875px) translateX(210px) rotateZ(234deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(33) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001a2c;
    transform: translateY(216.16875px) translateX(210px) rotateZ(238.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(34) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001c2f;
    transform: translateY(216.16875px) translateX(210px) rotateZ(243deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(35) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001e31;
    transform: translateY(216.16875px) translateX(210px) rotateZ(247.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(36) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001f33;
    transform: translateY(216.16875px) translateX(210px) rotateZ(252deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(37) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002035;
    transform: translateY(216.16875px) translateX(210px) rotateZ(256.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(38) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002036;
    transform: translateY(216.16875px) translateX(210px) rotateZ(261deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(39) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002137;
    transform: translateY(216.16875px) translateX(210px) rotateZ(265.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(40) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002137;
    transform: translateY(216.16875px) translateX(210px) rotateZ(270deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(41) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002137;
    transform: translateY(216.16875px) translateX(210px) rotateZ(274.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(42) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002036;
    transform: translateY(216.16875px) translateX(210px) rotateZ(279deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(43) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #002035;
    transform: translateY(216.16875px) translateX(210px) rotateZ(283.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(44) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001f33;
    transform: translateY(216.16875px) translateX(210px) rotateZ(288deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(45) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001e31;
    transform: translateY(216.16875px) translateX(210px) rotateZ(292.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(46) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001c2f;
    transform: translateY(216.16875px) translateX(210px) rotateZ(297deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(47) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001a2c;
    transform: translateY(216.16875px) translateX(210px) rotateZ(301.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(48) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001829;
    transform: translateY(216.16875px) translateX(210px) rotateZ(306deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(49) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001625;
    transform: translateY(216.16875px) translateX(210px) rotateZ(310.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(50) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #001421;
    transform: translateY(216.16875px) translateX(210px) rotateZ(315deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(51) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #00111c;
    transform: translateY(216.16875px) translateX(210px) rotateZ(319.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(52) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000e17;
    transform: translateY(216.16875px) translateX(210px) rotateZ(324deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(53) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000a11;
    transform: translateY(216.16875px) translateX(210px) rotateZ(328.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(54) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #00070b;
    transform: translateY(216.16875px) translateX(210px) rotateZ(333deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(55) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: #000305;
    transform: translateY(216.16875px) translateX(210px) rotateZ(337.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(56) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(342deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(57) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(346.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(58) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(351deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(59) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(355.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(60) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(360deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(61) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(364.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(62) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(369deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(63) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(373.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(64) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(378deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(65) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(382.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(66) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(387deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(67) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(391.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(68) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(396deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(69) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(400.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(70) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(405deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(71) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(409.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(72) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(414deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(73) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(418.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(74) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(423deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(75) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(427.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(76) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(432deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(77) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(436.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(78) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(441deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(79) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(445.5deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__edge div:nth-child(80) {
    position: absolute;
    height: 17.6625px;
    width: 30px;
    background: black;
    transform: translateY(216.16875px) translateX(210px) rotateZ(450deg) translateX(225px) rotateY(90deg);
  }
  .page-template-page-socios-fan-token .coin__shadow {
    position: absolute;
    width: 450px;
    height: 30px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 150px 150px #000;
    opacity: 0.125;
    transform: rotateX(90deg) translateZ(-495px) scale(0.5);
  }
  @keyframes rotate3d {
    0% {
      transform: perspective(1000px) rotateY(0deg);
    }
    100% {
      transform: perspective(1000px) rotateY(360deg);
    }
  }
  @keyframes shine {
    0%, 15% {
      transform: translateY(900px) rotate(-40deg);
    }
    50% {
      transform: translateY(-450px) rotate(-40deg);
    }
  }
  .page-template-page-socios-fan-token .wrapper {
    max-height: 750px;
  }
  .page-template-page-socios-fan-token .ft-wide-title {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: 9px;
    font-weight: 400;
    margin-bottom: 15px;
  }
  .page-template-page-socios-fan-token .ft-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 15px;
    grid-template-areas: ". . " ". . " ". . ";
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .page-template-page-socios-fan-token .ft-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 15px;
    grid-template-areas: ". . .";
  }
}
.archive, .single-help_center {
  color: #002137;
}
.archive main a, .single-help_center main a {
  color: #002137;
}
.archive #breadcrums .breadcrumb_last span > span > a, .single-help_center #breadcrums .breadcrumb_last span > span > a {
  font-weight: 600;
}
.archive .wrapper, .single-help_center .wrapper {
  height: 400px;
}
.archive .divider, .single-help_center .divider {
  height: 2px;
}
@media (min-width: 768px) {
  .archive .wrapper, .single-help_center .wrapper {
    height: 400px;
  }
  .archive .help-desktop-sidebar, .single-help_center .help-desktop-sidebar {
    border: solid 2px #DADADA;
    padding: 15px;
  }
  .archive .column, .single-help_center .column {
    align-items: normal;
  }
}
#footer {
  background-color: #eff6f7;
}

#upperFooter,
#lowerFooter {
  padding: 15px;
}

#social li:hover {
  border-color: #8fc741 !important;
}
#social li:hover a {
  color: #8fc741 !important;
}

#PartnersFooter .textGrey {
  color: #707070 !important;
}

#menuFooter ul li a, #InstagramFooter ul li a {
  color: #002137 !important;
}

#logoFooterSocios {
  margin-bottom: 30px;
}

#downloadApp li {
  margin-bottom: 30px;
}

#blogFooter ul li {
  display: flex;
  margin-bottom: 2rem;
}
#blogFooter ul li div {
  margin-left: 22px;
}
#blogFooter ul li div h6,
#blogFooter ul li div p {
  padding: 0;
  margin: 0;
}
#blogFooter ul li div h6 {
  margin-bottom: 0.4rem;
}

#instagramGrid {
  display: grid;
  width: 275px;
  height: 145px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . ." ". . .";
}

#PartnersFooter {
  display: flex;
  flex-direction: column;
}
#PartnersFooter select {
  margin-bottom: 30px;
}

#PartnersFooter ul {
  display: flex;
  flex-direction: column;
}
#PartnersFooter select {
  position: relative;
  border: none;
  padding: 0.75rem;
  width: 100%;
  border-radius: 3px;
}

#lowerFooter .conceptual1 {
  display: none;
}
#lowerFooter .legal {
  margin-bottom: 50px;
}
#lowerFooter ul {
  display: flex;
  justify-content: center;
}
#lowerFooter ul li {
  margin-right: 8px;
  width: 33px;
  height: 33px;
  text-align: center;
  border: solid #002137 2px;
  border-radius: 50%;
}
#lowerFooter ul li i {
  font-size: 1rem;
  line-height: 30px;
}

#social {
  margin: 30px 0;
}

.play-button-container {
  width: 100%;
  height: 100%;
}
.play-button-container figure {
  left: 22%;
  top: 10%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: pulse-black 2s infinite;
  animation: pulse-black 2s infinite;
}

#legalSection ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#legalSection ul li {
  margin-right: 0rem;
}

div#legalSection {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2rem;
}
div#legalSection h5 {
  margin: 10px auto;
}

#upperFooter ul li {
  margin: 5px 0;
}
#upperFooter ul li a:hover {
  color: #8fc741 !important;
}

#legalSection ul li a h5:hover {
  color: #8fc741 !important;
}

@media (min-width: 768px) {
  .play-button-container figure {
    left: 43%;
    top: 26%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 0px 0px;
    grid-template-areas: ". ." ". ." "lowerFooter lowerFooter";
  }

  .lowerFooter {
    grid-area: lowerFooter;
    display: flex;
  }
  .lowerFooter select {
    max-width: 90%;
  }

  #PartnersFooter,
#legalSection {
    width: 50%;
  }

  #upperFooter,
#lowerFooter {
    padding: 2.5rem 0 1rem 2.5rem;
  }

  div#legalSection {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2rem;
  }
  div#legalSection h5 {
    margin: 10px auto;
  }
}
@media (min-width: 1200px) {
  .play-button-container figure {
    left: 48%;
    top: 26%;
  }

  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas: "FooterLogos menuFooter footerBlog footerInstagram" "lowerFooter lowerFooter lowerFooter lowerFooter";
  }

  .lowerFooter {
    grid-area: lowerFooter;
  }

  .menuFooter {
    grid-area: menuFooter;
  }

  .footerBlog {
    grid-area: footerBlog;
  }

  .footerInstagram {
    grid-area: footerInstagram;
  }

  .FooterLogos {
    grid-area: FooterLogos;
  }

  #PartnersFooter ul {
    display: flex;
    flex-direction: column;
  }
  #PartnersFooter ul li select {
    background-color: white;
    border: solid #DADADA 1px;
    border-radius: 7px;
  }

  #legalSection ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #legalSection ul li {
    margin-right: 2.2rem;
  }

  #lowerFooter {
    padding: 23px 70px;
    display: flex;
  }
  #lowerFooter .conceptual1 {
    display: block;
  }
  #lowerFooter .conceptual2 {
    display: none;
  }
  #lowerFooter .legal {
    max-width: 368px;
    font-size: 12px !important;
    text-align: left;
    margin-bottom: 0;
  }
  #lowerFooter #social {
    margin: 0;
  }

  #upperFooter {
    padding-bottom: 10px;
  }

  #PartnersFooter ul li select {
    width: 170px;
    margin-right: 30px;
  }

  #upperFooter h5 {
    margin-top: 15px;
  }
}
.p-0 {
  padding: 0rem;
}

.p-1 {
  padding: 1rem;
}

.p-2 {
  padding: 2rem;
}

.p-3 {
  padding: 3rem;
}

.p-5 {
  padding: 5rem;
}

.p-10 {
  padding: 10rem;
}

.p-15 {
  padding: 15rem;
}

.p-20 {
  padding: 20rem;
}

.p-25 {
  padding: 25rem;
}

.p-30 {
  padding: 30rem;
}

.p-35 {
  padding: 35rem;
}

.p-40 {
  padding: 40rem;
}

.p-45 {
  padding: 45rem;
}

.p-50 {
  padding: 50rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pt-10 {
  padding-top: 10rem;
}

.pt-15 {
  padding-top: 15rem;
}

.pt-20 {
  padding-top: 20rem;
}

.pt-25 {
  padding-top: 25rem;
}

.pt-30 {
  padding-top: 30rem;
}

.pt-35 {
  padding-top: 35rem;
}

.pt-40 {
  padding-top: 40rem;
}

.pt-45 {
  padding-top: 45rem;
}

.pt-50 {
  padding-top: 50rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pr-10 {
  padding-right: 10rem;
}

.pr-15 {
  padding-right: 15rem;
}

.pr-20 {
  padding-right: 20rem;
}

.pr-25 {
  padding-right: 25rem;
}

.pr-30 {
  padding-right: 30rem;
}

.pr-35 {
  padding-right: 35rem;
}

.pr-40 {
  padding-right: 40rem;
}

.pr-45 {
  padding-right: 45rem;
}

.pr-50 {
  padding-right: 50rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pb-10 {
  padding-bottom: 10rem;
}

.pb-15 {
  padding-bottom: 15rem;
}

.pb-20 {
  padding-bottom: 20rem;
}

.pb-25 {
  padding-bottom: 25rem;
}

.pb-30 {
  padding-bottom: 30rem;
}

.pb-35 {
  padding-bottom: 35rem;
}

.pb-40 {
  padding-bottom: 40rem;
}

.pb-45 {
  padding-bottom: 45rem;
}

.pb-50 {
  padding-bottom: 50rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pl-10 {
  padding-left: 10rem;
}

.pl-15 {
  padding-left: 15rem;
}

.pl-20 {
  padding-left: 20rem;
}

.pl-25 {
  padding-left: 25rem;
}

.pl-30 {
  padding-left: 30rem;
}

.pl-35 {
  padding-left: 35rem;
}

.pl-40 {
  padding-left: 40rem;
}

.pl-45 {
  padding-left: 45rem;
}

.pl-50 {
  padding-left: 50rem;
}

.m-0 {
  margin: 0rem;
}

.m-1 {
  margin: 1rem;
}

.m-2 {
  margin: 2rem;
}

.m-3 {
  margin: 3rem;
}

.m-5 {
  margin: 5rem;
}

.m-10 {
  margin: 10rem;
}

.m-15 {
  margin: 15rem;
}

.m-20 {
  margin: 20rem;
}

.m-25 {
  margin: 25rem;
}

.m-30 {
  margin: 30rem;
}

.m-35 {
  margin: 35rem;
}

.m-40 {
  margin: 40rem;
}

.m-45 {
  margin: 45rem;
}

.m-50 {
  margin: 50rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mt-15 {
  margin-top: 15rem;
}

.mt-20 {
  margin-top: 20rem;
}

.mt-25 {
  margin-top: 25rem;
}

.mt-30 {
  margin-top: 30rem;
}

.mt-35 {
  margin-top: 35rem;
}

.mt-40 {
  margin-top: 40rem;
}

.mt-45 {
  margin-top: 45rem;
}

.mt-50 {
  margin-top: 50rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mr-10 {
  margin-right: 10rem;
}

.mr-15 {
  margin-right: 15rem;
}

.mr-20 {
  margin-right: 20rem;
}

.mr-25 {
  margin-right: 25rem;
}

.mr-30 {
  margin-right: 30rem;
}

.mr-35 {
  margin-right: 35rem;
}

.mr-40 {
  margin-right: 40rem;
}

.mr-45 {
  margin-right: 45rem;
}

.mr-50 {
  margin-right: 50rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.mb-15 {
  margin-bottom: 15rem;
}

.mb-20 {
  margin-bottom: 20rem;
}

.mb-25 {
  margin-bottom: 25rem;
}

.mb-30 {
  margin-bottom: 30rem;
}

.mb-35 {
  margin-bottom: 35rem;
}

.mb-40 {
  margin-bottom: 40rem;
}

.mb-45 {
  margin-bottom: 45rem;
}

.mb-50 {
  margin-bottom: 50rem;
}

.ml-0 {
  margin-left: 0rem;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.ml-5 {
  margin-left: 5rem;
}

.ml-10 {
  margin-left: 10rem;
}

.ml-15 {
  margin-left: 15rem;
}

.ml-20 {
  margin-left: 20rem;
}

.ml-25 {
  margin-left: 25rem;
}

.ml-30 {
  margin-left: 30rem;
}

.ml-35 {
  margin-left: 35rem;
}

.ml-40 {
  margin-left: 40rem;
}

.ml-45 {
  margin-left: 45rem;
}

.ml-50 {
  margin-left: 50rem;
}

.page-template-page-badges .row {
  margin-bottom: 5rem;
}
.page-template-page-badges figure.image-final-cta {
  position: absolute;
  top: 9rem;
  right: 0rem;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .page-template-page-badges .row {
    margin-bottom: 0rem;
  }
  .page-template-page-badges .fan-shop {
    margin-bottom: 5rem;
  }
  .page-template-page-badges figure.image-final-cta {
    position: absolute;
    top: -8rem;
    right: 0rem;
  }
}

/*# sourceMappingURL=style2021.css.map */